:root{
    --main-color:#1A1A1A;
    --sec-color:#31C7C7;
    --bg-color:#000;
    --after-color:#CC3431;
}
@font-face{
    font-family: 'SemiBold';
    src:url('../fonts/Poppins-SemiBold.ttf') ;
    }
    @font-face{
        font-family: 'bold';
        src: url('../fonts/Poppins-Bold.ttf');
    }

    @font-face{
        font-family: 'medium';
        src:url('../fonts/Poppins-Medium.ttf') ;
        }
 @font-face{
    font-family: 'Regular';
    src: url('../fonts/Poppins-Regular.ttf');
}   
@font-face{
    font-family: 'cairo';
    src: url('../fonts/Cairo-Regular.ttf');
} 
@font-face{
    font-family: 'b-font';
    src: url('../fonts/Bahij_TheSansArabic-SemiBold.ttf');
} 
@font-face{
    font-family: 'almarai';
    src: url('../fonts/Almarai-Bold.ttf');
} 
    body {
        direction: ltr;
        text-align: start;
        font-family: 'Regular';
        overflow-x: hidden;

    }
    /* nice select */
.nice-select {
    width: 100%;
    /* margin-bottom: 15px; */
    text-align: right !important;
    padding-left: 30px;
    padding-right: 18px;
}
.nice-select::after{
    left: 12px;
    right: auto;
}
.nice-select .option{
    text-align: right;
    padding-left: 29px;
    padding-right: 18px;
}
.nice-select .list{
    width: 100%;
}
.nice-select:after{
    width: 8px;
    height: 8px;
}
   

.owl-carousel, form{
    direction: ltr;
}
.carousel-info button{
    border: none;
    outline: none;
    background: none;
}
button:focus,button{
    border: none;
    outline: none;
}
.mynav button{
    background: none;
}
input:focus{
    outline: none;
}
ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
a,a:hover{
    text-decoration: none;
}
/* top bar */
span.mob-num{
    display: inline-block;
    direction: rtl;
}
.my-account ul{
    display: block;
    opacity: 0;
    height: 0;
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 130px;
    box-shadow: 0px 5px 15px #0000001a;
    border-radius: 3px;
    padding: 5px 10px;
    background: #fff;
    z-index: 999999;
    margin-top: 10px;
    transform: translateY(-20px);
    transition: all 0.4s;
    visibility: hidden;
}
.my-account ul li a{
    color: #272727;
    padding: 3px 0;
    display: inline-block;
}


