/*

Theme Name: Mozoona Theme

Theme URI: https://www.petrikorsolutions.com/

Description: A Theme for WordPress with Bootstrap for styling.

Author: Fatima Rmayhi 

Author URI: https://www.petrikorsolutions.com/

Version: 1.0

!! BOOSTRAP v5.3 if files missing remove "_" before the name of the file in css folder


*/

@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap');


:root {
    --primaryColor: #205040;
    --primaryLightColor: #6B9587;
    --secondaryColor: #BB9442;
    --secondaryColorLight: #F6F1E4;
    --darkColor: #0A251C;
    --oceanColor: #349474;
    --offwhite: #F3FAF8;

    --transition: all .1s .1s ease-in;
    --slowtransition: all .5s .1s linear;
    --fasttransition: all .1s .1s linear;
    font-family: "Almarai", serif;
}


[data-data_name="ccheck_copy_1"] .form-check:has(input[type="checkbox"]:checked) {
    background-color: #B59650 !important;
    color: white;
}

* {
    font-family: "Almarai", serif;
}

html {
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    scroll-behavior: smooth;
    margin: 0 !important;
    padding: 0;
    direction: rtl; /* Set direction to right-to-left */
}

body {
    background: #fff;
    overflow: hidden !important;
    scroll-behavior: smooth;
    margin: 0;
    padding: 0;
    transition: background 0.5s ease;
    font-family: "Almarai", serif;
}
.green{ 
    color: #2D4F41!important;
  }
  .joinregister{
    font-size: 35px;
  }
 .login-input{
    width: 626.02px;
 }
 div.number-container{
    min-width: 626.02px;
    border-radius: 30px;




 }

  ::placeholder,
  textarea,
  input,
  .personal-data .account-field-container{
    color: black;
    font-size: 24px;
    font-weight: 400;
    line-height: 48px;


  }
  .myinput::placeholder {
    opacity: 0.50;
    text-align: right;
    color: black;
    font-size: 24px;
    font-family: Almarai, sans-serif;
    font-weight: 400;
    line-height: 48px;
    word-wrap: break-word;
}

.form-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}
.loooo {
    min-height: 86px;
    padding: 8px 20px 8px 43px;
    border-radius: 19px;
    border: 1px solid #2D4F41;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    background-color: white!important;
}
.myinput {
    width: 626.02px;
    min-height: 86px;
    padding: 8px 20px 8px 43px;
    border-radius: 30px;
    border: 1px solid #2D4F41;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    background-color: white!important;
}

.myinput:focus {
    border: 1px solid #2D4F41!important;
}

.myinput:active {
    width: 626.02px;
    height: 86px;
    padding: 8px 20px 8px 43px;
    border-radius: 30px;
    border: 1px solid #2D4F41;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    background-color: white!important;
}


.number-container, .email-container {
    display: flex;
    flex-direction: column; /* Ensure inputs inside are stacked */
}
@media (min-width: 1200px) {

.number-container .select2-container--default .select2-selection--single{
    background: transparent !important;
    border: 1px solid #2D4F41 !important;
    height: 86px!important;

}
}
@media (max-width: 767px) {
    .myinput {
        width: 343px;
        min-height: 46px!important;
        padding: 8px 10px;
    }
    .myinput:active  {
        width: 343px!important;
        height: 46px!important;
        padding: 8px 10px;
    }
    div.number-container{
        min-width: 250px!important;

    }
     .signintext{
    font-size:13px!important;
    color: #2D4F41;
  }
  .loooo {
    width: 240.02px!important;
    border: 1px solid #2D4F41 !important;
    min-height: 68.96px !important;
    border-radius: 19px !important
}

.select2-selection__rendered {
    display: flex; /* Use flexbox for centering */
    justify-content: center; /* Center text horizontally */
    align-items: center; /* Center text vertically */
    text-align: center; /* Ensure text alignment */
}
.number-container .select2-container--default .select2-selection--single{
    height: 68.96px !important;

}
}

.number-container .select2-container--default .select2-selection--single{
    background: transparent !important;
    border: 1px solid #2D4F41 !important;
    height: 86px;

}

.wp-custom-button1 {
    height: 83.96px!important;
    padding: 8px 43px!important;
    background-color: #B59650!important;
    border-radius: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: none; /* إزالة الحدود الافتراضية للأزرار */
    cursor: pointer;
    text-decoration: none; /* إزالة الخط السفلي إذا كان الرابط */
  }


  input .input-label {
    opacity: 0.50;
    text-align: right;
    color: black;
    font-size: 24px;
    font-family: Almarai, sans-serif;
    font-weight: 400;
    line-height: 48px;
    word-wrap: break-word;
  }
  
  .wp-custom-button {
    width: 275.6px;
    height: 83.96px!important;
    padding: 8px 43px!important;
    background-color: #B59650;
    border-radius: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: none; /* إزالة الحدود الافتراضية للأزرار */
    cursor: pointer;
    text-decoration: none; /* إزالة الخط السفلي إذا كان الرابط */
  }
  .wp-custom-button1 {
    height: 83.96px!important;
    padding: 8px 43px!important;
    background-color: #B59650;
    border-radius: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: none; /* إزالة الحدود الافتراضية للأزرار */
    cursor: pointer;
    text-decoration: none; /* إزالة الخط السفلي إذا كان الرابط */
  }
  
  .wp-custom-button span {
    width: 129px;
    height: 50px;
    text-align: center;
    color: white;
    font-size: 36px!important;
    font-family: "Almarai", sans-serif;
    font-weight: 700;
    line-height: 30px;
    word-wrap: break-word;
  }
  .signinclass {
    width: 275.6px;
    height: 83.96px;
    padding: 8px 43px;
    background: #B59650;
    border-radius: 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: inline-flex;
  }
  
  .signinclass div {
    text-align: right;
    color: white;
    font-size: 36px;
    font-family: Almarai, sans-serif;
    font-weight: 700;
    line-height: 30px;
    word-wrap: break-word;
  }
  
  .signintext{
    font-size:20px ;
    color: #2D4F41;
  }
input[type="email"].myinput {
    background-color: white !important;
}

input[type="email"].myinput:-webkit-autofill {
    background-color: white !important; 
    -webkit-box-shadow: 0 0 0px 1000px white inset !important
}
.line-height-normal {
    line-height: normal !important;
}

p, h1 {
    margin: 0;
    padding: 0;
    font-family: "Almarai", serif;

}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}

.page-width {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2rem;
    padding-right: 2rem;
}

.color-primary {
    color: var(--primaryColor) !important;
}

