/*.back-color-base{*/
/*    background-image: url(../img/product-section-bg-img_1.jpg);*/
/*    background-size: cover ;*/
/*        background-position-y: -150px;*/
/*}*/

*, ::after, ::before {
    box-sizing: border-box;
    font-style: italic;
}
body {
    background: #eef1ef url(../img/bg.jpg) repeat left top;
    font-family: 'Neonderthaw Slab', Verdana, sans-serif;
    color: #141416;
    background-attachment: fixed;
    position: relative;
}

/* Black overlay */
body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* change 0.5 opacity as needed */
    pointer-events: none;
    z-index: 1;
}

body * {
    position: relative;
    z-index: 2;
}


@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600&family=Neonderthaw:wght@300;400;500;900&display=swap");
.back-color-base .card{
    background: transparent;
}
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Neonderthaw:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Neonderthaw&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Neonderthaw:ital,wght@0,100..900;1,100..900&display=swap');
.__cate-item a p{
    font-weight: bold;
}

/*.__inline-61{*/
/*    overflow: hidden;*/
/*}*/

.back-color-base .card{
    background: transparent;
}

.back-color-base .__shadow{
    box-shadow: none;
}

.top-bar-back{
    background-color: var(--web-primary);
}
.topbar.top-bar-back a{
    color: #fff!important;
    font-size: 1rem;

}

.btn-more{
    background-color: #f4c340;
    color: #fff!important;
    padding: 0.5rem;
    border-radius: 10px;
    font-size: 0.8rem;
    font-weight: bolder;
    
}

.btn-more-2 {
    background-color: #f4c340;
    color: #fff !important;
    padding: 0.2rem 0.3rem;
    border-radius: 10px;
    font-size: 0.8rem;
    font-weight: bolder;
}

.off-top-above{
     display: flex;
    justify-content: center;
    align-items: center;
}