.my-account i{
    margin-inline-end: 0;
}
.my-account a{
    text-transform: capitalize;
    color: #272727;
    display: flex;
    align-items: center;
}
.lang i{
    margin-inline-start: 6px;
}
.topbar{
background-color: var(--bg-color);
padding: 8px 0;
}
.right-tobheader ul{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.right-tobheader ul li{
    margin-inline-end: 20px;
    position: relative;
}
.right-tobheader ul li i{
    margin-inline-end: 8px;
}
.topbar a{
    color: #fff;
}
.topbar .left-topheader{
    justify-content: end;
    display: flex;
    align-items: center;
}
.topbar .row{
    align-items: center;
}
/* middle nav */
.left-navbar{
    display: flex;
    align-items: center;
    width: 100%;
}
.my-account{
    display: flex;
    justify-content: end;
}
.my-account  li:first-of-type{
    padding-inline-end: 14px;
    margin-inline-end: 14px;
    position: relative;
    display: flex;
    align-items: center;
}
.my-account li:first-of-type::after{
    position: absolute;
    content: '';
    width: 1px;
    height: 18px;
    background-color: #000;
    top: 4px;
    right: 0;
}
.my-account  li img{
    max-height: 21px;
    margin-inline-start: 6px;
    object-fit: cover;
}
.middle-nav .sochial{
    text-align: end;
}
.middle-nav .logo{
    width: 300px;
}
.logo img{
    width: 100%;
}
.middle-nav .search{
    position: relative;
    width: calc(100% - 200px);
    margin-inline-start: 30px;
}
.middle-nav .search button{
    border: none;
    outline: none;
    position: absolute;
    top: 10px;
    left: 9px;
    background: none;
}
.middle-nav .search button i{
    color: #757D8A;
}
.middle-nav .search input{
    background-color: #F2F2F2;
    width: 100%;
    border: none;
    outline: none;
    padding: 10px 14px;
    padding-inline-start: 39px;
    border-radius: 6px;
}
.middle-nav .search input::placeholder{
    color: #C3C7CE;
}
.middle-nav .row{
    align-items: center;
}
 button.cart{
    background: none;
    border: none;
    outline: none;
    position: relative;
}
 button.cart .total-cart{
    position: absolute;
    content: '';
    right: 7px;
    top: 3px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: var(
    --sec-color);
    font-size: 12px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
 button.cart i{
    color: #000;
    font-size: 17px;
    margin-inline-start: 6px;
}
i.fa-user{
    font-size: 18px;
}
.sochial{
    text-align: end;
}
.sochial i{
    font-size: 17px;
}
.sochial a{
    padding-inline-start: 14px;
    color: #000;
    display: inline-block;
    transition: all 0.3s;
}
.sochial a:hover{
    color: var(--sec-color);
    transform: translateY(-4px);
}

.lang a{
    text-transform: uppercase;
   transition: all 0.3s;
   font-family: 'cairo';
}
.lang a:hover , .lang a:hover i, .topbar a:hover {
    color: var(--sec-color);
}
.topbar li.more a:hover{
    color: #fff;
}
.logo img{
max-height: 100%;
max-width: 100%;
object-fit: contain;
}
i.fa-search{
    transition: 0.5s;
}

.middle-nav {
    border-bottom: 0.3px solid #E0E0E0;
    padding: 12px 0;
}
.res-lang a{
    color: #272727;
    text-transform: capitalize;
}
/* Start header */
.mynav .row{
    align-items: center;
}
.mynav .row{
    padding: 10px 0;
}
.mynavbar ul.header_menu{
    display: flex;
    align-items: center;
}
.mynavbar ul li{
    margin-inline-end: 26px;
}
.mynavbar .nav-link {
    position: relative;
    padding: 0px 0px 0px;
    color: var(--main-color);
    transition: all 0.3s;
    text-transform: uppercase;
    font-size: 18px;
}

.mynavbar .nav-link:hover,.mynavbar .nav-link.active{
    color: var(--sec-color);

}


.mynav li.has-child,.mynav li.menu-item-has-children{
    position: relative;
}
  .submenu,.sub-menu {
    display: block;
    opacity: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 210px;
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 3px;
    padding: 0px;
    background: #fff;
    z-index: 999999;
    margin-top: 10px;
    transform: translateY(-20px);
    transition: all 0.4s;
    visibility: hidden;
  }
  .mynavbar .sub-menu .nav-link{
      font-size:15px !important;
      padding: 6px 8px;
    margin-bottom: 3px;
  }
   .mynavbar .sub-menu .nav-link:hover{
    color:#fff;
    background: var(--sec-color);
  }
  .mynav li.menu-item-has-children  .sub-menu a {
    
    margin-inline-end: 0;
}
  .mynav li.has-child:hover .submenu,.mynav li.menu-item-has-children:hover .sub-menu {
    opacity: 1;
    height: auto;
    transform: translateY(0);
    visibility: visible;
    z-index: 99999999;
  }
  .mynav .submenu a {
    color: var(--main-color);
    padding: 3px 0;
    display: inline-block;
    text-transform: capitalize;
    font-size: 16px;
  }
 .mynav li.has-child a,.mynav li.menu-item-has-children a {
    position: relative;
    margin-inline-end: 16px;
    
  }
.sidebar .side-content ul.sub-menu li a {
    color: #000;
}
  li.has-child > a::before ,li.item-has-child > a::before,
  li.has-child > a::before, li.menu-item-has-children > a::before{
    position: absolute;
    content: "\f107";
    font-family: "font awesome 5 pro";
    top: 0px;
    right: -15px;
    color: #234249;
  }
  li.item-has-child a{
      position: relative;
      display: inline-block;
     
  }
  li.item-has-child > a::before{
      top: 12px;
      color: #fff;
      right: 5px;
  }
  .mynavbar ul.sub-menu li {
    margin-inline-end: 0;
}
  
  .sidebar li.has-child > a::before{
      color: #fff;
      top: 12px;
    right: 0px;
  }
 .sidebar li.item-has-child a{
      padding-inline-end: 10px;
  }
  .sidebar .submenu{
      background-color: #fff;
  }

  .sidebar .side-content ul li.has-child  .submenu a{
      color: #000;
  }
/* responsive menu */
.res-menu ul.menu{
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.res-menu ul.menu li:last-of-type{
    margin-right: 10px;
}
.res-menu{
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    background: rgb(49 199 199 / 82%);
    padding: 14px 10px;
    z-index: 9999;
    
}

.res-menu a,.res-menu i{
    color: #000;
    font-size: 18px;
}
.res-menu  button.btnSearch{
    background-color: transparent;
    background: transparent;
    color: #fff;
}


/* Sidebar */

.sidebar{
    position: fixed;
    top: 0px;
    bottom: 0;
    right: -550px;
    height: 100%;
    width: 350px;
    background-color: var(--bg-color);
    z-index: 999;
    padding: 20px 0;
     z-index: 999999;
   transition: all 0.7s;
   box-shadow: 0px 0px 20px #00000029;
   padding:20px 0;
}
.sidebar-width{
    right: 0px;
}
.sidebar .close-side i{
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    width: 38px;
    height: 38px;
    color: #fff;
    font-size: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 60px;
}
.sidebar .side-content{
    padding-top: 10px;
    margin-top: 30px;
}
.side-content a i{
    margin: 0 8px;
}
.side-content a{
    text-transform: capitalize;
}
 .close-overlay{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: var(--bg-color);
    opacity: 0.6;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    display: none;
}
.close-overlay.open-overlay{
    display: block;
}

.sidebar .side-content ul li{
position: relative;
width: 100%;
transition: all .5s;
border-bottom: 1px solid rgb(255 255 255 / 30%);;
}


.sidebar .side-content ul li a{
    color: #fff;
    display: inline-block;
    padding: 10px 16px;
    position: relative;
    /* text-align: center; */
    transition:all 0.6s;
}
.side-content ul li.has-child a{
 padding-inline-end: 20px;   
}

.sidebar .contact-buttons{
justify-content: center;
    margin-top: 60px;
}
.search-menu{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}  
/* Start home slider */
.slider-home .slider-img
{
    position: relative;
    height: 100%;
    
}
.slider-home .slider-img img{
    height: 460px;
    transition: all 30s;
}
.slider-home .owl-item.active .slider-img img{
    transform: scale(1.5);
}
.home-slider  .item{
    position: relative;
    overflow: hidden;
}

.home-slider{
    width: 100%;
    z-index: 1;
    overflow: hidden;
    position: relative;
}
.slider-home .slider-img{
    position: relative;
    overflow: hidden;
}
.slider-home .slider-img::after,.industries::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #000;
opacity: 0.25;
    bottom: 0;
    top: 0;
    right: 0;
    z-index: 1;
}
.slider-home .item{
    z-index: 2;
    position: relative;
    overflow: hidden;
    width: 100%;
}



.more a,a.btn-more,.more button{
    color: #fff;
    position: relative;
    transition: all 0.3s;
    border-radius: 6px;
    padding: 6px 10px;
    min-width: 90px;
    display: inline-block;
    background-color: #31C7C7;
    text-align: center;
    font-family: 'bold';
    font-size: 14px;
    z-index: 1;
    text-transform: capitalize;
    text-align: center;
    /* overflow: hidden; */
}
.more a::after,a.btn-more::after{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background-color: var(--bg-color);
    border-radius: 6px;
z-index: -1;
transition: all 0.3s;
transform: scale(0);
}

.more a:hover::after,a.btn-more:hover::after{
    transform: scale(1);
}
.carousel-info{
    position: absolute;
    z-index: 2;
    color: #fff;
    transition: all 1s ease-in;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 73%;
    text-align: center;
}
.carousel-info h2{
    font-size: 40px;
    font-family: 'bold';
    line-height: 51px;
}
.slider .owl-item.active .carousel-info h2{
   animation: 2s slideInUp;
   opacity: 1;
  }

.carousel-info p{
    line-height: 35px;
    color: #fff;
    overflow: hidden;
    font-size: 24px;
    width: 71%;
    margin: 32px auto 0px;
}
 .owl-item.active .carousel-info p{
    animation: 2s slideInUp;
    opacity: 1;
    visibility: visible;

   }
   .carousel-info .more{
       opacity: 0;
   }
   .owl-item.active .carousel-info .more{
       opacity: 1;
       animation: 6s fadeInRight;
   }
.home-slider .owl-carousel,.sponser-slider{
    direction: ltr;
}

.slider-home .owl-item .slider-img img{
    width: 100%;
    object-fit: cover;
}
.home-slider .owl-theme .owl-nav .owl-prev ,
.home-slider .owl-theme .owl-nav .owl-next,
.card-slider.owl-theme .owl-nav .owl-next,
.card-slider.owl-theme .owl-nav .owl-prev,
.latest-slider.owl-theme .owl-nav .owl-next,
.latest-slider.owl-theme .owl-nav .owl-prev,
.sponser-slider.owl-theme .owl-nav .owl-prev,
.sponser-slider.owl-theme .owl-nav .owl-next,
.blog-slider.owl-theme .owl-nav .owl-next,
.blog-slider.owl-theme .owl-nav .owl-prev {
    margin-top: 0;
    position: absolute;
    top: -60px;
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
    font-size: 19px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #432E33;
    border: none;
    /* opacity: 51%; */
}
.home-slider .owl-theme .owl-nav .owl-prev:hover ,
.home-slider .owl-theme .owl-nav .owl-next:hover,
.card-slider.owl-theme .owl-nav .owl-next:hover,
.card-slider.owl-theme .owl-nav .owl-prev:hover,
.latest-slider.owl-theme .owl-nav .owl-next:hover,
.latest-slider.owl-theme .owl-nav .owl-prev:hover,
.sponser-slider.owl-theme .owl-nav .owl-prev:hover,
.sponser-slider.owl-theme .owl-nav .owl-next:hover{
opacity: 1;
}
.home-slider .owl-theme .owl-nav .owl-prev,
.blog-slider.owl-theme .owl-nav .owl-prev{
    left: 4%;
}
.home-slider  .owl-theme .owl-nav .owl-next,
.blog-slider.owl-theme .owl-nav .owl-next{
    right: 4%;
}
.card-slider.owl-theme .owl-nav .owl-prev,
.latest-slider.owl-theme .owl-nav .owl-prev{
    left: -60px;
}
.card-slider.owl-theme .owl-nav .owl-next,
.latest-slider.owl-theme .owl-nav .owl-next{
    right: -60px;
}
.sponser-slider.owl-theme .owl-nav .owl-next{
    right: 0;
}
.sponser-slider.owl-theme .owl-nav .owl-prev{
    right: 44px;
}
.sponser-slider.owl-theme .owl-nav .owl-next,
.sponser-slider.owl-theme .owl-nav .owl-prev{
  background: transparent;
  color: #292D32;
  font-size: 24px;
  border: 1px solid #E0E0E0;
}
.brands .sponser-slider.owl-theme .owl-nav .owl-next,
.brands .sponser-slider.owl-theme .owl-nav .owl-prev{
    display: none;
}


.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #F2F2F2;
    transition: all 0.3s;
}
.owl-theme .owl-dots .owl-dot.active span,
 .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--sec-color);
    width: 18px;
    height: 10px;
}
.owl-theme .owl-dots .owl-dot {
    background: transparent;
    padding: 0;
}
/* ********************************* */
/* Start sponser slider */
.sponser-img a{
    height: 139px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* border: 0.5px solid #E0E0E0; */
    border-radius: 6px;
}
.sponser-img img{
    height: 100%;
    max-width: 100%;
    object-fit: contain;
}

