:root{
    --theme-color:#f3ab35;
    --theme-coloroption:#748C70;
    --theme-blue:#EBD96B;
    --theme-skblue:#408EC6;
    --theme-text:#101820;
    --font-headingXL:3rem;
    --font-headingL:1.875rem;
    --font-headingM:1.625rem;
    --font-headingS:1.375rem;
    --font-size:1rem;
    --ButtonColor:#3a3f3a
}

@font-face {
    font-family:PopBold ;
    src: url('../fonts/Poppins-Bold.ttf');
}
@font-face {
    font-family:PopRegular ;
    src: url('../fonts/Poppins-Regular.ttf');
}
@font-face {
    font-family:PopLight ;
    src: url('../fonts/Poppins-Light.ttf');
}
@font-face {
    font-family:PopBlack ;
    src: url('../fonts/Poppins-Black.ttf');
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family:PopRegular ;
}
.heading {
    text-align: left;
    margin-bottom: 30px;
    position: relative;
}
.heading h3 {
    display: inline-block;
    position: relative;
    padding: 10px 20px 10px 0;
    font-size: var(--font-headingXL) !important;
    font-family: 'PopBold';
    letter-spacing: 2px !important;
    

}
.heading h3 span{color: var(--theme-color);  font-family: 'PopBold';}
.heading h3:after {
      z-index: -1;
    content: "";
    position: absolute;
    /* border-bottom: 5px solid var(--theme-color); */
    left: 50%;
    width: 200px;
    bottom: 0;
    height: 100%;
    background: var(--theme-color);
    border-radius: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;

}
/* .heading h3:before {
    content: "";
    position: absolute;
    border-top: 5px solid #408ec6;
    right: 0;
    width: 30px;
    top: 0;
    border-right: 5px solid var(--theme-color);
    height: 30px;
} */
h1, h2, h3, h4, h5, p, a{
    color: var(--theme-text) !important;
    margin-bottom: 0 !important;
    letter-spacing: 1.5px !important;
}

h3{
    font-size: var(--font-headingL) !important;
}
img{width: 100%;}
ul{list-style: none; margin-bottom: 0 !important; padding-left: 0 !important;}
a{text-decoration: none !important;}
.topmenuinner{
    background:var(--theme-blue)
}

.firstbar{
    padding: 20px;
}
p{
    letter-spacing: 1.5px !important;
}

.logo{
    width: 300px;
        border-radius: 10px;
    overflow: hidden;
}
.topemailandphone div{font-family: PopBold;}
.firstbar ul li a{font-family: PopBold; font-size: var(--font-size);}
/* .headerifrainternational ul{
    line-height: 44px;
} */