.banner-home-slider{
    position: relative;
    z-index: -1;
}
.off-top-above h6{
    color: #fff;
    margin-bottom : 0rem;
    margin-right: 1rem ;
    font-family: 'Neonderthaw', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  text-shadow: 2px 2px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.padding-section-cus{
    padding: 3rem 0;
}

.above-top{
    background-image: linear-gradient(#000000ed, #8ea1a7b5), url(../img/bg.jpg);
    padding: 0.5rem 0;
    background-size: cover;
    background-position-y: center;
    background-repeat: no-repeat;
}

.navbar-stuck-menu{
    background: #fff!important;
}

.top-nav-link .nav-link{
    color:#000!important;
}

.navbar-expand-md .navbar-nav .nav-item {
    font-size: 1rem;
    font-family: "Neonderthaw", serif !important;
}

.cate-link{
    /*padding: 1rem!important;*/
     font-family: "Neonderthaw", serif!important;
  font-weight: 400!important;
  font-style: normal!important;
  color: #fff!important;
  margin: 0 !important;
 text-shadow: 2px 2px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.cate-link-div {
     background-color: var(--web-primary);
}

.cate-link-after:after{
      color: #fff!important;
      text-shadow: 0px 4px 3px rgb(155 155 155 / 40%), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
}

.topbar-link i{
    margin-right: 0.5rem;
}


.about-us-home{
    
    color: #fff;
      background-image:linear-gradient(#00000054,#00000054),url(../img/abstract-textured-backgound.jpg);
       background-size: cover;
    background-position-y: center;
    background-repeat: no-repeat;
}

.about-us-home h4, .about-us-home h5 , .content-all h3{
    font-family: "Neonderthaw", serif!important;
  font-weight: 400!important;
  font-style: cursive!important;
  color: #fff!important;
}


 .content-text h3{
    font-family: "Neonderthaw", serif!important;
  font-weight: 400!important;
  font-style: cursive!important;
  color: var(--web-primary)!important;
}

.text-color-y {
    font-family: "Neonderthaw", serif !important;
    font-weight: 600 !important;
    font-style: italic !important;
    /* color: #f4c340; */
    font-size: 38px;
}


.text-color {
    font-family: "Neonderthaw", serif !important;
    font-weight: 600 !important;
    font-style: italic !important;
    color: var(--web-primary);
}

.padding-right-ab{
    padding-right: 1rem;
}

.padd-ab{
    padding: 0!important;
}

.categories-title span , .text-cat-name{
      font-family: "Neonderthaw", serif!important;
  font-weight: 400!important;
  font-style: normal!important;
  color: #fff;
  text-shadow: 2px 2px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.text-justify {
    text-align: justify !important;
    font-weight: 500;
    font-style: oblique;
    font-size: 15px;
}

.categories-title ,.padding-10-cat{
    /*padding: 0 10rem;*/
}

.content-all{
    background: url('../img/back-story.jpg');
    background-size: cover;
    padding: 6rem 0;
    overflow: hidden;
}

.content-all:before{
      content: "";
    background-image: url(../img/paint2.png);
    background-size: contain;
    position: absolute;
    width: 100%;
    height: 70px;
    z-index: 65;
    background-repeat: repeat-x;
    top: -10px;
}

.content-all:after{
     content: "";
    background-image: url(../img/paint.png);
    background-size: contain;
    position: absolute;
    width: 100%;
    height: 70px;
    z-index: 65;
    background-repeat: repeat-x;
    bottom: 0px;
}

.points-main{
    padding: 1rem 0 2rem;
    background: #fff;
}
.points-main-sub{
    text-align: center;
    padding: 2rem 0;
}
.points-main-sub h4{
    margin-bottom: 0rem!important;
      font-family: "Neonderthaw", serif!important;
  font-weight: 400!important;
  font-style: normal!important;
  color: var(--web-primary)!important;
}

.points-main-sub span img{
width: 70px;
 padding-bottom: 1rem;
}

.points-main-sub p{
    font-size: 1.1rem;
}

/*.content-all:before{*/
/*        content: "";*/
/*    background-image: url(../img/spice-content-back.jpg);*/
/*    width: 82px;*/
/*    height: 100%;*/
/*    position: absolute;*/
/*    z-index: 1;*/
/*    background-size: contain;*/
/*        top: -4px;*/
/*}*/


.__cate-item a  p{
    text-shadow: #fff8dcc7 6px -1px 5px;
}

/*.content-all:after{*/
/*   content: "";*/
/*    background-image: url(../img/spice-content-back.jpg);*/
/*    width: 82px;*/
/*    height: 100%;*/
/*    position: absolute;*/
/*    z-index: 1;*/
/*    top: -4px;*/
/*    right: 0;*/
/*    background-size: contain;*/
/*}*/


.content-image img{
        border-radius: 50px;
        width: 70%;
}

.content-text{
    text-align: justify;
}

.label{
       background-image: linear-gradient(#ffffff61, #ffffff61), url(../img/spice-bg-2.jpg);
    background-size: cover;
        padding: 3rem 0;
        overflow:hidden!important;
    /*filter: hue-rotate(-250deg);*/
}

.img-label{
    padding: 2.5rem;
}
.shipping {
    position: relative;
    PADDING: 9rem 0;
        overflow: hidden;
}

.shipping .img-label-1:before {
    content: '';
    position: absolute !important;
    right: -354px;
    width: 1000px;
    height: 515px;
    top: -234px;
    z-index: -1;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)), url(../img/back-ship.png) !important;
    background-size: cover;
    background-repeat: no-repeat;
}
@keyframes spin {
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

.widget-list-link {
    font-size: 1rem!important;
}

.footer-header{
    color:#e7eebe!important;
}
.shipping-content h3{
  font-family: "Neonderthaw", serif!important;
  font-weight: 400!important;
  font-style: normal!important;
  color:var(--web-primary) !important;
}
.shipping-content {
    text-align: justify;
}

.shipping-content{
    color: #000;
}

.product-price .text-accent{
    color: #fff!important;
}

.action-product-quick-view{
    color: #0d4a32!important;
}

.featured-product{
    background-image: url(../img/product-section-bg-img_1.jpg);
    background-size: cover;
    background-position-y: -80px;
    background-attachment: fixed;
    padding: 3.5rem;
}
.featured-product .__inline-62{
    background:none;
    box-shadow:none;
}

.text-font-1{
    font-family: 'Neonderthaw';
    font-size: 2rem;
    font-weight: 100;
    color: var(--web-primary);
}

.back-new-arr{
    background:var(--web-primary) !important;
    border-radius: 20px;
}

.text-color-light{
    color: #fff2db!important;
}
.best-sell-back{
    background-image: url('../img/back-latest.jpg');
    background-size: contain;
    padding: 3rem 0;
}


.card-font-size{
    font-size: 1.4rem;
}
.best-selling-details .widget-product-title span , .top-rated-details .widget-product-title span{
    font-size: 1.05rem;
}
.widget-product-title{
    margin-bottom: 0!important;
}

.img-cert{
    text-align:center   ;
}

.cert-padd{
    padding: 3rem 0;
}
.img-cert img{
      height: 300px;
}
.dark-overlay{
  position: relative;
  z-index: 1;
}
.dark-overlay::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.4);
  z-index: -1;
  -webkit-transition: background-color .3s;
  -o-transition: background-color .3s;
  transition: background-color .3s;
}
.dark-overlay.dark-overlay-2::before{
  background-color: rgba(0,0,0,.6);
}



.can-sticky + .subheader{
  padding: 280px 0 140px;
  position: relative;
}
.subheader{
  background-image: url(../img/subheader.jpg);
    background-size: cover;
    padding: 140px 0;
    background-position: center -200px;
}
.subheader .absolute-subheader{
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: -24%;
}

.subheader .absolute-subheader .subheader-inner{
  padding: 40px 0;
  background-color: #fff;
      box-shadow: 0px 0px 72px 18px rgb(255 216 216 / 33%);
    position: relative;
    border-radius: 1rem;
  overflow: hidden;
}
.subheader .absolute-subheader .subheader-inner img{
  position: absolute;
}
.subheader .absolute-subheader .subheader-inner .image-1{
    left: -20px;
    top: -65px;
    width: 20%;
    transform: rotate(45deg);

}
.subheader .absolute-subheader .subheader-inner .image-2{
      right: -20px;
    top: -65px;
    width: 20%;
    transform: rotate(4deg);
}
.subheader h1{
  color: var(--web-primary);
  text-align: center;
  font-family: 'Neonderthaw';
}
.breadcrumb {
  background-color: transparent;
  padding: 0;
  margin: 20px 0 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.breadcrumb li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 15px;
  margin: 0;
}
.breadcrumb-item.active{
  color: #ef1c26;
}
.breadcrumb li a {
  font-weight: 700;
  color: #000;
}
.breadcrumb li a:hover{
  color: #ef1c26;
}

.breadcrumb-item + .breadcrumb-item::before {
  color: #000;
}


.back-reco{
    position: relative;
}

.back-reco:before{
       content: '';
    position: absolute;
    top: 20rem;
    right: -7rem;
    background: url(../img/back-reco.png);
    background-size: cover;
    height: 350px;
    width: 350px;
    animation: rotateimg 10s linear infinite;
}



@keyframes rotateimg {
 0%{
    transform: rotate(0deg);
   }
100%{
    transform: rotate(360deg);
   }
}

.padding-inner{
    padding:7rem 0 3rem 0;
}


.padding-inner-1{
    padding :4rem 0;
}


.ct-info-box{
  display: block;
  background-color: #1e4c3791;
  padding: 20px;
  text-align: center;
  border-radius: 8px;
  margin-bottom: 30px;
}
.ct-info-box .ct-info-box-icon{
  width: 100%;
  height: 100%;
  padding: 20px;
  border-radius: 8px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.ct-info-box .ct-info-box-icon i{
  font-size: 40px;
  line-height: 1;
  margin-bottom: 15px;
  width: 80px;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  color: #fff;
  background-color: #0d4a3257;
}
.ct-info-box h5{
    font-family: "Neonderthaw", serif!important;
    color: #000;
  margin-bottom: 10px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.ct-info-box span{
  
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  color: #fff;
}

.padding-in-contact{
    padding: 1rem;
}

.card-body {
    padding: 1.25rem!important;
}

.card-body.for-send-message h2, .heading-gallery h2{
    font-family: "Neonderthaw", serif!important;
    color: var(--web-primary);
    font-weight: normal;
}

.heading-gallery{
    padding-bottom: 1rem;
}


.str-cap{
    border-radius: 20px;
    height: 100%;
    padding: 1rem;
    background: #dddddd78;
    text-align:center;
}

.str-cap img{
    margin-bottom: 0.5rem;
}
.str-cap h5{
    color: var(--web-primary);
    font-family :'Neonderthaw';
}

.str-cap h6{
    color: #000;
    font-family :'Neonderthaw';
    font-weight: 100;
}
.gallery-car .item img{
    border-radius: 20px
}

.str-cap .img-pack{
    display: inline-block;
    padding: 1rem;
    background: #fff;
    border-radius: 50%;
    border: 2px dashed;
    margin-bottom: 1rem;
}

.str-cap .img-pack img{
    width:90px;
    height: auto;
}

 .retail-packaging h2{
     text-align:center;
     color:var(--web-primary);
     font-family :'Neonderthaw';
    font-weight: 100;
 }
 
 .login-auth-back{
     background: url(../img/spice-bg-2.jpg);
     padding: 2rem 0;
 }
 
 .social-media-login-btn  {
     background-color: #fff!important;
    border: 1px solid #dae1e7!important;
 }
 
 .login-card{
     background:#fffffff5;
 }
 
 
 
 

/* ===================
about css 
====================== */

.about-area {
  position: relative;
  background:url('../img/about-back.jpg') ;
  background-size: cover;
  overflow: hidden;
}

.about-shape-1 {
    position: absolute;
    left: -69px;
    top: 0;
    width: 300px;
    opacity: .35;
}


.about-shape-2 {
    position: absolute;
    width: 450px;
    right: 0px;
    bottom: 0px;
    opacity: 0.35;
}
.about-left {
  position: relative;
  display: block;
  padding: 0rem;
  text-align: center;
 }

.about-img {
  position: relative;
 padding: 1rem;
 background: #fff;
     border-radius: 50%;
    border: 15px #fff solid;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
     animation: animName 40s linear infinite;
     width: 80%;
}

.about-img img {
  border-radius: 10px;
  filter: drop-shadow(-2px 3px 3px #000);
  padding:1.25rem;
}

.about-right {
  position: relative;
  display: block;
  padding-left: 30px;
}

.about-list-wrapper {
  position: relative;
  display: block;
  margin-top: 20px;
  margin-bottom: 10px;
}

.about-list {
  position: relative;
  display: block;
}

.about-list li {
  position: relative;
  padding-left: 25px;
  margin-top: 10px;
}

.about-list li::before {
  content: "\f00c";
  position: absolute;
  left: 0;
  top: 0;
  font-family: "Font Awesome 5 Pro";
  color: #C00A27;
}


@media only screen and  (max-width: 991px) {
  .about-right {
    margin-top: 80px;
  }
  
  .about-left {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.img-label{
    padding: 1rem!important;
}
    
  .page-footer .store-contents {
        margin-bottom: 20px;
    }

}
 @media only screen and  (max-width: 1149px) {
     .points-main-sub h4{
  font-size: 1.3rem!important;
}

 }
 @media only screen and  (max-width: 1180px) {
    .swiper {
        padding: 0 6rem !important;
    }
    .featured-product{
        padding: 3rem 0!important;
    }
}



 @media only screen and (max-width: 860px) {
    .swiper {
        padding: 0 0rem !important;
    }
}

 @media only screen and (max-width: 799px) {
    .swiper {
        padding: 0 3rem !important;
    }
      .subheader .absolute-subheader .subheader-inner h1{
         font-size: 2rem!important; 
     }
}

 @media only screen and (max-width: 767px) {
  .about-experience {
    left: -10px;
  }
     .points-main-sub h4 {
        font-size: 1.1rem !important;
    }
  
  
.about-img {
     width: 500px;
}
.__cate-item a p{
    font-size: 1.4rem !important;
    margin-bottom: 1.2rem;
    
}

.img-label{
    text-align: center!important;
}

.img-label img{
    max-width: 70%!important;
}

.points-main-sub{padding: 1rem 0!important}

.shipping .img-label-1:before {
    top: -200px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 1), rgb(255 255 255 / 62%)), url(../img/back-ship.png) !important;
}

.shipping {
    position: relative;
    PADDING: 0rem 0 10rem 0!important;
}

    .points-main-sub h4 {
        font-size: 1.2rem !important;
    }

.combined{
    font-size: 1.8rem;
}

.about-shape-2 {
    right: -134px;
    bottom: -107px;
}

.about-shape-1 {
    left: -117px;
}



.content-all:after{
    bottom: -9px!important;
}

.content-image img {
    width: 65%!important;
    margin-bottom: 3rem!important;
}


.padding-right-ab{
    padding-right: 0rem!important;
}


.__cate-item{
    padding-bottom: 2rem;
}

}


 @media only screen and (max-width: 690px) {
    .swiper {
        padding: 0 5rem!important;
    }
}




 @media only screen and (max-width: 600px) {
   
    .swiper {
        padding: 0!important;
    }
    
    .content-image img {
        width: 85% !important;
        margin-bottom: 3rem !important;
    }
        .points-main-sub h4 {
        font-size: 1rem !important;
    }
    
    .points-main-sub p {
    font-size: 0.9rem;
}

.featured-product .__inline-62{
    padding: 3rem 0!important;
}

    .img-label img {
        max-width: 85% !important;
    }
    
       .combined{
    font-size: 1.5rem;
}


.content-image img {
    width: 65%;
    margin-bottom: 3rem;
}

}




 @media only screen and (max-width: 400px) {
   .featured-product{
            padding: 0rem!important;
    }
}





@media only screen and  (min-width: 991px) {


.padd-ab{
    padding: 0 6rem 0 7rem;
}


.card-body{
    padding: 1.25rem !important;
}

.navbar-expand-md .navbar-collapse{
    justify-content: unset!important;
}

 .__cate-item{
     padding: 0rem!important;
     
 }
}

@media only screen and  (min-width: 768px) {
    
    .navbar-expand-md .navbar-nav .nav-link.category-menu-toggle-btn{
                padding-left: 1.125rem!important;
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 1rem!important;
         padding-left:0!important; 
    }
    .about-shape-2 {
    right: -100px;
    bottom: -100px;
}

.about-shape-1 {
  
    left: -112px;
    top: 0;
}
.navbar-expand-md .navbar-collapse{
    justify-content: space-between;
}

}

@media only screen and (min-width: 576px) {
    .about-shape-1{
    left: -150px;
    top: 0px;
    }
    .about-shape-2{
    right: -190px;
    bottom: -100px;
    }
 
.padding-right-ab{
    padding-right: 0rem!important;
}



}

@keyframes animName {
 0%{
    transform: rotate(0deg);
   }
100%{
    transform: rotate(360deg);
   }
}



.sec-rot{
    background: url('../img/spice-bg-2.jpg');
    background-size: cover;
}

    .sec-rot section{
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 2rem;
      text-align: center;
      position: relative;
      overflow: hidden;
      transition: background-color 0.1s linear;
    }
    
    .scroll-text {
      color: white;
      transition: transform 0.8s linear;
      will-change: transform;
    }
.section-3 .scroll-text img{
    width: 900px;
        border-radius: 50%;
}

.back-color-base {
    background-image: linear-gradient(#000000bd, #c7c7c77a), url(../img/spices-back1.jpg);
    background-attachment: fixed;
    background-size: cover;
    padding: 3rem 0;
    position: relative;
}

.playbtn {
    position: relative;
    display: inline-block;
    padding: 15px 25px;
    color: #0d4a32;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.5s;
    font-weight: 600;
    letter-spacing: 0px;
    overflow: hidden;
}
.playbtn:hover {
  background: #f4c340;
  color: #000000;
  box-shadow: 0 0 5px #f4c340, 0 0 25px #f4c340, 0 0 50px #f4c340, 0 0 200px #f4c340;
  -webkit-box-reflect: below 1px linear-gradient(transparent, #0005);
}

.playbtn span {
  position: absolute;
  display: block;
}

.playbtn span:nth-child(1) {
  top: 0;
  left: 0;
  width: 100%;
  height: 10px;
  background: linear-gradient(90deg, transparent, #f4c340);
  animation: animate1 1s linear infinite;
}

@keyframes animate1 {
  0% {
    left: -100%;
  }
  50%,
  100% {
    left: 100%;
  }
}

.playbtn span:nth-child(2) {
  top: -100%;
  right: 0;
  width: 10px;
  height: 100%;
  background: linear-gradient(180deg, transparent, #f4c340);
  animation: animate2 1s linear infinite;
  animation-delay: 0.25s;
}

@keyframes animate2 {
  0% {
    top: -100%;
  }
  50%,
  100% {
    top: 100%;
  }
}

.playbtn span:nth-child(3) {
  bottom: 0;
  right: 0;
  width: 100%;
  height: 10px;
  background: linear-gradient(270deg, transparent, #f4c340);
  animation: animate3 1s linear infinite;
  animation-delay: 0.5s;
}

@keyframes animate3 {
  0% {
    right: -100%;
  }
  50%,
  100% {
    right: 100%;
  }
}

.playbtn span:nth-child(4) {
  bottom: -100%;
  left: 0;
  width: 10px;
  height: 100%;
  background: linear-gradient(360deg, transparent, #f4c340);
  animation: animate4 1s linear infinite;
  animation-delay: 0.75s;
}

@keyframes animate4 {
  0% {
    bottom: -100%;
  }
  50%,
  100% {
    bottom: 100%;
  }
}



main {
  position: relative;
  width: calc(min(90rem, 90%));
  margin: 0 auto;
  padding: 3rem 0;
  column-gap: 3rem;
}

.bg {
  position: fixed;
  top: -4rem;
  left: -12rem;
  z-index: -1;
  opacity: 0;
}

.bg2 {
  position: fixed;
  bottom: -2rem;
  right: -3rem;
  z-index: -1;
  width: 9.375rem;
  opacity: 0;
}

main > div span {
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 1rem;
  color: #717171;
}

main > div h1 {
  text-transform: capitalize;
  letter-spacing: 0.8px;
  font-family: "Neonderthaw", sans-serif;
  font-weight: 900;
  font-size: clamp(3.4375rem, 3.25rem + 0.75vw, 4rem);
  background-color: #005baa;
  background-image: linear-gradient(45deg, #005baa, #000000);
  background-size: 100%;
  background-repeat: repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
}

main > div hr {
  display: block;
  background: #005baa;
  height: 0.25rem;
  width: 6.25rem;
  border: none;
  margin: 1.125rem 0 1.875rem 0;
}

main > div p {
  line-height: 1.6;
}

main a {
 display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 500;
    background: #0d4a32;
    border-radius: 3.125rem;
    transition: 0.3s ease-in-out;
}

main > div > a {
  border: 2px solid #c2c2c2;
  margin-top: 2.188rem;
  padding: 0.625rem 1.875rem;
}

main > div > a:hover {
  border: 0.125rem solid #005baa;
  color: #005baa;
}

.swiper {
  width: 100%;
      padding: 0 10rem;
}

.swiper-pagination-bullet,
.swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination {
  bottom: 1.25rem !important;
}

.swiper-slide {
  width: 18.75rem;
  height: 28.125rem;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: self-start;
}

.swiper-slide h2 {
  color: #fff;
  font-family: "Neonderthaw", sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.4;
  margin-bottom: 0.625rem;
  padding: 0 0 0 1.563rem;
  text-transform: uppercase;
}

.swiper-slide p {
  color: #dadada;
  font-family: "Neonderthaw", sans-serif;
  font-weight: 300;
  padding: 0 1.563rem;
  line-height: 1.6;
  font-size: 0.75rem;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.swiper-slide a {
  margin: 1.25rem 1.563rem 3.438rem 1.563rem;
  padding: 0.438em 1.875rem;
  font-size: 0.9rem;
}

.swiper-slide a:hover {
  color: #005baa;
}

.swiper-slide div {
  display: none;
  opacity: 0;
  padding-bottom: 0.625rem;
}

.swiper-slide-active div {
  display: block;
  opacity: 1;
}

.swiper-slide--one {
  background:
    url("../img/Chilli.png")
      no-repeat 50% 50% / cover;
}

.swiper-slide--two {
  background: 
    url("../img/Haldi.png")
      no-repeat 50% 50% / cover;
}

.swiper-slide--three {
  background: 
    url("../img/Dhania.png")
      no-repeat 50% 50% / cover;
}

/*.swiper-slide--four {*/
/*  background: linear-gradient(to top, #0f2027, #203a4300, #2c536400),*/
/*    url("https://images.unsplash.com/photo-1598977123118-4e30ba3c4f5b?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80")*/
/*      no-repeat 50% 50% / cover;*/
/*}*/

/*.swiper-slide--five {*/
/*  background: linear-gradient(to top, #0f2027, #203a4300, #2c536400),*/
/*    url("https://images.unsplash.com/photo-1570481662006-a3a1374699e8?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=765&q=80")*/
/*      no-repeat 50% 50% / cover;*/
/*}*/

.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right {
  background-image: none;
}

@media screen and (min-width: 48rem) {
  main {
    display: flex;
    align-items: center;
  }
  .bg,
  .bg2 {
    opacity: 0.1;
  }
}


.banner-z-minus{
    position: relative;
    z-index: -1;
   overflow: hidden;
}


        
        .pos-r {
            padding:1rem 0 5rem 0;
            position: relative;
        }
        
        .pos-r-1{
           text-align: center;
            padding:5rem 0;
        }
     
        .title-effect {
            width: 50px;
            height: 50px;
            top: 0;
            position: absolute;
            left: 0;
            opacity: 0.5;
            animation: rotation 12.8s steps(1) 0s infinite;
        }
        
        .text-center .title-effect {
            left: 50%;
            margin-left: -25px;
        }
        
        .text-center .section-title h6 {
            padding: 15px 0;
        }
        
        .title-effect .bar {
            background: var(--web-primary);
        }
        
        .title-effect .bar-top {
            width: 100%;
            height: 7px;
            position: absolute;
            top: 0;
            left: 0;
            transform-origin: left top;
            transform: scale(0, 1);
            animation: bar-top 3.2s linear 0s infinite;
        }
        
        .title-effect .bar-right {
            width: 7px;
            height: 100%;
            position: absolute;
            top: 0;
            right: 0;
            transform-origin: left top;
            transform: scale(1, 0);
            animation: bar-right 3.2s linear 0s infinite;
        }
        
        .title-effect .bar-bottom {
            width: 100%;
            height: 7px;
            position: absolute;
            right: 0;
            bottom: 0;
            transform-origin: right top;
            transform: scale(0, 1);
            animation: bar-bottom 3.2s linear 0s infinite;
        }
        
        .title-effect .bar-left {
            width: 7px;
            height: 100%;
            position: absolute;
            left: 0;
            bottom: 0;
            transform-origin: left bottom;
            transform: scale(1, 0);
            animation: bar-left 3.2s linear 0s infinite;
        }
        
        .title {
            position: relative;
            color: #1c1d3e;
            margin-bottom: 0;
        }
        
        .section-title h2 {
            margin-bottom: 15px;
        }
        /* ------------------------
            How It Work
        ------------------------*/
        
        .work-process {
            position: relative;
        }
        
        .step-num {
            background: #fff;
            border-radius: 50%;
            box-shadow: 0 12px 20px 0 #0d4a3236;
            color: var(--web-primary);
            display: inline-block;
            font-size: 18px;
            font-weight: 600;
            height: 50px;
            right: 0;
            line-height: 55px;
            position: absolute;
            text-align: center;
            top: 0;
            width: 50px;
        }
        
        .theme-bg .work-process h4,
        .theme-bg .work-process p {
            color: #ffffff;
        }
        
        .step-icon {
            background: #ffffff;
            width: 140px;
            height: 140px;
            position: relative;
            border: 3px solid #fafaff;
            border-radius: 50%;
            line-height: 140px;
            font-size: 40px;
            text-align: center;
            color: var(--web-primary);
            box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
        }
        
        .step-icon span {
            position: relative;
        }
        
        .step-icon span::after,
        .step-icon span::before {
            border-radius: 50%;
            content: "";
            height: 40px;
            position: absolute;
            width: 40px;
            z-index: -1;
        }
        
        .step-icon span::after {
            background: #cdf3f6;
            height: 25px;
            left: -10px;
            top: 5px;
            width: 25px;
        }
        
        .step-icon span::before {
            background: #d4f8e6;
            bottom: 0;
            right: -10px;
        }
        
        .dark-bg .step-icon {
            color: rgba(255, 255, 255, 0.9);
            background: none;
        }
        
        .dark-bg .step-desc h4 {
            color: #2575fc;
        }
        
        .dark-bg .step-icon {
            border-color: rgba(255, 255, 255, 0.1);
        }
        
        .dark-bg .step-desc p {
            color: rgba(255, 255, 255, 0.7);
        }
        
        .step-num-box {
            position: relative;
            display: inline-block;
            margin-bottom: 20px;
        }
        
        .work-process .box-loader {
            position: absolute;
            top: 30%;
            right: -15%;
            left: inherit;
        }
        
        .work-process.style-2 {
            padding: 0;
            display: flex;
            align-items: center;
        }
        
        .work-process.style-2:before {
            display: none;
        }
        
        .work-process.style-2 .step-num-box {
            margin-bottom: 0;
            margin-right: 30px;
        }
        
        .work-process.style-3 {
            padding: 70px 30px 0;
        }
        
        .work-process.style-3 .step-num {
            background: none;
            box-shadow: none;
            color: rgba(255, 255, 255, 0.1);
            font-size: 120px;
            height: auto;
            left: 50%;
            line-height: 120px;
            margin-bottom: 0;
            position: absolute;
            top: 0;
            transform: translateX(-50%);
            width: auto;
        }
        
        #svg-container {
            position: absolute;
            width: 100%;
            left: 52%;
            z-index: -1;
            transform: translateX(-50%);
            width: 75%;
        }
        
        #svgC {
            margin: 0 auto;
            width: 100%;
        }
        /* ------------------------
            box-loader
        ------------------------*/
        
        .box-loader {
            border-radius: 100%;
            margin: 0 auto;
            position: absolute;
            top: 15px;
            left: 15px;
        }
        
        .box-loader span {
            display: inline-block;
            width: 10px;
            height: 10px;
            border-radius: 100%;
            background: var(--web-primary);
            margin: 0 5px;
            opacity: 0;
        }
        
        .box-loader span:nth-child(1) {
            animation: opacitychange 1s ease-in-out infinite;
        }
        
        .box-loader span:nth-child(2) {
            animation: opacitychange 1s ease-in-out 0.33s infinite;
        }
        
        .box-loader span:nth-child(3) {
            animation: opacitychange 1s ease-in-out 0.66s infinite;
        }
        /*--rotation--*/
        
        @keyframes rotation {
            0% {
                transform: rotate(0deg);
            }
            25% {
                transform: rotate(90deg);
            }
            50% {
                transform: rotate(180deg);
            }
            75% {
                transform: rotate(270deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }
        
        @keyframes bar-top {
            0% {
                transform: scale(0, 1);
            }
            12.5% {
                transform: scale(1, 1);
            }
            87.5% {
                transform: scale(1, 1);
            }
            100% {
                transform: scale(0, 1);
            }
        }
        
        @keyframes bar-right {
            0% {
                transform: scale(1, 0);
            }
            12.5% {
                transform: scale(1, 0);
            }
            25% {
                transform: scale(1, 1);
            }
            75% {
                transform: scale(1, 1);
            }
            87.5% {
                transform: scale(1, 0);
            }
            100% {
                transform: scale(1, 0);
            }
        }
        
        @keyframes bar-bottom {
            0% {
                transform: scale(0, 1);
            }
            25% {
                transform: scale(0, 1);
            }
            37.5% {
                transform: scale(1, 1);
            }
            62.5% {
                transform: scale(1, 1);
            }
            75% {
                transform: scale(0, 1);
            }
            100% {
                transform: scale(0, 1);
            }
        }
        
        @keyframes bar-left {
            0% {
                transform: scale(1, 0);
            }
            37.5% {
                transform: scale(1, 0);
            }
            50% {
                transform: scale(1, 1);
            }
            62.5% {
                transform: scale(1, 0);
            }
            100% {
                transform: scale(1, 0);
            }
        }
        /*--opacitychange--*/
        
        @keyframes opacitychange {
            0%,
            100% {
                opacity: 0;
            }
            60% {
                opacity: 1;
            }
        }
        /* responsive */
        
        @media (max-width: 1200px) {
            #svg-container {
                width: 85%;
            }
        }
        
        @media (max-width: 768px) {
            .md-mt-5 {
                margin-top: 50px !important;
            }
            /*Step*/
            .work-process .box-loader {
                display: none;
            }
            .step-desc p {
                max-width: 300px;
                margin: 0 auto;
            }
            #svg-container {
                width: 100%;
                transform: rotate(90deg);
                left: 0;
                top: 50%;
            }
            
            .text-private{
                margin-bottom: 1rem;
            }
            
            .about-area{
                z-index: -1!important;
            }
        }
.table-padding{
    overflow-x:hidden;
    padding-top: 5rem;
}
.private-label{
    padding: 4rem 0;
        background: url(../img/bg.jpg);
    background-size: cover;
}

.text-private{
     background: #f3f3f3;
    padding: 2rem;
    align-items: center;
    /*outline: 5px solid #0d4a32;*/
    /*outline-offset: 9px;*/
}



.white-fade::before {
  display: block;
  position: relative;
  background-image:linear-gradient(to top, rgb(255 255 255 / 0%) 0, #ffffffb8 100%);
  margin-bottom: -150px;
  height: 150px;
  width: 100%;
  content: '';
}
.white-fade::after {
  display: block;
  position: relative;
  background-image:linear-gradient(to bottom, rgb(255 255 255 / 0%) 0, #ffffffb8 100%);
  margin-top: -150px;
  height: 150px;
  width: 100%;
  content: '';
}

.banner-mini-back{
    padding: 0!important;
}

.table-padding{
    padding: 3rem 0;
}

.box-shadow {
  border-radius: 5px;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.single-client{
    padding: 1rem;
}

.inner-products-padding-page{
    padding: 5rem 0 2rem;
}


.nav-tabs {
    padding-bottom: 1rem;
}

.about-padding-page{
    padding: 2.5rem 0;
}

.about-us-image{
    padding: 2rem 0;
    text-align:center;
  
}


.about-us-image p{
      font-weight: bolder;
    font-size: 1.1rem;
    padding-top: 0.5rem;
}

.about-us-image img {
    border-radius: 20px;
}


:root {
            --color-text: navy;
            --color-bg: papayawhip;
            --color-bg-accent: #ecdcc0;
            --size: clamp(10rem, 1rem + 40vmin, 30rem);
            --gap: calc(var(--size) / 14);
            --duration: 60s;
            --scroll-start: 0;
            --scroll-end: calc(-100% - var(--gap));
        }
        
        @media (prefers-color-scheme: dark) {
             :root {
                --color-text: papayawhip;
                --color-bg: navy;
                --color-bg-accent: #2626a0;
            }
        }
        
        .marquee {
           display: flex;
    overflow: hidden;
    user-select: none;
    padding: 1rem 0 3rem!important;
            gap: var(--gap);
            mask-image: linear-gradient( var(--mask-direction, to right), hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 20%, hsl(0 0% 0% / 1) 80%, hsl(0 0% 0% / 0));
        }
        
        .marquee-1{
           display: flex;
    overflow: hidden;
    user-select: none;
    padding:1rem 0 3rem!important;
    gap: var(--gap);
    mask-image: linear-gradient(var(--mask-direction, to right), hsl(227.03deg 78.72% 9.22%), hsl(0 0% 0% / 1) 20%, hsl(0 0% 0% / 1) 80%, hsl(226.29deg 81.4% 8.43%));
        }
        
        .marquee__group {
            flex-shrink: 0;
            display: flex;
            align-items: center;
            justify-content: space-around;
            gap: var(--gap);
            padding: 0;
            min-width: 100%;
            animation: scroll-x var(--duration) linear infinite;
        }
        
        @media (prefers-reduced-motion: reduce) {
            .marquee__group {
                animation-play-state: paused;
            }
        }
        
        .marquee--vertical {
            --mask-direction: to bottom;
        }
        
        .marquee--vertical,
        .marquee--vertical .marquee__group {
            flex-direction: column;
        }
        
        .marquee--vertical .marquee__group {
            animation-name: scroll-y;
        }
        
        .marquee--reverse .marquee__group {
            animation-direction: reverse;
            animation-delay: -3s;
        }
        
        @keyframes scroll-x {
            from {
                transform: translateX(var(--scroll-start));
            }
            to {
                transform: translateX(var(--scroll-end));
            }
        }
        
        @keyframes scroll-y {
            from {
                transform: translateY(var(--scroll-start));
            }
            to {
                transform: translateY(var(--scroll-end));
            }
        }
        /* Element styles */
        
        .marquee svg {
            display: grid;
            place-items: center;
            width: var(--size);
            fill: var(--color-text);
            background: var(--color-bg-accent);
            aspect-ratio: 16/9;
            padding: calc(var(--size) / 10);
            border-radius: 0.5rem;
        }
        
        .marquee--vertical svg {
            aspect-ratio: 1;
            width: calc(var(--size) / 1.5);
            padding: calc(var(--size) / 6);
        }
        /* Element styles */
        
        .marquee svg {
            display: grid;
            place-items: center;
            width: var(--size);
            fill: var(--color-text);
            background: var(--color-bg-accent);
            aspect-ratio: 16/9;
            padding: calc(var(--size) / 10);
            border-radius: 0.5rem;
        }
        
        .marquee--vertical svg {
            aspect-ratio: 1;
            width: calc(var(--size) / 1.5);
            padding: calc(var(--size) / 6);
        }

 .marquee-wrapper {
        /* background: #2F394C; */
        text-align: center;
    }
    
    .marquee-wrapper .container {
        overflow: hidden;
    }
    
    .marquee-inner span {
        float: left;
        width: 44%;
    }
    
    .marquee-wrapper .marquee-block {
        --total-marquee-items: 5;
        height: 190px;
        width: calc(250px * (var(--total-marquee-items)));
        overflow: hidden;
        box-sizing: border-box;
        position: relative;
        margin: -25px auto;
        /* background: #1B2531; */
        padding: 30px 0;
    }
    
    .marquee-inner {
        display: block;
        width: 200%;
        position: absolute;
    }
    
    .marquee-inner p {
        font-weight: 800;
        font-size: 30px;
        font-family: cursive;
    }
    
    .marquee-inner.to-left {
        animation: marqueeLeft 25s linear infinite;
    }
    
    .marquee-inner.to-right {
        animation: marqueeRight 25s linear infinite;
    }
    
    .marquee-item {
        width: 200px;
        height: auto;
        display: inline-block;
        margin: 0 10px;
        float: left;
        transition: all .2s ease-out;
        /* background: #00cc00; */
    }
    
    @keyframes marqueeLeft {
        0% {
            left: 0;
        }
        100% {
            left: -100%;
        }
    }
    
    @keyframes marqueeRight {
        0% {
            left: -100%;
        }
        100% {
            left: 0;
        }
    }
    
    .partner-back{
        padding-top: 1.5rem;
      
    }
    
 
    
    .partnerl:hover {
    border-radius: 25px;
    background-color: #fff;
    -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    transition: transform 1.2s;
}
.partnerl {
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 12px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}


/**/

#region-tab-section button {
    padding: 12px 20px;
}
.region-tab {
    padding: 10px 18px;
    background: #0b5734;
    border: 2px solid #fff;
    border-radius: 8px;
    font-weight: 700;
    cursor: pointer;
}
.region-tab.active {
    background: #aad24a;
    color: #0b5734;
    border-color: #aad24a;
}

/* Pins */
.pin {
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    cursor: pointer;
    transform: translate(-50%, -50%);
}
.pin.corporate { background: #26c3ff; }
.pin.culinary { background: #ffb300; }
.pin.manufacturing { background: #a5d200; }

/* Legend */
.legend { display: flex; align-items: center; font-size: 15px; }
.legend .dot {
    width: 14px; height: 14px; border-radius: 50%; margin-right: 6px;
}
.dot.corporate { background: #26c3ff; }
.dot.culinary { background: #ffb300; }
.dot.manufacturing { background: #a5d200; }