.sponser-slider .item{
    margin: 0 0 15px;
}
/* End sponser slider */

/* Start categories section */
.categories .col-lg-3{
    padding: 0 6px;
}
.categories .catog-box{
    border: 0.5px solid #BDBDBD;
    border-radius: 6px;
    margin-bottom: 12px;
    padding: 30px 8px;
    text-align: center;
    transition: all 0.4s;
}
.categories .catog-box:hover{
    transform: translateY(-10px);
}
.categories .catog-box:hover img{
    transform: scale(1.1);
}
.categories .catog-box h6{
    font-size: 18px;
    margin-top: 16px;
    color: #000;
}
.categories .catog-box .img{
    overflow: hidden;
    height: 255px;
}

.categories .catog-box img{
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    transition: all 1s;
}
/* --------------------------------------------------------- */
/* Start indust-img section */
.industries{
    height: 294px;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}



.industries .title h3{
    position: relative;
    color: #fff;
    font-size: 40px;
    font-family: 'bold';
    z-index: 3;
    width: 100%;
    text-align: center;
}
/* Start card slider section */
section{
    padding: 70px 0;
    overflow:hidden;
}
.section-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 48px;
    text-transform: uppercase;
}
.section-title h5{
    font-family: 'bold';
    font-weight: bold;
    font-size: 32px;
    margin-bottom: 0;
}
.section-title h6{
    font-size: 18px;
    font-family: 'bold';
    border-bottom: 1px solid var(--sec-color);
    margin-bottom: 0;
}
.section-title h6 a{
    color: var(--sec-color);  
}

.item-data{
    border: 0.5px solid #E0E0E0;
    padding: 32px 21px;
    margin-bottom: 10px;
    border-radius: 6px;
}
 .item-data .item-img{
    height: 210px;
    overflow: hidden;
    text-align:center;
    margin-bottom:32px;
}
 .item-data .item-img img{
    transition: all 1.5s;
    max-height: 100%;
    max-width: 100%;
}
 .item-data .item-img a::after{
    border-radius: 10px;
    height: 100%;
}
 .item-data .item-img img:hover{
    transform: scale(1.1);
}
 
 .item-data .item-info h4{
    font-size: 17px;
    color: #000;
    font-family: 'bold';
    margin-bottom:16px;
 }
 .item-data .item-info p{
    color: #4F4F4F;
}