.color-white {
    color: #ffffff;
}

  .color-secondary,
  .secondary-title .heading,
  .secondary-title .heading-2{
    color: var(--secondaryColor) !important;
  }
  .color-dark{
    color: var(--darkColor) !important;
  }
  .color-ocean{
    color: var(--oceanColor);
  }
  .bg-primary{
    background-color: var(--primaryColor) !important;
  }
  .bg-ocean{
    background-color: var(--oceanColor) !important;
  }
  .bg-secondary{
    background-color: var(--secondaryColor) !important;
  }
  .bg-light-secondary{
    background-color: var(--secondaryColorLight) !important;
  }
  .bg-offwhite{
    background-color: var(--offwhite) !important;
  }
  .extralarge-text{
    font-size: 60px;
    line-height: 68px;
  }
  .large-text{
    font-size: 25px;
    line-height: 30px;
  }
  .large-text-2{
    font-size: 30px;
    line-height: 36px;
  }
  .semilarge-text{
    font-size: 20px;
    line-height: 30px;
  }
  .regular-text{
    font-size: 18px;
    line-height: normal;
  }
  .small-text{
    font-size: 15px;
    line-height: 20px;
  }
  .small-text2{
    font-size: 13px;
    line-height: 17px;
  }
  .extrasmall-text{
    font-size: 11px;
    line-height: 12px;
  }
  .heading{
    font-size: 35px;
    line-height: 40px;
  }
  .heading-2{
    font-size: 30px;
    line-height: 35px;
  }
  .w-fitcontent{
    width: fit-content;
  }
  .w-inherit{
    width: inherit;
  }
  .mw-fitcontent{
    max-width: fit-content;
  }
  .h-fitcontent{
    height: fit-content;
  }
  .stroke{
    -webkit-text-stroke: 0.1rem var(--primaryColor);
    -webkit-text-stroke-width: 0.01rem;
    -webkit-text-stroke-color: var(--primaryColor);
    /*-moz-text-stroke:  0.01rem var(--primaryColor);*/
    /*text-shadow:*/
    /*        -1px 0px 0 var(--primaryColor),*/
    /*        0px 0px 0 var(--primaryColor),*/
    /*        0px 0px 0 var(--primaryColor),*/
    /*        0px 0px 0 var(--primaryColor);*/
  }
  .stroke.os{
    -webkit-text-stroke: 0.01rem var(--primaryColor) !important;
  }
  .stroke.color-white{
    -webkit-text-stroke-width: 0.01rem;
    -webkit-text-stroke-color: white;
  }
  .z-index-1{
    z-index: 1;
  }
  .z-index-3{
    z-index: 3;
  }
  
  .pl-0{
    padding-left:0 !important ;
  }
  .pr-0{
    padding-right:0 !important ;
  }
  .border-right-after:after {
    content: "";
    display: block;
    height: 50%;
    width: 1px;
    color: white;
    background: white;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    transform: translateY(50%);
  }
  .bg-transparent{
    background: transparent !important;
  }
  .border-none{
    border: none !important;
  }
  .fullwidth-container {
    width: 100vw;
    position: relative;
    left: calc(-50vw + 50%);
  }
  .letter-spacing-small{
    letter-spacing: 1px;
  }
  .text-justify-left{
    text-align: justify;
    text-align-last: left;
  }
  .v-hidden{
    visibility: hidden;
  }
  a[href=""] {
    cursor: default;
  }
  
  .grid-column-3{
    grid-template-columns: repeat(3, 1fr);
  }
  .grid-column-4{
    grid-template-columns: repeat(4, 1fr);
  }
  .bg-black{
    background-color: var(--primaryColor) !important;
  }
  
  /*HEADER*/
  .menu-item-has-children a{
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
  }
  .menu-item-has-children span {
  
    transform: rotate(0deg);
    transition: var(--transition);
  }
  .menu-item-has-children.hover-effect span{
    transform: rotate(180deg);
  }
  .header-menu-items .menu{
    display: flex;
    gap: 15px;
    text-transform: uppercase;
  }
  .header-menu-items .menu a{
    color: white;
    font-size: 16px;
    transition: var(--transition);
  }
  .sub-menu{
    /*display: none;*/
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: max-content;
    background-color: white;
    transition: var(--transition);
  
  }
  .sub-menu li {
      padding: 10px 15px;
      border-bottom: 1px solid var(--lightgrey);
  }
  .menu-item-has-children:not(#mobileMenu .menu-item-has-children):hover .sub-menu,
  .sub-menu:hover {
    opacity: 1;
    visibility: visible;
    z-index: 4;
  }
  /*HEADER*/
  /*BANNER*/
  .banner-section{
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    max-height: calc(100vh - 120px);
    width: 100%;
    aspect-ratio: 2.5;
    display: flex;
    align-items: center;
  }

  /*BANNER*/
  /*OUR SOLUTIONS*/
  .position-unset{
    position: unset;
  }
  .slide-items:not(.show-items) .owl-item.active,
  .slide-items .custom-item {
    transform: translateX(600%);
  }
  .slide-items .owl-item.active ,
  .slide-items .custom-item {
    transition: all 1s;
  
  }
  .show-items .owl-item.active:first-child,
  .show-items .custom-item:first-child{
    transform: translateX(0);
    transition-delay: .1s;
  }
  
  .show-items .owl-item.active:nth-child(2),
  .show-items .custom-item:nth-child(2){
    transform: translateX(0);
    transition-delay: .25s;
  }
  
  .show-items .owl-item.active:nth-child(3),
  .show-items .custom-item:nth-child(3){
    transform: translateX(0);
    transition-delay: .5s;
  }
  
  .show-items .owl-item.active:nth-child(4),
  .show-items .custom-item:nth-child(4){
    transform: translateX(0);
    transition-delay: .75s;
  }
  
  .show-items .owl-item.active:nth-child(5),
  .show-items .custom-item:nth-child(5){
    transform: translateX(0);
    transition-delay: .9s;
  }
  
  .show-items .owl-item.active:nth-child(6),
  .show-items .custom-item:nth-child(6){
    transform: translateX(0);
    transition-delay: 1s;
  }
  
  .show-items .owl-item.active:nth-child(7),
  .show-items .custom-item:nth-child(7){
    transform: translateX(0);
    transition-delay: 1.15s;
  }
  
  .show-items .owl-item.active:nth-child(8),
  .show-items .custom-item:nth-child(8){
    transform: translateX(0);
    transition-delay: 1.30s;
  }
  .show-items .owl-item.active:nth-child(9),
  .show-items .custom-item:nth-child(9){
    transform: translateX(0);
    transition-delay: 1.45s;
  }
  .show-items .owl-item.active:nth-child(10),
  .show-items .custom-item:nth-child(10){
    transform: translateX(0);
    transition-delay: 1.55s;
  }
  .show-items .owl-item.active:nth-child(11),
  .show-items .custom-item:nth-child(11){
    transform: translateX(0);
    transition-delay: 1.70s;
  }
  
  .show-items .owl-item.active:nth-child(12),
  .show-items .custom-item:nth-child(12){
    transform: translateX(0);
    transition-delay: 1.85s;
  }
  
  .ratio-1{
    aspect-ratio: 1;
  }
  
 

  /*FOOTER*/
  
  
  footer a{
      
    color: white;
  }
  .footer-menu ul.menu .menu-item a{
    color: white;
    transition: all .1s .1s;
      position: relative;
      display: inline-block;
      color: white;
      overflow: hidden;
      background: linear-gradient(to right, var(--secondaryColor) , var(--secondaryColor) 50%, white 50%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-size: 200% 100%;
      background-position: 100%;
      transition: background-position 275ms ease;
      text-decoration: none;
      margin-right: 1.5rem;
      line-height: normal;
  }
  .footer-menu ul.menu  .menu-item a:hover{
      background-position: 0 100%;
  
  }
  
  .menu-image-title-after.menu-image-title{
    display: none;
  }
  .footer-phone{
    display: flex;
    gap: 10px;
    background: var(--red);
    width: fit-content;
    padding: 5px 15px;
    border-radius: 25px;
    align-items: center;
    margin-top: 10px;
  }
  .evf-submit.has-go-button{
    position: relative;
    background: transparent !important;
    color: white!important;
    border: 0!important;
    padding: 0!important;
    padding-right: 45px!important;
  }
  .evf-submit-container{
    width: fit-content;
  }
  .menu-social-menu-container .menu{
    display: flex;
    /*justify-content: space-between;*/
    max-width: 200px;
    gap: 1rem;
  }
  .footer-container-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  img.menu-image.menu-image-title-after:hover {
    transform: translateY(-10px);
    filter: drop-shadow(2px 4px 6px black);
  }
  .contact-page img.menu-image.menu-image-title-after:hover {
    filter: none;
  }
  img.menu-image.menu-image-title-after {
    width: 27px;
    padding: 0;
    height: 27px;
    transform: translateY(0);
    transition: all .2s linear;
  }
  .footer-menu-items ul.menu ,
  .menu-footer-menu-container,
  .footer-menu{
    height: 100%;
  }
  .footer-menu-items ul.menu  path{
    stroke: white;
  }
  input[type='radio']:after {
    width: 17px !important;
    height: 17px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: var(--lightgrey);
    content: ''  !important;
    display: inline-block !important;
    visibility: visible;
    /*border: 2px solid white;*/
  }
  
 /*input[type='radio']:checked:after {
    width: 17px;
    height: 17px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: var(--secondaryColor);
    content: ''  !important;
    display: inline-block !important;
    visibility: visible;
    /*border: 2px solid white;*/
   /* border-color: transparent !important;
  }*/
  footer .menu-item-has-children span,
  footer .menu-item-has-children ul{
    display: none;
  }
  /*FOOTER*/
  /*QUESTIONS*/
  .expanded-icon{
    position: relative;
    padding-left: 2rem;
  }
  .expanded-icon:before{
    content: "+";
    position: absolute;
    left: 0;
    font-size: 30px;
    font-weight: bold;
    transition: var(--transition);
    color: var(--secondaryColor);
    transform: rotate(0deg);
  }
  .hovered-menu.clicked .qt-sub-menu{
    padding: 20px 10px;
    margin-top: 20px
  }
  .qt-list .qt-menu:first-child{
    border-width: 1px 0 1px 0;
  }
  .qt-menu{
    padding: 25px 0 !important;
  }
  /*QUESTIONS*/
  /*ANIMATION*/
  .two-half-item-carousel:before,
  .bounce-pseudo:before,
  .bounce-pseudo:after{
    background-repeat: no-repeat;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  
  .fade .menu-item{
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
  }
  .header-menu-items  .menu a:hover{
    -webkit-text-stroke-width: 0.02rem;
  }
  
  /*ANIMATION*/
  /*RESPONSIVE*/
  /*<992px*/
  #mobileMenu #searchform{
    padding-left: 2rem;
  }
  #mobileMenu #s{
    width: 70%;
  }
  #mobileMenu{
    position: absolute;
    background: white;
    color: var(--primaryColor);
    top: 65px;
    left: 0;
    z-index: 9999999999;
    width: 100%;
   
  }
  #mobileMenu .sub-menu{
    position: unset;
    height: 0;
    transition:   visibility .1s .1s linear,
    height .1s .15s linear;
  }
  #mobileMenu .menu-item-has-children.hover-effect .sub-menu{
    opacity: 1;
    visibility: visible;
    height: 100%;
    transition:   visibility .1s .1s linear,
                  height .1s .15s linear;
  }
  #mobileMenu .menu-primary-menu-container{
    padding-left: 2rem;
  }
  .fullwidth{
    padding-left: 2rem;
    /*padding-right: 2rem;*/
  }
  .banner-img{
    width: 85%;
  }
  
  /*RESPONSIVE*/
  .navbar-toggler .bar {
    position: relative;
    content: '';
    width: 35px;
    height: 3px;
    background: white;
    transition: .6s ease-in-out;
    display: block;
    top: 0;
    margin: 0 10px;
    -webkit-transition: .6s ease-in-out;
    -moz-transition: .6s ease-in-out;
    -ms-transition: .6s ease-in-out;
    -o-transition: .6s ease-in-out;
  }
  .navbar-toggler[aria-expanded="false"] .bar.top {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform-origin: top left;
  }
  .navbar-toggler[aria-expanded="false"] .bar.bot {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform-origin: center center;
    margin: 5px 10px;
  }
  .navbar-toggler[aria-expanded="true"] .bar.top {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    left: 0px;
    top: 5px;
  }
  .navbar-toggler[aria-expanded="true"]  .bar.bot {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    top: 2px;
  }
  .navbar-toggler[aria-expanded="true"]  .bar.mid {
    opacity: 0;
    visibility: hidden;
  }
  
  .hovered-menu, .has-go-button, .everest-forms-submit-button, input[type="radio"], .search-container{
    cursor: pointer;
  }
  
  
  
  /*transition*/
  .to-expand{
    letter-spacing: -1px;
    transition: all 1s;
  }
  .expand{
    letter-spacing: 1px;
  }
  .no-height{
    height: 0;
  }
  /*transition*/
  /*PRIVACY POLICY*/
  .wp-block-preformatted p, .wp-block-preformatted{
    color: var(--grey);
    font-size: 18px;
    line-height: normal;
    font-family: "Almarai", serif;
}
  .wp-block-preformatted p{
    text-decoration: underline;
  }
   .wp-block-heading{
    font-weight: 600;
    color: var(--primaryColor);
    font-size: 22px;
    text-transform: uppercase;
  }
  .wp-block-post-title{
    display: none;
  }
  .privacy-policy main ul li {
    margin: 10px 0;
  }
  .privacy-policy main ul{
    list-style-type: disc;
    margin: 20px 0;
    font-size: 18px;
    line-height: normal;
  }
  .before-top:before{
      top:0;
  }
  .before-center:before{
      top:50%;
  }
  .before-bottom:before{
      bottom:0;
  }
  .after-top:before{
      top:0;
  }
  .after-center:after{
      top:50%;
  }
  .after-bottom:after{
      bottom:0 !important;
  }
  /*image with content*/
  /*about us*/
  .first-banner .from-right,
  .first-banner .from-left{
    transform: translate(0, 0);
    opacity: 1;
  }
  .first-banner .to-reveal:after{
    display: none !important;
  }
  .iwc-background{
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .p-about-us{
    aspect-ratio: 1.88;
    display: flex;
    align-items: center;
    color: white;
  }
  .our-approach-section.content-column-padding .content-column{
    padding-left: calc(var(--bs-gutter-x) * .5);
  }
  .our-approach-section{
    aspect-ratio: 2.37;
    background-size: 100% 100% ;
    display: flex;
    align-items: center;
  }
  .p-about-us .blue-circle:after{
    z-index: -1;
  }
  .home-about-section .row,
  .first-banner .row{
    align-items: center;
    transform: translateY(-40px);
  }
  .p-about-us .row p {
    font-weight: 500;
  }
  /*our purpose*/
  .list-style{
    list-style-type: disc;
    padding-left: 1rem;
    padding-top: 2rem;
  }
  .default-bg{
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .team-carousel .blue-square:before{
    left:3%;
  }
  .aboutus-team-section{
    aspect-ratio: 1.5;
    display: flex;
    align-items: center;
  }
  .about-page .workforce-section .border-bottom{
    border: none !important;
  }
  /*ROADMAP PAGE*/
  .half-blue{
    background: linear-gradient(90deg, transparent 50%, #2F7D9A 50%);
    border-radius: 15px;
  }
  .roadmap-content .mw-300{
    max-width: 300px;
  }
  .grid-column-two{
    /*grid-template-columns: 45% 50%;*/
    gap: 5%;
  }
  .grid-span-2{
    grid-column: span 2;
  }
  .custom-check{
    display: inline-flex;
    align-items: flex-start;
    gap: 5px;
  }
  .roadmap-content{
    background-color: var(--secondaryColor);
    border-radius: 0 15px 15px 0;
    position: relative;
  }
  
  .roadmap-custom-font{
    font-weight: 600;
    color: var(--red);
  }
  .space-list > li,
  .space-list > p{
    padding-top:1rem;
  }
  .no-after:after{
    display: none;
  }
  .roadmap-sub-menu > ul{
    padding-top: 1.5rem;
  }
  .roadmap-sub-menu li{
    line-height: 130%;
  }
  .roadmap-sub-menu ul{
    padding-left: 2rem;
  }
  .nb-2{
    border-right: 1px solid var(--lightgrey);
    padding-right: 20px;
  }
  .nb-1{
    align-items: center !important;
    display: flex;
  }
  .nb-3 .roadmap-menu .counter{
    border-color: var(--primaryColor) !important;
  }
  .nb-3 .roadmap-menu  > p {
    color: var(--primaryColor) !important;
  }
  .nb-2 .roadmap-menu .counter{
    border-color: var(--red) !important;
  }
  .nb-2 .roadmap-menu > p {
    color: var(--red) !important;
  }
  .grid-column-half{
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .height-fill{
    height: -webkit-fill-available;
  }
  .roadmap-form-section .blue-btn{
    text-align: center;
    max-width: 180px;
  }
  ::marker {
    font-size: small;
  }
  .reveal-blue:after{
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    bottom: 0;
    position: absolute;
    background-color: var(--secondaryColor);
    transition: var(--slowtransition);
  }
  .pseudo-h-0:after{
    height: 0;
  }
  .reveal-blue{
    position: relative;
  }
  .custom-check{
    padding-bottom:5px;
  }
  .chosen-single{
    border: 0 !important;
    background: transparent !important;
    box-shadow: unset !important;
    font-size: 15px !important;
    color: var(--secondaryColor) !important;
    padding: 5px 0 0 5px !important;
    line-height: 30px !important;
  
  }
  .chosen-container{
    border-bottom: 2px solid var(--lightgrey) !important;
    width: 90px !important;
  }
  .iwc-border-bottom .container,
  .parent-solutions  .approach-how-section .container{
    border-bottom: 1px solid var(--lightgrey);
    padding-bottom: 3rem !important;
  }
  .five-item-carousel .owl-dots{
    text-align: center;
    transform: translateY(50px);
  }
  .five-item-carousel .owl-dot span {
    width: 12px;
    display: inline-block;
    aspect-ratio: 1;
    background-color: var(--lightgrey);
    border-radius: 50%;
    margin: 2px;
    opacity: 0.5;
  }
  .five-item-carousel .owl-dot.active span{
    opacity: 1;
  }
  .text-justify-left{
    text-align: justify;
    text-align-last: left;
  }
  body.home .testimonials-section .owl-dots,
  body.home .testimonials-section .horizontal-slider{
    display: none;
  }
  body.home .testimonials-section{
    padding-bottom: 10px !important;
  }
  
  /*SOLUTIONS PAGE*/
  .parent-solutions .image-column{
    align-self: center;
  }
  .parent-solutions .home-solutions-section .blue-btn{display: none;}
  .parent-solutions .counter-container{    border: 2px dashed var(--red);}
  .parent-solutions .counter-container span{     background: var(--red);color: white; }
  .parent-solutions .stories-section .container{ border: unset;}
  
  /*COACHING*/
  .coaching-list li{
    background-color: rgba(47, 125, 154, 0.10);
    color: var(--secondaryColor);
    display: inline-flex;
    padding: 10px 15px;
    margin: 5px 0;
    border-radius: 15px;
    align-items: baseline;
    font-size: 15px;
    line-height: 20px;
  }
  .coaching-list li:before {
    content: "\2022";
    margin-right: 5px;
    font-size: 20px;
    line-height: 20px;
    color: var(--secondaryColor);
    align-self: flex-start;
  }
  :focus-visible {
    outline: none !important;
  }
  .mobile-radius{
    border-radius: 0 100px;
  }
  .three-item-carousel.show-dots .owl-dots{
    position: relative;
    /*margin-top: 2rem;*/
    margin-top: 4rem;
  }
  input.no-style{
    background: transparent !important;
  }
  .chosen-container-single .chosen-drop{
    margin-top: 2px !important;
  }
  .chosen-container-single .chosen-single{
    height: 100% !important;
    font-family: "Almarai", serif;
  
  }
  .video-banner{
    position: relative;
  }

  footer .grey-checkbox-label input[type='radio']:after{
    border: unset;
  }
  .max-80{
    max-width: 80%;
    margin: auto;
  }
  ol{
    padding-left: 2rem !important;
    list-style: auto !important;
  }
  #subscribe-form span{
      display:block;
  }
  .our-values .container{
    padding-top: 2rem;
  }
  .t-f-customization .row-services{
      grid-template-columns: repeat(3, 1fr);
  }
  .t-f-customization  hr{
      width: 100%;
  }
  .t-f-customization .card-services .gradient-over-service,
  .t-f-customization .card-services img{
      border-radius: 20px;
  }
  .t-f-customization .card-services img{
    width: 100%;
  }
  .training-course-container .card-img-top{
    border-radius: 0 !important;
  }
  .page-name-about-us .workforce-section,
  .page-name-solutions .industries-section{
      margin-bottom: 0 !important;
  }
  .page-name-solutions .home-solutions-section{
      padding-bottom: 0 !important;
  }
  .talent-banner-second,.talent-banner,.audit-second-section{
    aspect-ratio: 2.5;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: 100% 100%;
  }
  @media only screen and (max-width:768px)  {
    .talent-banner-second,.talent-banner,.audit-second-section{
      aspect-ratio: 1.5;
      display: flex;
      justify-content: center;
      align-items: center;
      background-size: 100% 100%;
    }
  }
  @media only screen and (min-width:768px) and (max-width:1200px){
    .talent-banner-second,.talent-banner,.audit-second-section{
      aspect-ratio: 1.5;
      display: flex;
      justify-content: center;
      align-items: center;
      background-size: 100% 100%;
    }
  }
  .course-spec strong{
      font-size: 13px;
  
  }
  
  
  
  .location-section .show-dots .owl-dots{
    height: 4px;
    background: var(--lightgrey);
  }
  .location-section .show-dots .owl-dots span{
    height: 7px;
  }
  .blogs-section .card-header{
    max-width: 80%;
  }
  .approach-how-section{
    background-size: 100% 100%;
  }
  .framework-circle img{
    height: 90px;
    margin: 0 auto;
    object-fit: contain;
    object-position: bottom;
  }
  .t-f-framework{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    margin: auto;
    gap: 3rem;
  }
  .framework-circle {
    text-align: center;
    background: white;
    border-radius: 100%;
    aspect-ratio: 1;
    position: relative;
    margin: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 13px;
  }
  .framework-circle:before {
    content: '';
    display: block;
    width: calc(100% + 20px);
    aspect-ratio: 1;
    position: absolute;
    border-radius: 19vmax 19vmax 0 0;
    border: 2px dashed white;
    height: calc(50% + 20px);
    top: -15px;
    border-width: 2px 2px 0px 2px;
  }
  .framework-circle:after {
    content: '';
    display: block;
    width: calc(100% + 30px);
    aspect-ratio: 1;
    position: absolute;
    border-radius: 100%;
    height: calc( 100% + 30px);
    bottom: -13px;
    background: linear-gradient(1deg, var(--red) 43%, transparent 43%);
    z-index: -1;
  }
  
  .framework-circle:nth-child(2):after {
    background: linear-gradient(1deg, var(--secondaryColor) 43%, transparent 43%);
  }
  .c-section.iwc-background{
    background-size: 100% 100%;
  }
  .fw-medium{
    font-weight: 500;
  }
  .fw-semibold{
    font-weight: 600;
  }
  .fw-bold{
    font-weight: 700;
  }
  .container-border-bottom .container{
    border-bottom: 1px solid var(--lightgrey);
    padding-bottom: 3rem !important;
  
  }
  .image-radius .image-column *{
    width: 100%;
    border-radius: 25px;
  }
  .bg-lightblue{
    background-color: rgba(47, 125, 154, 0.10);
  }
  .l-p-challenges .blue-btn{
    padding: 5px 25px;
  }
  .l-p-challenges,
  .l-d-benefits {
    background-position: center;
  }
  .solution-building-page .solution-header,
  .solution-building-page .home-solutions-section .horizontal-slider{
    display: none !important;
  }
  .solution-building-page .home-solutions-section{
    padding-bottom: 0 !important;
  }
  .coaches-carousel .clients-logo img {
    max-width: 190px;
  }
  .audit-last .row.align-items-center .content-column{
    align-self: start !important;
    padding-top: 0 !important;
  }
  .talent-page .stories-section .container{
    border-bottom: none ;
  }
  .rtl .card-z:nth-last-child(1), .rtl .card-z:nth-last-child(2) {
    right: 50%;
    left: unset;
  }
  .owl-nav{
    text-align: center;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .owl-nav span{
    font-size: 40px;
  }
  .stories-bg{
    aspect-ratio: 2.5;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
  }
  .stories-template ol{
    list-style-type: none !important;
    counter-reset: my-counter;
    padding: 0 !important;
    padding-bottom: 2rem !important;
  }
  
  .stories-list ol li{
    padding-bottom: 1rem;
    display: grid;
    grid-template-columns: auto 1fr;
  }
  .stories-list ol li::before ,
  .stories-coaching-list ol li::before {
    counter-increment: my-counter;
    content: counter(my-counter, decimal-leading-zero);
    border-right: 2px solid var(--secondaryColor);
    padding-right: 1pt;
    margin-right: 14px;
    width: 30px;
    display: inline-block;
    font-family: 'Almarai';
    height: fit-content;
  }
  .custom-section-radius .stories-list ol li::before {
    border-color: white;
  }
  .stories-coaching-list ol{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
  }
  .stories-obstacles .coaching-list li{
    display: flex;
    margin: 15px 0;
  }
  .stories-achieving ol li{
    display: block;
  }
  
  .stories-achieving ol {
    padding-bottom: 1rem !important;
  }
  .stories-achieving p{
    text-transform: capitalize;
  }
  .banner-image{
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 0;
    z-index: 2;
    /*height: 0;*/
    /*transition: all 2s .75s;*/
  
  }
  .image-out .banner-image{
    top: 0;
    object-position: bottom center;
  }
  .image-bottom .image-out .banner-image{
    object-position: bottom;
    object-fit: contain;
  
  }
  .anim-loaded .banner-image{
    /*transition: all 2s .75s;*/
    max-height: 100%;
    -webkit-animation: fade-in-bottom 1.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in-bottom 1.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    object-fit: contain;
  }
  .column-two{
    column-count: 2;
    column-gap: 2rem;
  }
  .stories-coaching-list ol li{
    display: flex;
    align-items: center;
    position: relative;
  }
  .stories-coaching-list ol li::before {
    counter-increment: my-counter;
    content: counter(my-counter, decimal-leading-zero);
    margin-right: 14px;
    font-family: 'Almarai';
    text-align: center;
    aspect-ratio: 1;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    color: white;
    border: 2px dashed var(--red) !important;
    background: radial-gradient( var(--red) 55% , transparent 57%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
  }
  .stories-coaching-list ol li:nth-child(even)::before {
    background: radial-gradient( var(--secondaryColor) 55% , transparent 57%);
    border-color: var(--secondaryColor) !important;
  }
  .stories-coaching-list ol li::after {
    content: " ";
    display: block;
    width: 1px;
    height: 80px;
    border: 1px solid var(--lightgrey);
    position: absolute;
    right: -1rem;
  }
  #thankYouMessage{
    position: fixed;
    inset: 0;
    background: #2f7d91;
    z-index: 11;
    color: white;
    margin: auto;
    max-width: 1200px;
    height: fit-content;
    width: fit-content;
    padding: 20px;
    border-radius: 25px;
    font-family: 'Almarai';
    letter-spacing: 1px;
    margin-top: 100px;
    transition: all 1s;
  }
  [name='subscribe-submit']{
    position: relative;
    z-index: 2;
  }
  button.see-more {
    font-family: 'Almarai';
    letter-spacing: 1px;
    font-size: 20px;
    padding-top: 6px;
  }
  .wp-block-preformatted{
    overflow: hidden;
  }
  pre a{
    font-family: 'Almarai';
    color: var(--secondaryColor);
  }
  .numb{
    aspect-ratio: 1;
  }
  .full-background{
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
  }
  .client-page .clients-section .white-btn{
    display: none !important;
  }
  .industries-section .d-grid .text-left{
    padding-right: 1rem;
  }
  #whatsapp-icon {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: block;
    cursor: pointer;
    z-index: 999;
    border-radius: 10px;
    aspect-ratio: 1;
  }
  
  #whatsapp-icon img{
    width: 55px;
  }
  #preloader-background {
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .inside-title small {
    font-size: 13px;
    text-transform: capitalize;
    display: block;
  }
  .solutions-page .banner-image{
    left: 0;
    right: unset;
  }
  .featured-program-carousel ol{
    display: flex;
    padding: 0 !important;
    flex-wrap: wrap;
    gap: 1rem 0;
  }
  .featured-program-carousel ol li {
    display: inline-flex;
    background-color: rgba(255, 255, 255, 0.21);
    margin-right: 15px;
    border-radius: 25px;
    padding: 15px;
  }
  .solutions-page .extralarge-text span.smaller{
    font-size: 80%;
  }
  .sub-menu li.menu-item a{
    width: 100%;
    display: block;
  }
  
  .roadmap-content{
    grid-column: auto;
    justify-content: start;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .roadmap-form{
    grid-column: 1;
    grid-row: 1;
  }
  /*.truncated-text {*/
  /*  white-space: nowrap;*/
  /*  overflow: hidden;*/
  /*  text-overflow: ellipsis;*/
  /*}*/
  @media (min-width:768px){
    .video-banner {
      position: relative;
      /* pointer-events: none; */
      padding-bottom: 50%;
      /* 16:9 */
      padding-top: 6%;
      height: 0;
      margin-top:0;
    }
  
    .video-banner iframe , .video-banner embed{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
  }
  @media (max-width:552px){
    .video-banner{
      padding: 22% 0 0;
    }
  }
  @media (min-width:553px) and (max-width:768px){
    .video-banner{
      padding: 14% 0 0;
    }
  }
  @media (max-width:768px){
  
    .video-banner iframe, .video-banner embed{
      width: 100vw;
      height: calc(100vw/1.7777777777);
    }
  }
  /*.header-header{*/
  /*  position: fixed;*/
  /*  z-index: 22;*/
  /*  top: 0;*/
  /*  width: 100%;*/
  /*}*/
  .filter-border select,
  form select{
    background: transparent !important;
  }
  #loader-container{
    max-width: 200px;
  }
  .featured-program-carousel .owl-stage-outer{
    z-index: 2;
  
  }
  .featured-program-carousel .owl-nav{
    position: absolute;
    width: calc(100% + 3rem);
    top: 0;
    bottom: 0;
    left: -2rem;
    z-index: 0;
  }
  .featured-program-carousel .owl-nav .owl-prev span{
    float: left;
  }
  
  .featured-program-carousel .owl-nav .owl-next span{
    float: right;
  }
  /*MOZONNA*/
  .secondary-btn{
    background-color: var(--secondaryColor);
    height: fit-content;
    padding: 5px 15px 10px;
    font-size: 16px;
    line-height: 18px;
  }
  .radius-shape{
    border-radius: 0 25px;
  }
  footer:before{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100px;
    background-image: url("images/footer.svg");
    top: -100px;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
  }
  footer{
    margin-top: 120px;
  }
  .footer-menu-title{
    color: var(--secondaryColor);
    font-weight: 700;
    font-size: 32px;
    padding: 2rem 0;
  }
  .footer-menu ul li:before {
    content: '•';
    display: inline-block;
    width: 1em;
    margin-right: 0.5em;
    text-align: right;
    top: 0;
    position: absolute;
  }
  .footer-menu ul li{
    position: relative;
  }
  .has-icon{
    position: relative;
    padding-right: 35px;
    line-height: 15px;
    margin-top: 15px;
  }
  .has-icon:before{
    content: '';
    position: absolute;
    width: 35px;
    max-width: 35px;
    aspect-ratio:1;
    right: 0;
    top: 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: translateY(0);
    transition: all .2s linear;
  }
  .has-icon:hover:before{
  
    transform: translateY(-10px);
  
  }
  .has-icon p{
    padding-top: 10px;
    padding-right: 15px;
  }
  .phone-number-container:before{
    background-image: url(images/wp.svg);
  }
  
  .email-container:before{
    background-image: url(images/mail.svg);
    width: 45px;
    max-width: 45px;
    aspect-ratio: 1.78;
    margin-top: 6px;
  }
  .dir-ltr{
    direction: ltr;
  }
  /*.footer-contact .footer-link-items{*/
  /*  font-size: 24px;*/
  /*}*/
  .grid-column-two{
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .column-one{
    grid-column-start: 2;
    padding-right: 3rem;
  }
  .shaped-content{
    border-radius: 45% 0;
  }
  .iwc-background.color-white *{
    color: white;
  }
  .mr-auto{
    margin-right: auto;
  }
  .content-column{
    padding-right: 2rem;
  }
  .image-column{
    padding-left: 4rem;
  }
  .content-first .content-column{
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: 4rem;
  }
  .content-first .image-column{
    padding-left: calc(var(--bs-gutter-x) * .5);
    padding-right: 2rem;
  }
  .custom-btn {
   
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
  }
 
  .align-column-center .row{
    align-items: center !important;
  }
  .image-over-text{
    background: linear-gradient(90deg, #205040 70%, transparent 50%);
  }
  
  .GreenT {
    color: var(--primaryColor);
  }
  .GreenT .heading-2 {
    color: var(--secondaryColor);
  }
  .advantages, .advantages *{
    color: var(--primaryColor) !important;
  }
  .advantages {
    max-width: 300px;
    background-color: white;
    filter: drop-shadow(0px 4px 13.7px rgba(0, 0, 0, 0.15));
    padding: 20px 25px 30px;
    border-radius: 60px 0;
    font-size: 15px;
    line-height: 25px;
    /*height: 130px;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
  
  }
  .advantages  strong{
    font-size: 20px;
  }
  .advantages{
    top: 15%;
    right: -25%;
  }
  .advantages-list .advantages:nth-child(2n){
    left: -16%;
    top: 35%;
    right: unset;
  }
  .advantages-list .advantages:last-child{
    bottom: 0;
    top: unset;
    right: unset;
  }
  .advantage-icon{
    position: relative;
  }
  .advantage-icon:before{
    content: '';
    position: absolute;
    width: 72px;
    max-width: 72px;
    aspect-ratio:1;
    right: 0;
    background-repeat: no-repeat;
    background-size: 50px;
    background-position: center;
    background-color: var(--primaryColor);
    border-radius: 100%;
    left: 0;
    margin: 0 auto;
    top: -80px;
    background-image: url(images/adv-1.svg);
    box-shadow: 0px 4px 0px 3px #f6f1e4;
  }
  .advantages-list .advantages:nth-child(2n) .advantage-icon:before{
    background-image: url(images/adv-2.svg);
    background-size: 45px;
    background-position: 66%;
  }
  .advantages-list .advantages:last-child .advantage-icon:before{
    background-image: url(images/adv-3.svg);
  }
  .About-our-skils{
    background-size: contain;
  }
  .GreenT {
    background-size: 100% 100%;
  }
  .small-category-img{
    aspect-ratio: 1.03;
    object-fit: cover;
    max-width: 100%;
    object-position: center;
    border-radius: 45% 0;
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
  }
  .half-width{
    max-width: 500px;
    margin: auto;
  }
  .gap-x-30{
    column-gap: 16rem;
  }
  @media (min-width:769px) and (max-width:1024px){
    .gap-x-30{
      column-gap: 3rem;
    }
  }
  .contact-icons #menu-social-menu{
    justify-content: space-around !important;
  }
  .cart-item-container{
    padding: 1rem;
    margin-bottom: 1rem;
    background: var(--secondaryColorLight);
    border-radius: 25px 0;
    position: relative;
  }
  .cart-item-container .product-remove{
    position: absolute;
  }
  .cart-item-container .product-name,
  .cart-item-container .product-price{
    padding-right: 1.5rem ;
  }
  /*.cart-item-container dt[class^="variation-"]:not(.variation dt[class^="variation-"]:first-child),*/
  /*.cart-item-container dd[class^="variation-"] p:not(.variation dd.variation:first-child p){*/
  /*  display: none;*/
  /*}*/
  #error{
    position: fixed;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 99;
    background: var(--secondaryColorLight);
    padding: 10px 0;
    box-shadow: 0px 7px 8px 1px #f3faf8;
    transition: all .5s linear;
    top: -100px;
  }
  #error.active{
    transition: all .5s linear;
    top: 0px;
  }
  .number-container{
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    margin-top: 15px;
    border-radius: 15px 0;
    border: none !important;
    padding: 5px;
  }
  .number-container input{
    margin-left:10px !important;
    /*padding: 0 !important;*/
  }
  
  
  /*HOME PAGE*/
  .row.slider{
    border-radius: 315px 0;
  }
  .category-list .category .heading-2{
    width: 80%;
    margin: auto;
    height: unset !important;;
  }
  audio::-webkit-media-controls-play-button,
  audio::-webkit-media-controls-panel {
    background-color: #F7E4BC;
    color: var(--primaryColor);
  }
  audio::-webkit-media-controls-time-remaining-display,
  audio::-webkit-media-controls-mute-button ,
  audio::-webkit-media-controls-volume-slider
  {
    color: #F7E4BC;
  }
  
  
  audio::-webkit-media-controls-volume-control-container {
    display: none; /* Hide the volume control container to prevent default appearance */
  }
  .trace-background-bordered-parent .content-column, .animation-none, .animation-none *{
    animation: unset !important;
    opacity: 1 !important;
  }
  .custom-btn{
    transition: all .2s linear;
  }
  .custom-btn.bg-secondary:hover, .add-to-cart:hover{
    background-color: var(--primaryLightColor) !important;
  }
  .custom-btn.bg-primary:not(.add-to-cart):hover{
    background-color: var(--secondaryColor) !important;
  }
  .page-id-5160 footer{
    margin-top: 15px;
  }
  .woocommerce-notices-wrapper,
  .woocommerce-checkout .woocommerce-error{
    display: none;
  }
  .woocommerce-notices-wrapper{
    display: none !important;
    visibility: hidden !important;
}
  .a-clickable:hover{
    color: var(--oceanColor) !important;
    cursor: pointer;
  }
  .a-clickable{
    text-decoration: underline;
    transition: all .2s linear;
    cursor: pointer;
  }
  .logout-btn{
    filter: brightness(0) invert(1);
  }
  .iwc-5644{
    margin-bottom: 15rem !important;
  }
  .service-section p, .service-section .color-primary{
    color: var(--primaryColor) !important;
  }
  .service-section .shaped-content{
    border-radius: 100px 0;
  }
  .service-section {
    padding: 3rem 0;
    background-size: 100% 100%;
  }
  .service-section .align-items-start{
    align-items: center !important;
  }
  .n-video{
    max-width: 60%;
    margin: auto;
  }
  .show-bottom{
    opacity:0.2;
    transition: all .1s linear;
  
  }
  .Hateful-toxins-4-parent{
    margin-bottom: 10rem !important;
  }
  
  .color-secondary.large-text{
    color: var(--secondaryColor) !important;
  }
  .iwc-5718{
    background: linear-gradient(0deg, transparent 50%, #f3faf8 50%), url(https://mawzona.com.sa/wp-content/uploads/2024/02/Vector-1-1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: 0 !important;
  }
  ::-webkit-scrollbar {
    width: 10px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: var(--oceanColor);
    border-radius: 50px;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: var(--primaryColor);
    border-radius: 50px;
  }
  /*estbyen*/
  .controled-width{
    max-width: 500px;
    width: 100%;
  }
  .step {
    display: none;
    transition: transform 0.3s ease-in-out; /* Transition property for smooth animation */
  }
  
  .step.active {
    display: block;
    transform: translateX(0);
  }
  
  .step.next {
    transform: translateX(100%);
  }
  
  .step.prev {
    transform: translateX(-100%);
  }
  .color-css label,.color-css input,.color-css input::placeholder {
    font-size: 15px;
    font-weight: 500;
  
  }
  #es-form input[type='radio']:checked:after{
    left:1px;
  }
  .takhati{
    text-decoration: underline;
    text-underline-offset: 2px;
  }
  /*estbyen*/
  /*.woocommerce-shipping-totals.shipping, .cart-subtotal, .cart_totals h2, .wc-proceed-to-checkout{
    display: none !important;
  }*/
  .order-total *{
    border: 0 !important;
  }
   .woocommerce-page .cart-collaterals{
    width: fit-content;
     height: fit-content;
  }
  .product-name a br{
    display: none;
  }
  .half-width-2{
    max-width: 600px;
    margin: 0 auto;
  }
  .variation{
    font-size: 13px;
    line-height: normal;
  }
  .tawk-icon-right img {
    display: none;
  }
  /*checkout page*/
  .woocommerce-shipping-fields,
  #customer_details label,
  .woocommerce-form-coupon-toggle,
  .woocommerce-billing-fields h3{
    display: none !important;
  }
  #customer_details .col-1{
    float: right !important;
  }
  #place_order{
    float: left !important;
    width: 150px;
    height: 50px !important;
    padding: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 75px 0;
    background-color: var(--secondaryColor);
    color: white;
    margin: auto;
  }
  #customer_details  #billing_phone{
    text-align: end;
  }
  #customer_details .col-1,
  #customer_details .col-2,
  #payment,
  .woocommerce table.shop_table{
    width: 80%;
    margin: 0 auto;
    margin-top: 0;
  }
  #customer_details ,
  #order_review{
    width: 50%;
  }
  
  #customer_details{
    display: flex;
    flex-direction: column;
  }
  #post-5180 .entry-title.heading{
    text-align: center;
    color: var(--secondaryColor);
  }
  #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment,
  #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box{
    background: transparent;
  }
  .payment_box.payment_method_myfatoorah_v2 p,
  .mf-grey-text{
    display: none
  }
  .woocommerce-checkout tbody,
  .woocommerce-checkout td,
  .woocommerce-checkout tfoot,
  .woocommerce-checkout th,
  .woocommerce-checkout thead,
  .woocommerce-checkout tr{
    text-align: right;
    border: 1px solid var(--secondaryColor) !important;
    padding: 10px !important;
  }
  .woocommerce-checkout td.product-name dl.variation dt{
    display: contents;
  }
  .woocommerce-checkout table {
    border-collapse: collapse !important;
    background: var(--secondaryColorLight);
  }
  
  .woocommerce-checkout #payment div.payment_box::before{
    display: none;
  }
  .woocommerce form  #customer_details .form-row.woocommerce-invalid input,
  .custom-inputs input.error-input:not([type='radio']),
  .custom-inputs textarea.error-input{
    border: 1px solid #a00 !important;
  }
  
  
  .custom-inputs input.error-input[type='radio']:after,
  .input-required.error-input{
    border: 1px solid #ac2017 !important;
  }
  .woocommerce-order-received .entry-header{
    display: none;
  }
  ul.woocommerce-thankyou-order-details.order_details{
    display: flex;
    justify-content: center;
  }
  .woocommerce ul.order_details li{
    float: left;
    margin-left: 2em !important;
    text-transform: uppercase;
    line-height: 1;
    border-left: 1px dashed #cfc8d8;
    border-right: none !important;
    padding-left: 2em !important;
    margin-right: 0;
    padding-right: 0;
    list-style-type: none;
    font-weight: 500;
    font-size: 16px;
  }
  .woocommerce ul.order_details li strong{
    font-size: 14px !important;
    margin-top: 0.5rem;
  }
  .number-container .select2-container--default .select2-selection--single .select2-selection__rendered{
    color: var(--primaryColor);
  }
  .number-container .select2-container--default .select2-selection--single{
    background: transparent !important;
    border: 1px solid #2D4F41 !important;
    height: 86px;
    border-radius: 19px !important;
    padding-top:20%;

  }
  .select2-selection__arrow{
         padding-top:70%!important;
 
  }
  .item-count{
    position: absolute;
    background-color: var(--secondaryColor);
    border-radius: 25px;
    font-size: 18px;
    color: white;
    font-weight: bold;
    top: -8px;
    line-height: 23px;
    left: -5px;
    width: 20px;
    text-align: center;
  }
  .cart-icon-link a{
    position: relative;
    display: inline-block;
    height: 100%;
  }
  .controled-width .form-check .form-check-input{
    float: right !important;
    margin-left: 0.5em !important;
  }
  .form-check-input:focus
  {
    outline: 0;
  }
  .field-resp input[name="user_email"]{
    direction: ltr;
    text-align: right;
  }
  .form-row  label[for="birth_date"],
  .form-row  label[for="coloring_date"]{
    display : block !important;
  }
  /*.modal-open{*/
  /*  overflow: unset !important;*/
  /*}*/
  body.page-template-taxonomy-product_cat{
    overflow: unset !important;
  }
  .wc_payment_method input[type='radio']:checked:after{
    top: -5px;
    left: 2px;
  }
  .payment_box.payment_method_cod{
    margin: 0 !important;
  }
  .wc_payment_methods li{
    text-align: right !important;
  }
  .wc_payment_methods{
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  body {
    user-select: none;
  }
  /* .text-creti{
    display:none;
  }
  .audio-cert-section{
    padding-bottom: 2rem;
  } */
  .top-bottom-radius:before, .top-bottom-radius:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100px;
    background-image: url(https://mawzona.com.sa/wp-content/themes/petrikor/images/footer.svg);
    top: -99px;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
    filter: brightness(0) saturate(100%) invert(98%) sepia(35%) saturate(467%) hue-rotate(168deg) brightness(103%) contrast(96%);
  }
  .top-bottom-radius:after{
    bottom: 0;
    transform: scaleY(-1);
    z-index: -1;
    top: unset;
  }
  .text-certificate.h-100{
      display: flex;
      align-items: start;
      padding: 35px 50px;
  }
  .select2-container--default .select2-selection{
    background-color: var(--offwhite) !important;
    border-radius: 15px 0;
    text-align: end;
  }
  .select2-container--default .select2-selection--single .select2-selection__clear{
    float: left;
    text-align: center;
    margin-right: 0;
    padding: 0;
  }
  #billing_country_field{
    display: none;
  }

  


.swiper-wrapper {
    justify-content: center;
}