.headerifrainternational li{border-bottom: 3px solid #fff;}
.headerifrainternational li:hover{border-color:var(--theme-color);}
.topheaderflex div{font-size: 14px; letter-spacing: 1.5px;}
.brand h3{font-family: PopBold;}
.brand h3 span {
    color: #ffffff !important;
    background: #3a3f3a;
    padding: 0 10px;
    border-radius: 10px;
}
.searchblogsifrainternational i{color: #fff;}
.searchblogsifrainternational{padding: 8px 15px; background-color: var(--theme-text); border-radius: 10px;}
.swiper-slide {
    background-position: center;
    background-size: cover;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .swiper {
   width: 100%;
    height: 100%;
    position: absolute;
    /* left: 50%;
    top: 50%; */
    /* margin-left: -150px;
    margin-top: -150px; */
  }
.mySwiper2 .swiper-slide{
     opacity: 1 !important;
       /* width: auto !important; */

}
.mySwiper2 .swiper-button-next,
.mySwiper2 .swiper-button-prev {
  background-color: #000; /* Background color of circle */
  color: #fff; /* Arrow color */
  width: 40px;
  height: 40px;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.mySwiper2 .swiper-button-next::after,
.mySwiper2 .swiper-button-prev::after {
  font-size: 18px;
  font-weight: bold;
}

.mySwiper2 .swiper-button-next:hover,
.mySwiper2 .swiper-button-prev:hover {
  background-color: #333; /* Hover effect */
}

.image-overlay-title {
     position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgb(0 0 0 / 100%), transparent);
    color: #fff;
    padding: 24px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.image-overlay-title h5 {
  margin: 0;
  font-size: 18px;
  font-family: PopBold;
  color: #fff !important;
}

.image-overlay-title .arrow-icon {
  font-size: 32px;
  font-family: PopBlack;
  color: #fff;
}

  .swiper-slide {
  opacity: 0 !important;
  transition: opacity 0.3s ease-in-out;
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.swiper-slide-active {
  opacity: 1 !important;
  z-index: 1;
  position: relative;
}
  .banner{padding: 30px 100px; padding-top: 30px;

  }
  section.brands {
    background: #c9c895;
    padding: 20px;
}
  .bannerWrap{
        padding: 40px;
       background: radial-gradient(circle, #ebd96b00 0%, #ebd96b42 100%);
    border-radius: 22px;
    /* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 0px; */
    border: 1px solid #ddd;
  }

  .mySwiperText h3{
    font-size: 75px !important;
    font-family: PopBlack;
    color: var(--theme-text) !important;
    
    margin-bottom: 30px !important;
    padding-bottom: 10px;
    text-transform: uppercase;
  }
    .mySwiperText h3 p{    color: #fff;
    font-family: PopBold;
    position: relative;
    background-color: var(--theme-color);
    padding: 0 20px;
    box-sizing: border-box;
    /* font-size: 56px; */
    border-radius: 10px;
    transform: rotate(-1deg);
    display: block; margin-bottom: 10px !important;}

    .mySwiperText h3 span{background-color: #fff; font-family: PopBlack; padding: 0 10px; border-radius: 10px;}
  /* .mySwiperText h3:after{
    content: "";
    width: 60px;
    height: 4px;
    background: var(--theme-color);
    border-radius: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
  } */

  .mySwiperText p{
    color: #fff !important;
    margin-bottom: 30px !important;
  }
  .mySwiperText.swiper{width: 100%; height: 100%;}

  .swiperBanner h3{background-color: var(--theme-blue); width: 100%; padding: 10px; color: #fff !important; font-weight: 800; text-align: center; font-size: 22px !important;}
  .buttonBanner a{
   border: 2px solid #fff;
    border-radius: 5px;
    margin-right: 20px;
    width: 200px;
    color: #ffffff !important;
    background-color: var(--ButtonColor);
    padding: 15px;
    font-weight: 700;
  }
.brlogo {
    width: 100px;
    margin: auto;
    height: 50px;
    line-height: 50px;
}
.brlogo img{height: 100%; object-fit: contain;}
.servicesImg{
    overflow: hidden;
  border-radius: 20px;
  position: relative;
  cursor: pointer;
}
.servicesImg img {
  transition: transform 0.3s ease;
  height: 100%;
object-fit: cover;
}

.servicesImg:hover img{
transform: scale(1.2);
filter: blur(10px);

}

.servicetitle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  background-color: #c9c895;
  padding: 20px;
  border-radius: 10px;
  transition: transform 0.4s ease, opacity 0.4s ease;
  opacity: 0;

}
.servicesImg:hover .servicetitle {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}
.servicesImg:hover .servicetext{
    /* left: -100%; */
    opacity: 0;
}
.servicetitle a{
    color: var(--theme-text) !important;
        text-align: center;
    font-family: PopBold;
    font-size: 35px;
    text-transform: uppercase;
}
.servicetext h4{
    color: #fff !important;
        text-align: center;
    font-family: PopBlack;
    font-size: 35px;
    text-transform: capitalize;
}
.servicetext{position: absolute;
    left: 0;
    z-index: 3;
    background: #0f1a207d;
    bottom: 60px;
    padding: 20px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px; transition: 0.3s ease; opacity: 1;}
    .st2{
        right: 0;
        left: unset;
         border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
     border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    }
    .servicebox1{
            height: 500px;
    }
    .servicebox4{
            height: 500px;
    }
    .servicebox2, .servicebox2 {
        height: calc(100% - 525px);
    }
    
  .socialicon a{color: #fff !important;}
  .box {
    width: 33.33%;
    text-align: center;
    padding:30px;
}
section.about {
    padding: 60px 0;
    }
    .aboutwrap{
        background: var(--theme-color);
    }
    .textabout {
    padding: 71px 40px;
}
.textabout h3{
        background: #fff;
    padding: 10px;
    border-radius: 10px;
    transform: rotate(-3deg);
    font-family: 'PopBlack';
    text-transform: uppercase;
    font-size: 48px !important;
}

.textabout p{
        font-size: 18px;
    font-family: 'PopBold';
    margin-top: 15px;
    transform: rotate(-3deg);
    padding: 20px;
    padding-top: 0;
    text-transform: capitalize;
}
.box .icon i{font-size: 50px; color: #fff; margin-bottom: 20px;}
.box p, .box h4{color: #fff !important; font-family: PopBold;}
.box p{margin-top: 10px;}
.box1 {
   background: var(--theme-text);
}

.box2 {
   background: var(--theme-blue);
}

.box3 {
   background: var(--theme-skblue);
}

/* Latest Product */

.latestproductitem {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
   
        height: 400px;

    border-radius: 10px;
    cursor: pointer;
    /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
   
}

.textlatestproduct {
    position: absolute;
    width: 95%;
    height: 95%;
    background-color:rgba(30, 39, 97, 0.7);
    top: -100%; /* Initially hide the element above */
    right: -100%; /* Initially hide the element to the right */
    transition: all 0.5s ease; /* Smooth transition effect */
    border-bottom-left-radius: 100px;
    padding: 20px;
}
.textlatestproduct h5{
    color: #fff !important; 
    font-weight: 800;
}
.textlatestproduct .productdesc {
    padding: 12px 0;
}
.latestproductitem:hover .textlatestproduct {
    top: 0;
    right: 0;
}

.latestproductitem:hover .imagelatestproduct img{filter: blur(4px);}

.textlatestproduct h4 , .textlatestproduct p{color: #fff !important;}

.buttonabout a{
    background-color: var(--theme-color);
    padding: 10px 20px;
    color: #fff !important;
    margin-top: 20px;
    border-radius: 40px;
    border: 2px solid var(--theme-color) !important;
}

.buttonabout a:hover{
    background: transparent !important;
    color: var(--theme-color) !important;
}

.aboutsectionimage img{ width: 100%; height: 100%; object-fit: cover; z-index: 1; border-radius: 10px; position: relative; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.aboutsectionimage{height: 400px; padding: 30px; position: relative; padding-top: 0; }
.aboutsectionimage:after {
    content: "";
    position: absolute;
    width: 85%;
    height: 95%;
    border: 10px solid var(--theme-color);
    bottom: 0px;
    left: 80px;
    z-index: 0;
    border-radius: 7px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.section-about {
    background: rgb(196 204 255 / 51%);
}

.popproduct .imagepopproduct{
    height: 220px;
}
.popproduct .imagepopproduct img{
    height: 100% !important;
    object-fit: cover;
}

.title {margin: 10px 0;}
.textpopproduct .title h5{font-size: var(--font-size) !important; font-weight: 800; color: #fff !important;     border-bottom: 2px solid;
    padding-bottom: 10px;}
.popproduct{background: var(--theme-color); padding: 10px; border-radius: 10px; margin-bottom: 20px;  height: calc(100% - 20px);}
.textpopproduct {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% - 222px);
}
.popproduct .productdesc p {
    color: #fff !important;
    font-size: 12px !important;
    margin-bottom: 2px !important;
}
.buttonpopproduct{    margin-top: auto;}
.buttonpopproduct a{font-size: 12px; background: var(--theme-blue); color: #fff !important; font-weight: 800; border: 2px solid #fff;     width: 100%;}
.buttonpopproduct a:hover{border: 2px solid #fff !important;}

.contactformsection {
    background-image: linear-gradient(rgb(15 26 32 / 50%), rgb(15 26 32 / 64%)), url(../images/contact.jpeg);

background-attachment:fixed ;
    
    /* object-position: top; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;}

    .rowcfs{background: #fff; width: calc(100% - 200px); margin: auto; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border-radius: 10px;     overflow: hidden;}
    .formcfs input{padding: 10px; width: 100%; display: block; margin-bottom: 20px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border-radius: 10px; border: 1px solid #ddd;}
    .formcfs textarea{height: 100px; width: 100%; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; padding: 10px;}
    .headingformfcs {
        margin-bottom: 20px;
    }

    .formcfs button{
        width: 200px;
        padding: 10px;
        background: var(--theme-color);
        color: #fff;
        font-weight: 900;
        border: none;
        border-radius: 40px;
        margin:20px 0 ;
    }

    .contactinfoCFS{padding: 30px 20px; height: 100%; background: var(--theme-color);}
    .contactdetailscfs p, .contactdetailscfs p a{color: #fff !important; font-weight: 900;     display: flex;
        align-items: center;}
    .contactdetailscfs p{margin-bottom: 20px !important; font-weight: 900;     display: flex;
        align-items: center;}
    .headingcontactinfocfs h3{color: #fff !important; font-weight: 900; margin-bottom: 40px !important;}
    .contactdetailscfs span{width: 40px; height: 40px; display: grid; place-items: center; border: 2px solid #fff; border-radius: 50%; margin-right: 10px;}
    .contactdetailscfs p strong{ width: calc(100% - 40px); }
    .formcfsmain{padding: 30px;}

    .footer{background-color: var(--theme-text); padding: 60px 0 30px; border-top: 5px solid var(--theme-color);}
     .footer p, .footer a, .footer h3{color: #fff !important;}
.footer .tags li{margin-bottom: 15px;}
     ul.social.trp {
        display: flex;
        margin-top: 20px;
    }
    ul.social.trp li{margin-right: 20px;}
    ul.social.trp li i{
        font-size: 30px;
    }

    h3.block-title.ftrh3 {
        font-size: 1.5rem !important;
        font-weight: 900;
        margin-bottom: 20px !important;
        position: relative;
        padding-bottom: 10px;
    }
    h3.block-title.ftrh3:after{content: ""; bottom: 0; width: 50px; height: 3px; background-color: #fff; position: absolute; left: 0; border-radius: 10px;}
    .copyright {
        margin-top: 30px;
        border-top: 1px solid #fff;
        color: #fff;
        font-size: 0.8rem !important;
        letter-spacing: 2px;
        padding-top: 20px;
    }

    .inner-page {
        background: linear-gradient(rgb(244 171 53 / 58%), rgb(0 0 0 / 43%)), url(../images/innerbanner.jpg) no-repeat center;
        background-size: cover;
        height: 550px;
    }

    .inner-page .lineheight{line-height: 550px;}
    .inner-page .heading h3{color: #fff !important;}
    .inner-page .heading h3::after{
        border-color: #fff;
    }
    .inner-page .heading h3::before{
        border-color: #fff;
    }
    .inner-sec-w3ls {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .sectionmoreabout img {
        border-radius: 0;
        background: none;
    }
    .sectionmoreabout {
        margin-bottom: 50px;
    }

    .moreboutfirst{
            margin-bottom: 50px;
    background: #f1e9df;
    padding: 40px 30px 0;
    border-radius: 15px;
    }

    .sectionmoreabout.moreboutfirst  .about-img img{
        height: 100%;
        box-shadow: none;
    }
    .sectionmoreabout .about-img img, .galsses-grid-left img {
        display: block;
        margin: auto;
       
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: top;
    }
.aboutimgres{display: none;}
    .aboutright h3 {
        color: var(--theme-color);
        font-weight: 700;
        font-size: 28px;
        letter-spacing: 1px;
    }
    .aboutright h4 {
        margin: 1.2em 0;
        font-style: italic;
        font-size: 15px;
        color: var(--theme-color);;
    }

    .sectionmoreabout p {
        margin: 0;
        
    font-size: 1.3em;
        color: var(--theme-text);
        line-height: 1.6em;
        letter-spacing: 1px;
        text-align: justify;
    }

    .col-md-6.sanitary {
        padding: 20px;
        border: 1px solid var(--theme-color);;
        background: var(--theme-color);;
        color: #fff;
    }
    .profile-text {
        margin-top: 60px;
    }
    .col-md-6.diapers {
        border: 1px solid #000;
        border-left: 0;
        padding: 20px;
    }
    .aboutright h3 {
        color: var(--theme-color) !important;
        font-weight: 700;
           font-size: 48px !important;
    letter-spacing: 1px;
    font-family: 'PopBold';
    }
    .range p {
        padding-top: 10px;
        padding-bottom: 0px;
        font-size: 1em;
    }
    .col-md-6.sanitary h3 {
        color: #fff !important;
    }
    .col-md-6.sanitary p {
        color: #fff !important;
    }

    .address {
        margin-top: 22em;
    }
    .address-info {
        background: #f7f7f7;
        border: 1px solid #a0a0a0;
        padding: 2em 1em;
        height: 100%;
    }
    .address-right h6 {
        font-size: 1em;
        color: #414346;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
    }

    .form_input {
        padding: 20px;
        background: var(--theme-color);
        border-radius: 10px;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }
    .text_contact_form h2 {
        font-weight: 700;
        background: #ffffff29;
        padding: 10px 20px;
        display: inline-block;
        border-radius: 6px;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }
    .text_contact_form {
        text-align: center;
    }
    .form_in {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .fields {
        width: calc(50% - 10px);
        margin-bottom: 20px;
    }
    .fields label, .fields_area label {
        display: block;
        padding-bottom: 10px;
        color: #fff;
        font-weight: 700;
    }
    .fields input {
        width: 100%;
        outline: none;
        padding: 10px;
    }
    .fields_area {
        width: 100%;
    }
    .fields_area textarea {
        width: 100%;
        height: 120px;
    }
    .button_query {
        text-align: center;
        margin: 30px 0;
    }
    .button_query button {
        border: 2px solid #fff;
        background: none;
        color: #fff;
        width: 200px;
        padding: 10px 0;
        border-radius: 8px;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }

    .address-info {background-color: var(--theme-text);}
    .col-xl-4.address-grid:nth-child(2) .address-info {background-color: var(--theme-blue);}
    .col-xl-4.address-grid:nth-child(3) .address-info {background-color: var(--theme-skblue);}
    .address-info h6{color: #fff !important; font-family: PopBold;}
    .address-info p{color: #fff !important; font-family: PopBold;}
    .address-info p a{color: #fff !important; font-family: PopBold;}
    .address-info i{font-size: 50px; color: #fff;}

    .divImage a {
        height: 310px;
        width: 100%;
        display: block;
     
        border-radius: 10px;
        margin-bottom: 20px;
    
        overflow: hidden;
    }

    .divImage a img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
   

    .productwrapper .producttitle{
        padding-top: 10px;
    }

    a.btn.btn-detailprod {
        background: var(--theme-color);
        color: #fff !important;
        margin-top: auto;
    }

    .productwrapper {
        text-align: center;
        border: 1px solid var(--theme-text);
        padding: 15px 10px;
        border-radius: 10px;
    
        margin-bottom: 25px;
        height: calc(100% - 10px);
    }
.producttitleandbtn {
    display: flex
;
    flex-direction: column;
    height: calc(100% - 310px);
}
    .productwrapper .producttitle h4{font-size: 14px; font-weight: 800;}
    .tabs .nav-link{
        border: 1px solid var(--theme-color)  !important;
    }
    .tabs .nav-link.active{
        background: var(--theme-color) !important;
        color: #fff !important;
    }
    #myTabContent{margin-top: 20px !important;}

    .btn-productdetail{margin-top: 40px; background: var(--theme-color) !important; color: #fff !important;}
    .product-detail-title{
        margin-bottom: 10px;
        font-family: PopBold;
    }
    .product-detail-title h3{
        margin-bottom: 10px;
        font-family: PopBold;
    }
    .product-detail-img {
        border-radius: 20px;
        overflow: hidden;
        border: 1px solid var(--theme-skblue);
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
        .productdetaildesc {
            height: 100%;
            /*border: 1px solid var(--theme-skblue);*/
            padding: 20px;
            border-radius: 20px;
            /*box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;*/
            padding-top: 0;
        }

        .dropdown {
            display: flex;
            justify-content: center;
            align-items: center;
            color: #fff;
           
           
            position: relative;
            font-size: 18px;
            perspective: 1000px;
            z-index: 100;
          }
          .dropdown:hover {
         
            cursor: pointer;
          }
          .dropdown:hover .dropdown_menu li {
            display: block;
          }
          .dropdown_menu {
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            perspective: 1000px;
            z-index: -1;
            width: 200px !important;
          }
          .dropdown_menu li a{color: #fff !important;}
          .dropdown_menu li {
            display: none;
            color: #fff;
            background-color: var(--theme-text);
            padding: 10px 20px;
            font-size: 16px;
            opacity: 0;
            border-bottom: 1px solid #ddd;
          }
          .dropdown_menu li:hover {
            background-color: var(--theme-color);
          }
          .dropdown:hover .dropdown_menu--animated {
            display: block;
          }
          .dropdown_menu--animated {
            display: none;
          }
          .dropdown_menu--animated li {
            display: block;
            opacity: 1;
          }
          .dropdown_menu-9 {
            animation: growOut 300ms ease-in-out forwards;
            transform-origin: top center;
          }

          @keyframes growOut {
            0% {
              transform: scale(0);
            }
            80% {
              transform: scale(1.1);
            }
            100% {
              transform: scale(1);
            }
          }

          .responsiveicon span{width: 40px; height: 3px; background-color: #fff; margin-bottom: 10px; display: block; position: relative; transition: 0.2s ease;}
          .responsiveicon{display: inline-block; padding: 10px;}
          .responsiveicon span:last-child{margin-bottom: 0;}
          .activemenu .responsiveicon span:first-child{
            transform: rotate(-45deg);
            top: 13px;
          }
          .activemenu .responsiveicon span:last-child{
            transform: rotate(45deg);
            top: -13px;
          }
          .activemenu .responsiveicon span:nth-child(2){
            opacity: 0;
          }
          .responsiveicon{display: none;}
          
          .searchpostcontainer {
    position: fixed;
    width: 100%;
    background: rgba(0, 0, 0, .9);
    height: 100%;
    z-index: 12345;
    display: none;
    top: 0;
}
.searchpostcontainer.activesearch{display: block;}
.searchpostinner .closemodal {
    position: absolute;
    right: 35px;
    top: 10px;
    cursor: pointer;
}
.searchpostinner .closemodal span {
    color: #fff;
    font-size: 35px;
}
.searchpostform {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    flex-direction: column;
}
.searchpostform form {
    width: 80%;
}
.searchpostform input {
    width: 100%;
    padding: 20px;
    outline: 0;
    border: 1px solid #ddd;
    border-radius: 50px;
}
.searchedtext {
    width: 75%;
    background-color: #fff;
    padding-left: 0;
}

.imgflexsearch img {
    width: 60px;
    height: 60px;
    border-radius: 10px;
}
.searchedtext li {
    list-style: none;
    border-bottom: 1px solid #ddd;
}
.searchitems {
    padding: 8px;
}
.searchitemflex {
    display: flex;
}
.page .question a, .searchTextanddate {
    margin-left: 10px;
}
.titleblogsearch h6 {
    margin: 0 0 6px;
}
.Search_Results {
    text-align: center;
    padding: 10px;
    background: var(--theme-color);
    color: #fff !important;
    display: block;
    margin: 20px;
}
          
.dropdown_item-1{position: relative;}
.nexteddropdown{left: 100%;}

.dropdown_item-1:hover .nexteddropdown{
display: block;
}
.nexteddropdown{ position: absolute;
    top: 0;
    left: 100%; /* Position it to the right of the parent menu */
    display: none; width: 200px;}
    
    .imagelatestproduct{height:100%}
    .imagelatestproduct img{height:100%; object-fit:cover}

.iconsftr-contacts{bottom: 20px; right: 20px; z-index: 999999;}    
.iconsftr-contacts a{display: grid; place-items: center; width: 50px; height:50px; border: 1px solid #fff; margin-bottom: 10px !important; border-radius: 50%;}
.iconsftr-contacts a i{font-size: 25px; color: #fff;}
.emailico{background: var(--theme-blue);}
.instagramico{background: var(--theme-color);}
.whatsappico{background: #2db742;}
.imgchart {
    width: 100%;
    max-width: 250px;
    cursor: pointer;
    text-align: center;
}

.new_price{
    font-size: 40px;
    font-weight: 600;
    color: var(--theme-color);
    margin-left: 10px;
}
.old_price{
    font-size: 20px;
    font-weight: 600;
    text-decoration: line-through;
    margin-left: 20px;
}

.modal {
  display: none;
  position: fixed;
  z-index: 9999;
  padding-top: 50px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.8);
}

/* Modal image */
.modal-content {
  margin: auto;
  display: block;
  max-width: 90%;
  max-height: auto;
  border-radius: 8px;
}

/* Close button */
.close {
  position: absolute;
  top: 30px;
  right: 45px;
  color: white;
  font-size: 40px;
  font-weight: bold;
  cursor: pointer;
  z-index: 10000;
}
          
          @media screen and (max-width:1200px){
            .divImage a{height: 200px;}
            .block{margin-bottom: 20px;}
          }

          @media screen and (max-width:1024px){
            .responsivemenubar ul.nav-list{flex-direction: column; align-items: flex-start !important;}
            .responsivemenubar{
                position: fixed; top: 0; bottom: 0; background: var(--theme-skblue); width: 280px; left: 0; z-index: 999; padding: 20px;
                transition: 0.2s ease;
        transform: translate(-100%);
            }
            .responsiveicon{display: inline-block;}
            .responsivemenubar ul.nav-list li {
                padding: 10px 0;
                width: 100%;
                text-align: left;
            }
            .responsivemenubar ul.nav-list li a{
               color: #fff !important
            }
            .dropdown{display: block;}
            .searchblogsifrainternational{margin-top: 20px;}
            .dropdown_menu{width: 100% !important;}
            .activemenu .responsivemenubar{transform: translate(0);}
            .responsiveicon{margin-top: 0;}
         }

         @media screen and (max-width:991px){
          
            .mySwiperText h3{font-size: 28px !important;}
            .heading h3 {font-size: 25px !important;}
             .aboutimgres{
        display: block;
    }
    .aboutimg{
        display: none;
    }

    .sectionmoreabout .row{
        flex-direction: column-reverse;
    }
    .moreboutfirst{
        padding-top: 0;
    }
         }
        
@media screen and (max-width:767px){
    .hideonresponsive{display:none}
    .brand h3 {
        font-weight: 800;
        font-size: 22px !important;
    }
    .banner{padding: 0; clip-path: none;}
    .bannerSlider .row{flex-direction: column-reverse; }
    .swiperBanner {
                margin-bottom: 20px;
        background: #f3ab35;
    }
    .banner {
        padding: 30px 10px;
        clip-path: none;
        overflow: hidden;
    }

    .flexboxes{flex-direction: column;}
    .flexboxes .box{ width: 100%; }
    .p-5.expboxes{padding: 2rem 0 !important; }  
    .aboutsectionimage::after{display: none;}
    .aboutsectionimage{padding: 0; margin-top: 20px;}
    .rowcfs{margin: 0; width: 100%;}
    .headingcontactinfocfs{margin-bottom: 25px;}
    .textlatestproduct h5 {font-size: 18px;}
    .textlatestproduct {
        
        width: 100%;
        height: 100%;
        
        border-bottom-left-radius: 0;
        
    }
    .textlatestproduct {padding: 8px;}
    .textlatestproduct .productdesc {
        padding: 5px 0;
    }
    .aboutright{margin-top: 20px !important; margin-bottom: 20px !important;}
        .aboutright h3 {
        font-size: 38px !important;
    }
    .col-md-6.diapers{border-left: 1px solid;}
    .divImage a{
       width: 220px;
       margin: auto;
       height: 220px;
    }
    .productdetaildesc{border-radius: 0;}
    .product-detail-img{border-radius: 0; height: 300px;}
    .address-left.text-center{text-align: left !important; margin-bottom: 10px;}
     .textabout h3{
        font-size: 24px !important;
     }
   .servicetext h4{
    font-size: 14px;
   }
   .servicebox3{margin-top: 24px;}
   .servicesWrapper.p-4{
    padding: 0 !important;
   }
   .bannerSlider .row{
    flex-direction: column-reverse;
   }
       .bannerWrap {
        padding: 20px 10px 20px;
    }
    .buttonBanner{
        margin-bottom: 30px;
    }
 }

 @media screen and (max-width:480px){
    .swiper {
        width: 280px !important;
        height: 220px;
        position: absolute;
    }
    .divImage a{
        width: 240px;
        margin: auto;
     }
     .form_in{
        flex-direction: column;
     }
     .fields{width: 100%;}

     .textabout h3{
        font-size: 18px !important;
     }
     .brands{
        display: none;
     }
     .bannerWrap {
    padding: 10px; 
    }
    .heading h3:after{
        width: 120px;
    }
    .p-5.sectioncat{
        padding: 0 !important;
    }
    .firstbar {
    padding: 20px 0;
}
.textabout {
    padding: 40px 0px;
}
.logo {
    width: 195px;}
    .mySwiperText h3 p{
        width: 90%;
    }
        .mySwiperText h3 {
        font-size: 24px !important;
    }
 }

 @media screen and (max-width:380px){
    .swiper {
        width: 280px !important;
        height: 220px;
        position: absolute;
    }
   .topemailandphone .phone.mx-4{ margin-left: 10px !important; margin-right: 5px !important;}
   .socialicon .ms-2{margin-right: 10px !important;}
   .nexteddropdown{position:static}
 }