.sector-item{ 
    text-align: center;
    padding: 22px 0px;
}
.sector-item .img{
    border: 1px solid var(--sec-color);
    border-radius: 6px;
    padding: 40px;
    width: 90%;
    margin: 0 auto 32px;
    
}
.sector-item .img img{
    max-height: 83px;
    height: 83px;
    max-width: 100%;
    object-fit: contain;
}
.sector-item h5{
    font-size: 14px;
    color: #000;
    font-weight: 500;
}
.sectors .col{
    padding: 0 10px;
}
.sector-item:hover .img img{
    animation: 1s swing;
}
.sector-item:hover  h5{
    color: var(--sec-color);
}
/* ---------------------------------------------------- */
/* Start OUR SERVICES section */
.our-services{
    background-color: #F2F2F2;
}
.mybtn{
    color: var(--sec-color);
    font-weight: 400;
    font-size: 18px;
    display: inline-block;
    position: relative;
    padding-inline-end: 16px;
    transition:all 0.2s;
}
.mybtn:hover,.mybtn:hover::after{
    color:#000;
}
.mybtn::after{
    position: absolute;
    content: "\f105";
    font-family: "font awesome 5 pro";
    top: 0px;
    right: 0;
    color: var(--sec-color);
    transition:all 0.2s;
}
.our-services .section-title{
    padding-bottom: 16px;
}
.our-services .service-box{
    border: 0.5px solid #E0E0E0;
    border-radius: 6px;
    padding: 32px 10px;
    margin-bottom: 12px;
    text-align: center;
}
.service-box .box-info h6{
    color: #000;
    font-size: 16px;
    font-family: 'medium';
    margin: 42px 0 10px;
}
.service-box .box-info p{
    color: #4F4F4F;
    margin-bottom: 0;
    line-height: 30px;
    font-size: 12px;
    min-height: 59px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.our-services .col-lg-6{
    padding: 0 6px;
}
.service-details p{
    margin-bottom: 24px;
    color: #4F4F4F;
line-height: 27px;
}
.our-services .row{
    align-items: center;
}
.service-box .img img{
    max-height: 56px;
}
.service-box:hover img{
    animation: 1s swing;
}
/* *************Start footer section*********** */
footer{
    overflow: hidden;
    padding: 40px 0 0;
    position: relative;
    background-color: #000;
}
 .footer-links li a{
    color: #988B8B;
    display: flex;
    /*align-items: center;*/
}
.footer-links li  i{
       padding-inline-end: 9px;
    width: 22px;
    color: var(--sec-color);
    margin-top: 4px;
}
.footer-links li{
    margin-bottom: 22px;
}
footer h4{
    font-size: 20px;
    color: #fff;
    margin-bottom: 30px;
    text-transform: capitalize;
}
.footer{
    padding-bottom: 40px;

}
.footer-details p{
    max-width: 59%;
    color: #988B8B;
}
.footer-links p{
    color: #777777;
    margin-bottom: 0;
    padding-inline-start: 20px;
}
footer .container{
    position: relative;
    z-index: 2;
}
.footer .mynav-menu ul{
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer-contact{
    margin-bottom: 20px;
}
.footer-logo img{
   height: 119px;
}

.footer-sochial{
    display: flex;
    margin-top: 30px;
    align-items: center;
}
footer a,footer li{
    color: #fff;
}
footer a:hover{
    color: var(--sec-color);
}
 .footer-sochial a {
    margin-inline-end: 22px;
    transition: all 0.5s;
        color: #fff;

        font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer-sochial a:hover{
    color: var(--sec-color);
}
.footer .contact{
    margin-block: 20px;
}
.copy-right {
    padding:5px 0px;
    border-top: 0.3px solid rgb(224 224 224 / 30%);
}
.copy-right .row{
  align-items:center;  
}
.copy-right p{
    color: #fff;
    margin-bottom: 0;
    font-weight: 400;
}

.ryad-logo {
    height: 65px;
    margin-top: -32px;
    position: relative;
    top: 5px;
    margin-left: -20px;
}

.comp-rights {
    text-align: end;
}
.footer-links li:hover p,
.footer-links li:hover a{
    color: var(--sec-color);
}
/* ********************************************************************************************* */
/* Start about page */
.breadcrumb-section{
    color: #fff;
    /* background-image: url('../images/bread-bg.png'); */
    background-size: cover;
    background-position: top;
    padding: 60px 0px 0px;
    position: relative;
    z-index: 2;
}
.breadcrumb-section::after
{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    /* background: #254068 0% 0% no-repeat padding-box; */
    opacity: 0.2;
    bottom: 0;
    top: 0;
    right: 0;
    z-index: -1;
    }

.breadcrumb-section a{
    color: #000;
    font-size: 16px;
    padding-inline-end: 10px;
    /* font-family: 'medium'; */
    text-transform: capitalize;
}
.breadcrumb{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color:transparent;
    padding-inline-start: 0;
    margin-bottom: 0;
}
.breadcrumb-item.active {
    color: #000;
    font-size: 16px;
}
.breadcrumb-item+.breadcrumb-item {
    padding-left: 0;
}
.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: 10px;
    color: #31C7C7;
    content: "/";
}

/* ------------------------------------------------ */
/* Start about page */
.our-values{
    background-color: #F2F2F2;
    text-align: center;
}
.our-values h6{
    font-family: 'medium';
}
.our-values .sochial{
    justify-content: center;
    text-align: center;
    margin: 48px 0;
}
.our-values .sochial a{
    color: var(--sec-color);
}
.our-values .sochial i{
    font-size: 22px;
}
.follow h6{
    font-size: 24px;
    color: #4F4F4F;
}
.follow h6 a{
    color: var(--sec-color);
}
.page-title h4{
    font-size: 24px;
    font-family: 'SemiBold';
    margin-bottom: 32px;
}
.about-csi p{
    color: #4F4F4F;
    line-height: 27px;
}
/* --------------------------------------------------------------------- */
/* Start contact page */
.map{
    height: 100%;
}
.map iframe{
    width: 100%;
    height: 100%;
}
.contact-details .col-lg-6{
    padding: 0;
}
.contact-info{
    height: 100%;
    background-color: var(--sec-color);
    color: #fff;
    padding:56px 40px;
}
.contact-info h6{
    font-size: 24px;
    font-family: 'medium';
    margin-bottom: 32px;
}
.contact-info li{
    margin-bottom: 24px;
}
.contact-info a{
    color: #fff;
    display: flex;
    align-items: center;
}
.contact-info li:first-of-type a{
    align-items: unset;
}
.contact-info a i{
    font-size: 20px;
    margin-inline-end: 14px;
}
.contact-info a  span{
    font-size: 12px;
}
.contact-form form input, .contact-form form textarea, .contact-form form select {
    width: 100%;
    padding: 10px;
    background: #fff;
    border: 0.5px solid #E0E0E0;
    color: #7E7E7E;
    font-size: 15px;
    border-radius: 2px;
}
.contact-form label{
    font-family: 'SemiBold';
    text-transform: capitalize;
    font-family: 'b-font';
    color: #1A1A1A;
}
.contact-form input::placeholder,.contact-form textarea::placeholder{
    color: #E0E0E0;
}
.read-more button{
    display: inline-block;
    color: #fff;
    margin-top: 10px;
    transition: all 0.3s;
    background-color: var(--sec-color);
    border-radius: 6px;
    padding: 10px;
    min-width: 191px;
    text-align: center;
   }
   /* ------------------------------------------------------- */
   .brands-page .col-lg-3{
       padding: 0 6px;
   }
   .brands-page .sponser-img{
       margin-bottom: 16px;
   }
   .single-brand .sponser-img{
    margin-bottom: 48px;
}
  .single-brand .sponser-img a {
    height: 114px;
    justify-content: start;
   }
   .single-brand .item-data{
    margin-bottom: 20px;
  }
  .single-brand .col-lg-4{
      padding: 0 6px;
  }
  /* ---------------------------------------------------------- */
  /* Start no psge found page */
  .no-page-f .contact-form{
      width: 85%;
      margin: auto;
  }
  .page-title{
      text-align: center;
      margin-bottom: 64px;
  }
  .page-title h5{
      font-size: 24px;
      font-family: 'SemiBold';
      margin-bottom: 16px;
  }
  button.remove-field{
      display: none;
  }
  .add-field{
      background-color: rgba(49, 199, 199, 0.16);
      color: var(--sec-color);
      padding: 12px 22px;
      border-radius: 6px;
      margin-top: 24px;
  }
  .contact-form form  input.qty,.single-product input.qty{
      width: 50px;
      border: none;
      text-align: center;
      font-size: 20px;
      font-family: 'SemiBold';
  }
  .cart-qty-plus,.cart-qty-minus{
      border-radius: 6px;
      background-color: #E0E0E0;
      width: 48px;
      height: 48px;
      color: #292D32;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      justify-content: center;
  }
  .dec-inc{
      margin-top: 48px;
  }
  .dec-inc h6{
      font-size: 12px;
      font-family: 'medium';
      margin-bottom: 14px;
  }
  .dec-inc button:focus,.dec-inc input:focus{
      outline: none;
  }
  .no-page-f .contact-form .read-more{
      text-align: end;
      margin-top: -58px;
  }
  .no-page-f .contact-form label{
      margin-bottom: 0;
  }
  .no-page-f .contact-form input{
      margin-top: 10px;
  }
  /* --------------------------------------------------------------- */
  /* Start single product page */
  .product-details{
      padding-inline-start: 36px;
  }
  .detail-header ul{
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 12px;
  }
  .stock span{
    background: rgba(49, 199, 199, 0.16);
    border-radius: 6px;
    padding: 4px 10px;
    color: var(--sec-color);
  }
  .product-details .detail-header h6{
      color: #4F4F4F;
  }
  .product-details h4{
      font-size: 24px;
      font-family: 'SemiBold';
      margin-bottom: 16px;
      text-transform: uppercase;
  }
  .p-title h6{
      color: var(--sec-color);
      display: inline-block;
      border-bottom: 1px solid var(--sec-color);
      margin-bottom: 16px;
      font-size: 14px;
      font-family: 'SemiBold';
  }
  .product-details p{
      color: #4F4F4F;
      font-size: 14px;
      margin-bottom: 0;
  }
  .download a{
      display: inline-block;
      border: 1px solid var(--sec-color);
      border-radius: 6px;
      padding: 8px 16px;
      min-width: 155px;
      text-align: center;
      margin: 16px 0;
      color: var(--sec-color);
      font-family: 'medium';
      transition: all 0.3s;
  }
  .download a:hover{
      background-color: var(--sec-color);
      color: #fff;
  }
  .price .now{
      font-size: 20px;
      font-family: 'almarai';
      margin-inline-end: 8px;
  }
  .price  span.strikethrough{
      color: #828282;
      font-size: 18px;
      font-family: 'SemiBold';
   
  }
  .strikethrough {
    position: relative;
  }
  .strikethrough:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 1px solid;
    border-color: inherit;
    transform: rotate(-25deg);
}
  .add-info{
      display: flex;
      align-items: end;
      justify-content: space-between;
      width: 100%;
      margin-top: 32px;
  }
  .add-to-cart{
    width: calc(100% - 160px);
    text-align: end;
  }
  .add-to-cart a{
      width: calc(100% - 100px);
      background-color: var(--sec-color);
      color: #fff;
      padding: 10px;
      text-align: center;
      text-transform: capitalize;
      display: inline-block;
      border-radius: 6px;
  }
  .add-info .dec-inc {
    margin-top: 0;
    width: 155px;
}
/* ------------------------------------ */
.single-box{
    text-align: center;
    margin-bottom: 12px;
    padding: 20px 12px 0px;
    border: 0.5px solid #E0E0E0;
    min-height: 226px;
}
.single-box h5{
    margin: 15px 0 10px;
    font-family: 'medium';
    font-size: 16px;
}
.single-box p{
    color: #4F4F4F;
    line-height: 22px;
    font-size: 12px;
    /* min-height: 60px; */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}
.single-box .img img{
    max-height: 100%;
}
.single-box .img{
    height: 56px;
}
.more-info .col-lg-3{
    padding: 0 8px;
}
.single-product .owl-dots{
    display: none;
}
/* ------------------------------------------------------- */
/* Start solution page */
.solution .col-lg-4{
    padding: 0 6px;
}
.solution-item{
border: 0.5px solid #E0E0E0;
padding: 32px 21px;
border-radius: 6px;
margin-bottom: 10px;
}
.solution-item .img{
    height: 225px;
    text-align: center;
}
.solution-item .img img{
    max-width: 100%;
    max-height: 100%;
}
.solution-item h5{
    font-size: 16px;
    font-family: 'SemiBold';
    margin: 32px 0 10px;
}
.solution-item p{
    color: #4F4F4F;
    font-size: 14px;
}
.product-slider .slider-img{
    max-height: 400px;
}
.solution-page .product-slider .slider-img{
    max-height: 500px;
}
.product-slider .slider-img img{
    height: 100%;
}
.single-s-img {
    width: 100%;
    height: 400px;
    text-align:center;
}
.single-s-img  img{
   max-width: 100%;
    max-height: 100%;
    /* object-fit: cover; */
}
.single-s-info h4{
    font-size: 24px;
    margin-bottom: 24px;
     font-family: 'SemiBold';
}
/* ----------------------------------- */

@media (min-width: 576px){
.modal-dialog {
    max-width: 860px;
    margin: 1.75rem auto;
}
}
.modal-dialog .read-more{
    text-align: end;
    margin-top: -60px;
}
.modal-dialog .contact-form label{
    margin-bottom: 0;
}
.modal-dialog .contact-form input{
    margin-top: 10px;
}
.apply{
    background-color: var(--sec-color);
    color: #fff;
    padding: 10px 20px;
    margin-bottom: 12px;
}
.modal-header {
    padding: 12px 12px 0;
    border-bottom: none;
}

.more.Single-p{
    text-align: center;
    margin-top: 30px;
}
.more.Single-p a{
    min-width: 197px;
    padding: 12px;
}

/* ---------------------------- */
.popup-prod-detail{
    padding-inline-end: 60px;
}
.popup-img img{
    max-width: 100%;
}
.popup-prod-detail .title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}
.popup-prod-detail .title h4{
    font-size: 20px;
    font-family: 'bold';
    margin-bottom: 0;
}
.popup-prod-detail .title h5{
    font-size: 18px;
    font-family: 'semibold';
    margin-bottom: 0;
}
.check-info{
    margin: 16px 0 32px;
    border-top: 0.5px solid #BDBDBD;
    padding-top: 16px;
}
.shop,.check{
    width: 48%;
    display: inline-block;
    text-align: center;
    padding: 10px;
    border-radius: 6px;
    
}
.shop{
    background-color: #fff;
    color: var(--sec-color);
    border: 1px solid var(--sec-color);
    margin-inline-end: 8px;
}
.check{
    background-color: var(--sec-color);
    color: #fff;
}
.check-info li {
    margin-bottom: 24px;
}
.check-info li span{
    color: #4F4F4F;
}
.check-info li span.check-info{

    color: #000;
    font-family: 'semibold';
}

.popup-content .title{
    margin-bottom: 32px;
}




/**********************************************************************************************/
/*wocommerc edit */

.woocommerce-info::before {
    color: var(--bg-color) !important;
}


.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
    width: 110px;
    text-align: center;
}
.woocommerce #respond input#submit,
.woocommerce a.button, .woocommerce button.button,
.woocommerce input.button{
   background: var(--sec-color); 
   color: #fff;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover ,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, 
.woocommerce button.button.alt, .woocommerce input.button.alt,.shop_table thead,
.woocommerce div.product .woocommerce-tabs ul.tabs li{
    background-color: var(--bg-color);
    color: #fff;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a{
    color:#fff;
    text-align:center;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: var(--main-color);
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
    background-color: var(--after-color);
    color: #fff;
}


.cart_totals  h2{
    font-size:24px;
    margin-bottom:15px;
}

.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {

    margin-top: 50px;
}

.wishlist_table .product-add-to-cart a {
    color: var(--main-color);
    background-color: var(--bg-color);
    padding: 6px 20px;
}

.wishlist_table .product-stock-status span.wishlist-in-stock {
    color: var(--after-color);
}

.woocommerce-additional-fields__field-wrapper p,
.woocommerce-shipping-fields p{
    display:block;
}
.rtl .woocommerce .col2-set .col-2, .rtl .woocommerce-page .col2-set .col-2,
.rtl .woocommerce .col2-set .col-1, .rtl .woocommerce-page .col2-set .col-1,
 .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2,
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1{
    flex: auto !important;
    max-width: inherit !important;
}

.woocommerce-billing-fields p{
    display:block;
    width:100%;
}
a.showcoupon, a.woocommerce-privacy-policy-link,.product-remove a{
    color: var(--bg-color);
}
.woocommerce-privacy-policy-text{
    margin-inline-end: 20px;
}
.woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item.button-variable-item {
    min-width: 100px;
    background:#fff ;
    color:var(--main-color);
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: var(--sec-color);
    font-size: 1.25em;
}


/************************* my-account ********************************************/
.woocommerce-MyAccount-navigation{
    display: inline-block;
    width: 20%;
    margin-bottom: 30px;
}
.woocommerce-MyAccount-navigation ul{
    padding: 0;
    margin: 0;
    display: block;
    list-style: none;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.woocommerce-MyAccount-navigation ul li{
    padding: 12px 10px;
    display: block;
    border-bottom: 1px solid #dddddd4a;
}
.woocommerce-MyAccount-navigation ul li a{
    display: block;
    font-size: 15px;
    color: #4c4c4c;
    transition:  all .3s ease;
}
.woocommerce-MyAccount-navigation ul li:hover,
.woocommerce-MyAccount-navigation ul li.is-active,
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
    background-color: var(--sec-color) !important;
    color: #fff !important;
    transition:all 0.3s;
     
}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
    background-color: #000 !important;
    color: #fff !important;
}

.woocommerce-MyAccount-navigation ul li:hover a,
.woocommerce-MyAccount-navigation ul li.is-active a{
    color: #fff !important;
}
.woocommerce-MyAccount-content{
    display: inline-block;
    width: 78%;
    float: left;
}
.woocommerce-MyAccount-content a{
    color: var(--sec-color);
    margin: 0 3px;
}
.woocommerce-Address-title.title h3{
    display: inline-block;
}
.woocommerce-Address-title.title .edit{
    display: inline-block;
    background: var(--sec-color);
    margin: 0 3px;
    color: #fff;
    padding: 6px 15px;
    font-size: 14px;
    border-radius: 4px;
    float: left;
    /*margin-top: 14px;*/
}
.woocommerce form .form-row span em{
    margin-top: 10px;
    display: inline-block;
    font-size: 14px;
}
.woocommerce-EditAccountForm.edit-account fieldset legend{
    display: inline-block;
    font-size: 14px;
    margin-bottom: 10px;
    padding-bottom: 7px;
    font-weight: 600;
}
@media(max-width: 600px){
    .woocommerce-MyAccount-navigation{
        display: block;
        width: 100%;
    }
    .woocommerce-MyAccount-content{
        display: block;
        width: 100%;
        float: unset;
    }
}
@media(max-width: 768px){
    .product-name a {
    font-size: 18px;
}
.wishlist_table  .product-name a {
    font-size: 16px;
}
  .mobile img {
    height: 50px;
}
.wishlist_table.mobile li {
    margin-bottom: 12px;
    border: 1px solid #ccc;
    position:relative;
    padding:10px 0;
}
.wishlist_table.mobile li .product-remove{position: absolute;top: 4px;right: 8px;}
.woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr{
    margin-bottom:15px;
}

.wishlist_table.mobile li table.additional-info td.value {
    text-align: left;
}
.wishlist_table.mobile li table.additional-info td.label{
    text-align: right;
}


}

.comment-form-author label,.comment-form-email label{
    display:block;
}
/*********************************************************************************/
.woocommerce-address-fields__field-wrapper p,.woocommerce-EditAccountForm fieldset p{
    display:block;
}
.woocommerce p.stars a {
    color: var(--sec-color);
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    /* background: var(--bg-color); */
    border-radius: 5px;
}


.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover {
    background-color: var(--sec-color);
    color: #fff;
}

.outer a,.woocommerce div.product .stock{
    /*color:var(--after-color);*/
}
.woocommerce table.shop_table th,.product-name{
    text-align:center !important;
}
.woocommerce table.shop_table td {
    border: 1px solid rgba(0,0,0,.1);
    text-align:center;
}
.added_to_cart.wc-forward {
    font-size: 14px;
    color: #fff;
    /* min-width: 80px; */
    background-color: var(--sec-color);
    /* font-family: bold; */
    /* position: absolute; */
    /* bottom: -8px; */
    /* right: 38px; */
    /* top: 6px; */
    /* height: 31px; */
    border-radius: 2px;
    text-align: center;
    /* line-height: 2; */
    /* padding-top: 0 !important; */
    padding: 5px;
    /* margin-inline-start: 4px; */
    display:none;
    margin-top: 7px;
    width:auto;
}

.body-inner{
    overflow:hidden;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
    min-width: 130px;
    padding: 11px;
}
select:focus{
    outline: none;
}


/***************************************/
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after{
    border: 1px solid #eee!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, 
.woocommerce div.product .woocommerce-tabs ul.tabs li::before{
    display: none !important;
        
}
.woocommerce div.product .woocommerce-tabs ul.tabs{
    padding: 0 0 15px !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.woocommerce-tabs.wc-tabs-wrapper{
    margin-top: 45px;
}
.woocommerce-tabs.wc-tabs-wrapper ul{
        list-style: none;
    margin: 0;
    padding: 0;
}
.woocommerce-tabs.wc-tabs-wrapper li{
    display: block;
}
.product.type-product.shipping-taxable.purchasable.product-type-simple span:first-child.onsale{
    
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: 0 !important;
    background-color: transparent !important;
}
.woocommerce-tabs.wc-tabs-wrapper li a{
    display: inline-block;
    padding: 9px 20px !important;
    background: var(--main-color);
    color: #fff !important;
    border-radius: 5px !important;
    margin: 0 5px !important;
    /* font-size: 15px !important; */
    border: 1px solid #005198;
    transition: all .3s ease-in;
    min-width:120px;
}
.woocommerce-tabs.wc-tabs-wrapper li.active a,
.woocommerce-tabs.wc-tabs-wrapper li a:hover{
    background: #dbac66;
    color: #fff !important;
    border: 1px solid #dbac66;
}
.woocommerce-tabs.wc-tabs-wrapper h2,
.woocommerce-tabs.wc-tabs-wrapper h1{
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: bold;
    color: #4c4c4c;
}
.woocommerce-tabs.wc-tabs-wrapper a{
      color: #005198;
}

/************************************************/
.comment-form-author input,.comment-form-email input{
    width:100%;
}

.wishlist-title h2 {
    font-size: 22px;
}
.wpcf7 form .wpcf7-response-output {
    /*display: block;*/
    /*width: 95%;*/
    /*position: absolute;*/
    /*bottom: -77px;*/
    /*left: 0;*/
}

.woocommerce a.remove {
   display: inline-block;
    /* justify-content: center; */
    /* align-items: center; */
    padding: 0;
    text-align: center;
    font-size: 20px;
    width: 25px;
    height: 25px;
    margin: auto;
    line-height: normal;
    font-weight: normal;
    line-height: 21px;
}

.woocommerce-message {
    border-top-color: var(--after-color);
}
.woocommerce-message::before,a.restore-item{
    color:var(--sec-color);
}
.product.has-post-thumbnail.purchasable.product-type-variable button.single_add_to_cart_button.wc-variation-selection-needed,
button.single_add_to_cart_button.button.alt{
    /*width:60%;*/
    padding:15px;
    border-radius:3px;
    margin-inline-start: 8px;
    background-color:var(--after-color);
}
button.single_add_to_cart_button.button.alt {
     margin-inline-start: 0px;
    }
.woocommerce div.product form.cart div.quantity {

    margin: 0 0 0px 0px !important;
}
ul.heateor_sss_follow_ul, ul.heateor_sss_sharing_ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.woocommerce div.product p.price, .woocommerce div.product span.price{
    font-size:28px !important;
}
.woocommerce-product-details__short-description{
    display:none;
}
.qib-button-wrapper{
    margin:0 !important;
}
a.woocommerce-review-link{
  color:var(--after-color);  
}

.more .added_to_cart.wc-forward {
    font-size: 14px;
    color: #fff;
    min-width: 80px;
    background-color: var(--sec-color);
    display: inline-block;
    font-family: bold;
    position: absolute;
    right: 67px;
    top: 380px;
    height: 32px;
    border-radius: 3px;
    text-align: center;
    line-height: 2;
    padding-top: 0 !important;
    min-width: 150px;
    display:none;
}

.woocommerce div.product form.cart .variations {
    margin-bottom: 5px;
}

.woocommerce div.product form.cart .reset_variations{
   color:var(--after-color); 
   font-family:'bold';
}
.btn-fav:hover, .btn-cart:hover{
    color:var(--main-color);
}

.single-page .row{
    direction:ltr;
}
.summary.entry-summary{
    direction:rtl;
}
h4.avalible{
    /*display:none;*/
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected,
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover {
    box-shadow: 0 0 0 2px rgb(0 0 0 / 90%);
    background: var(--main-color);
    color: #fff;
}


.woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item {
    border-radius: 3px;
}
.page-item.active .page-link {
    background-color: var(--bg-color);
    border-color: var(--bg-color);
}
.page-link:hover {
    color: #fff;
    background-color: var(--bg-color);
    border-color: var(--bg-color);
}

.page-link{
  color: var(--main-color);  
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    min-width: 131px;
    padding: 10px 16px;
     border-radius: 8px; 
    text-align: center;
}
.wc-proceed-to-checkout a,.wc-proceed-to-checkout a.checkout-button{
   border-radius: 8px; 
}

button[name="update_cart"]{
    padding:12px !important;
}
input[name="coupon_code"]{
    border-radius:2px;
}
.star-rating{
    /*min-height:70px;*/
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
button[name="update_cart"],
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
    color: #fff;
    background-color: var(--after-color);
}
.woocommerce form .form-row label, .woocommerce-page form .form-row label,
input.woocommerce-Input,.password-input{
    width:100% !important;
}

.woocommerce-info::before{
    color:var(--after-color);
}
td.product-name a,.woocommerce-loop-product__title{
    color:#000;
}
h1.product_title.entry-title{
    font-size:24px;
}
p.woocommerce-LostPassword a{
    color:#000;
}
p.woocommerce-LostPassword.lost_password{
position: absolute;
    bottom: 92px;
    right: 41px;
}
input#coupon_code{
       width: 125px !important;
    border-radius: 8px; 
}
.woocommerce-info {
    border-top-color: var(--bg-color) !important;
    background-color: #F2F2F2;
}
.woocommerce-info::before{
    color: var(--bg-color) !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 1px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
        direction: ltr;
}
span.posted_in a{
    color:#000;
    font-size:18px;
    padding-inline:10px;
}
.woocommerce ul.products li.product .price {
    display: flex !important;
    margin-bottom: 8px !important;
    font-size: 20px !important;
    align-items: center;
    justify-content: space-between;
}
h2.woocommerce-loop-product__title{
    min-height: 54px;
}
.related.products h2{
    margin-bottom:20px;
}
.woocommerce div.product form.cart {
    margin-bottom: 2em;
    display: flex;
    align-items: center;
    /*justify-content: space-between;*/
}
select#rating{
    width:100% !important;
    padding:6px 0;
}
 .woocommerce div.product form.cart::before{
    display:none;
}

.woocommerce-product-gallery__wrapper img{
    height:420px !important;
    object-fit:cover;
}
.woocommerce-message {
    border-top-color: var(--after-color);
}
.woocommerce-message::before {
 
    color: var(--after-color);
}
form.cart .quantity{
    padding-inline-end: 30px;
}

.xoo-aff-required a{
    color:#CC3431;
}
/*******************************888*/
.xoo-el-form-container ul.xoo-el-tabs li.xoo-el-active {
    background: var(--bg-color);
}

.xoo-el-form-container ul.xoo-el-tabs li {
    /* background: var(--main-color); */
    color: var(--bg-color);
}

.xoo-el-form-container button.btn.button.xoo-el-action-btn {
    background: var(--bg-color) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    float: none !important;
    width: 100% !important;
    border-radius: 6px;
}

.xoo-el-form-container button.btn.button.xoo-el-action-btn:hover, .xoo-el-form-container button.btn.button.xoo-el-action-btn:focus {
    background: var(--bg-color) !important;
    color: #fff !important;
}

.xoo-aff-input-group .xoo-aff-input-icon {
    display: none;
}

.xoo-aff-group input[type="text"], .xoo-aff-group input[type="password"], .xoo-aff-group input[type="email"], .xoo-aff-group input[type="number"], .xoo-aff-group select {
    height: 45px;
    background: #fff;
    border: 1px solid #B7B7B7;
    border-radius: 5px;
    padding: 0 20px;
    transition: all .5s;
    width: 100%;
}

.xoo-el-login-btm-fields label {
    margin: 0;
}

a.xoo-el-lostpw-tgr {
    margin: 0;
    margin-inline-start: auto;
}

.xoo-aff-group {
    float: none !important;
    width: 100%;
}

a.add_to_wishlist {
    margin-inline-start: auto;
}

.xoo-el-header {
    padding: 0 0 20px;
}

.xoo-el-section {
    padding: 0;
}

.xoo-aff-group.onehalf {
    width: calc(50% - 10px);
    display: inline-block;
    margin: 0 0 25px;
    margin-inline-end: 20px;
}

.xoo-aff-group.xoo-aff-cont-text.onehalf.xoo-aff-cont-required.xoo_el_reg_lname_cont {
    margin: 0;
}

.xoo-aff-checkbox_single .xoo-aff-checkbox_single {
    margin-inline-end: 10px;
}
.woocommerce-error {
    border-top-color: var(--bg-color);
}
.woocommerce-error::before {
    content: "\e016";
    color: var(--bg-color);
}




   @media (max-width:768px){
       .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals, form.woocommerce-cart-form{
           padding:4px 10px;
       }
       form.woocommerce-cart-form{
           
       }
       .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{
           padding:20px 12px;
       }
       .woocommerce h2{
           font-size:20px;
       }
       p.woocommerce-LostPassword.lost_password {
    position: absolute;
    bottom: 60px;
    left: 38px;
   
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
  
    margin-top: 30px;
}


       .woocommerce form .form-row-last, .woocommerce-page form .form-row-last {
    float: none;
    width: 100%;
}
    .woocommerce-billing-fields p {
   
    width: 100% !important;
}   

.woo_content  .col-md-12{
    padding:0;
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{
    padding:20px 6px;
}
       .woocommerce-Address-title.title .edit {
    margin-top: 0;
}
.woocommerce-account .addresses .title h3 {

    font-size: 20px;
}
.u-columns.woocommerce-Addresses.addresses header{
    margin-bottom:7px;
}
       .woocommerce form .form-row-first, .woocommerce form .form-row-last,
       .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
    width: 100%;
    overflow: visible;
}
       .woocommerce-product-gallery__wrapper img {
    height: 300px !important;
 
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
    font-size: 22px !important;
}

       .right h4,h4.avalible{
           
               font-size: 18px;
    line-height: 29px;
       }
       .xoo-aff-group.onehalf {
    width: 100%;
    margin-inline-end: 0;
    margin-bottom:16px;
       }
       .xoo-aff-group input[type="text"], .xoo-aff-group input[type="password"], 
       .xoo-aff-group input[type="email"], .xoo-aff-group input[type="number"], 
       .xoo-aff-group select {
    margin-bottom: 10px;
       }
.woocommerce ul.order_details li {
    float: none !important;
    margin-bottom: 12px;
}
  .woocommerce ul.order_details li strong {
    display: block;
    font-size: 16px !important;
   }
   .xoo-aff-group label {
    font-size: 15px !important;
}
.wishlist_table.mobile li .item-wrapper {
    display: flex !important;
    align-items: center;
}
.wishlist_table.mobile li .item-wrapper .item-details {
    margin-inline-start: 8px;
}
.additional-info-wrapper table.additional-info{
    display: inline-table;
    align-items: center;
    justify-content: center;
    width: 100% !important;
}
.woocommerce table.shop_table th, .product-name {
    text-align: start !important;
}
.item-details-table tr td.label{
    display:flex;
}
}
.woocommerce .quantity .qty, .woocommerce form .form-row input.input-text, 
.woocommerce form .form-row textarea, select#rating,.woocommerce form .form-row select
.woocommerce #review_form #respond textarea, .comment-form-author input,
.comment-form-email input{
    border-radius: 2px !important;
    border: 1px solid rgb(11 42 65 / 33%) !important;
    padding:8px 5px;
}
.select2-container .select2-selection--single {
    height: 42px !important;
    border-radius:0 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
   
    line-height: 39px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 9px;
}
.woocommerce form .form-row textarea {
    height: 7em !important;
}
.woocommerce #reviews #comment {
    height: 95px !important;
}
/******************************************************************************************************************/
/******************************************************************************************************************/
form{
    direction:ltr;
}

.added_to_cart.wc-forward{
    display:none !important;
}

.added:after , .loading:after{
    margin-left: 9px!important;
}

.sort-selection select{
    border:none;
    font-size:13px;
}
.sort-selection label{
    margin-bottom:0;
}

 span.mob-num{
    /*direction: ltr;*/
    /*display: inline-block;*/
}
.footer-links a span:first-of-type{
    margin-inline-end:6px;
}
.wpcf7 form .wpcf7-response-output{
    /*bottom:-81px;*/
}

.footer-links.address ul li:nth-child(3) span{
    margin-inline-start:6px;
}


.woocommerce .star-rating span:before {
    color: #ffce00;
}

.yith-wcwl-add-to-wishlist {
    margin-top: 0px !important;
}

 .yith-wcwl-add-button>a i{
    margin-right: 0px !important;
     color: #fff;
}
.fa-heart-o:before {
    content: "\f08a";
     font-weight: bolder; 
    color: #fff;
}

.yith-wcwl-add-to-wishlist .feedback .yith-wcwl-icon {
    margin-right: 0 !important;
}



.rtl .bapf_sfilter ul li ,.bapf_sfilter ul li {
    margin-bottom: 9px !important;
    padding-bottom: 4px !important;
}
.wishlist_table .product-add-to-cart a {
    color: #fff;
    background-color: var(--bg-color);
    padding: 6px 20px;
}
#yith-wcwl-popup-message{
    box-shadow:none;
    background:transparent;
    padding:0;
}


#order_review_heading{
    margin-top:30px;
}
label{
    /*margin-bottom:0;*/
}

.woocommerce-table--upload-receipt * {
  
    padding-top: 5px;
    padding-inline-start: 12px;
}
.woocommerce-table--upload-receipt tfoot th {
  
    padding-bottom: 8px;
}
h2.woocommerce-order-details__title{
    margin-top:20px;
}
.woocommerce-order-details {
    margin-bottom: 0;
    padding-bottom: 0;
}



.woocommerce a.button.wc-backward{
    background-color: var(--sec-color) !important;
    border-radius: 8px;
}
/*----------------------------------------------------------------*/


.about-info h5{
  font-family: 'SemiBold';
  font-size:24px;
  margin-bottom:24px;
}


.mynavbar  li.current-menu-item .nav-link{
    color:var(--sec-color);
}

button.cart , .my-account , .add-to-cart  , .add-info, .price-rate{
    /*display:none;*/
}
.res-menu ul li:nth-child(3){
    display: none;
}

.pro-block .img-block{
    height:250px;
}
.pro-block .img-block img,.about-img .img img{
    max-height:100%;
}

.about-img .img{
    text-align:center;
    height:240px;
}


.page-link:focus {
    box-shadow: none;
}
.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.page-item:last-child .page-link {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.sponser-img {
    border: 1px solid #eee;
    padding: 10px;
}
.item-data .item-info p,
.categories .catog-box h6 {
      height: 50px;
}