.breadcrumb-sec {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2; 
    background: rgba(0, 0, 0, 0.3);
}
.greenpartHeading h1{
      color: #ffffff;
    font-family: 'PoppinsExtraBold';
    /* font-size: 60px; */
     font-size: clamp(24px, calc(45px + 1vw), 50px);
    font-weight: 800;
}
.greenpartHeading p{
      color: #ffffff;
     font-family: 'PoppinsRegular';
    font-size: 24px;
    font-weight: 700;
}
.topGreenBg {
    background-image: url('../images/topgrrenHeader.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.ingredientsheading {
    font-family: 'PoppinsExtraBold';
    font-size: clamp(28px, calc(20px + 1vw), 48px);
}
.madeSugar{
    color: #37B34A;
    font-size: 18px;
       font-family: 'PoppinsBold';
}
.naturagreen-title span{
  color: #98BC00;
}
.dlite-title span{
  color: #6A3022;
}
.bluetitle span{
  color: #0061AF;
}
.greentitle span{
  color: #12824c;
}
.dlite_swiperPagination .swiper-pagination-bullet{
  background: #6a3022;
}
.blue_swiperPagination .swiper-pagination-bullet{
  background: #0061AF;
}

.breadcrumb li {
    font-family: 'PoppinsRegular';
    font-size: 16px;
    color: #ffffff
}

.breadcrumb li a, .breadcrumb-item.active{
    font-family: 'PoppinsRegular';
    font-size: 16px;
    color: #ffffff
}
.breadcrumb-item+.breadcrumb-item::before{
   color: #ffffff
}
/*----slider----*/
.product-card {
    background-repeat: no-repeat;
    background-size: cover; 
    border-radius: 20px;
    text-align: center;
    padding: 20px 20px;
    color: #fff;
    position: relative;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  }
/*----slider----*/
.blue-product-card{
    /* background: linear-gradient(180deg, #0d80d9 0%, #1c3fa3 100%); */
    background-image: url('../images/lenear-bg.jpg');
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  }
.green-product-card{
    /* background: linear-gradient(180deg, #0d80d9 0%, #1c3fa3 100%); */
    background-image: url('../images/green-product.png');
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  }
.naturagreen-product-card{
    /* background: linear-gradient(180deg, #0d80d9 0%, #1c3fa3 100%); */
    background-image: url('../images/natura-productbg.png');
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  }
.dlite-product-card{
    /* background: linear-gradient(180deg, #0d80d9 0%, #1c3fa3 100%); */
    background-image: url('../images/dlite-productbg.png');
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  }

  .img-circle{
      background-image: url('../images/circle-brdr.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

  }

  .product-card img {
/*     width: 100%; */
    margin: 0 auto 15px;
    display: block;
    transition: .4s ease;
  }

  .product-card:hover img {    
    transform: rotate(-20deg);
}

  .product-card h4 {
    font-family: 'PoppinsExtraBold';
    font-size: 1.2rem;
    width: 99%;
    padding-bottom: 10px;
    margin: 0 auto;
    margin-bottom: 20px;
    letter-spacing: 1px;
    border-bottom: 2px solid #F9F9F280;
    height: 60px;
  }

  .btn-wrapper{
    position: relative;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.1); 
    border-radius: 20px;
    width: fit-content;
     transition: all .5s ease;
  }
   .card-btn {
    position: relative;
    display: inline-flex;
    align-items: center;    
    background: #ffffff;
   color: #37B34A;
    border-radius: 10px;
    /* font-weight: 600; */
    padding: 0px 15px;
    text-decoration: none;
    transition: all 0.5s ease;
    -webkit-box-shadow: -3px 4px 15px -6px rgba(0, 0, 0, 1);
    -moz-box-shadow: -3px 4px 15px -6px rgba(0, 0, 0, 1);
    box-shadow: -3px 4px 15px -6px rgba(0, 0, 0, 1);
     font-family: 'PoppinsMedium';
     font-size: 20px;
  }
  .dlite-card-btn{
    color: #6A3022;
  }
  .card-btn-blue {
    color: #0061AF;
  }
  /* .btn-wrapper:hover{
    background-color: transparent; 
  } */
  .card-btn:hover{
    background: #000000;
    color: #ffffff !important;
   }
  .card-btn:hover i{
    transform: rotate(-20deg);
   }
.card-btn i{
  transition: 0.5s ease;
}
  .btn-wrapper-green{
      background-color: rgb(0 172 78 / 33%);
  }
  .card-btn-green{   
    background: #33A444;
    background: linear-gradient(90deg, rgba(51, 164, 68, 1) 0%, rgba(54, 175, 72, 1) 57%, rgba(52, 168, 69, 1) 100%);
    /* box-shadow: inset 0 4px 8px rgba(0, 0, 0, 0.3),
            inset 0 -4px 8px rgba(255, 255, 255, 0.2); */
    color: #ffffff;
  }
  .card-btn-green:hover{   
    background: rgba(190, 191, 199, 1);
    background: radial-gradient(circle, rgba(51, 164, 68, 1) 0%, rgba(41, 86, 53, 1) 100%);
    color: #ffffff;
  }
  
  .btn-wrapper-black{
      background-color: rgb(23 24 24 / 33%);
  }
  .card-btn-black{   
    background: #141414;
    background: linear-gradient(90deg, rgba(20, 20, 20, 1) 0%, rgba(64, 62, 62, 1) 57%, rgba(34, 34, 34, 1) 100%);
    color: #ffffff;
  }
  .card-btn-black:hover{  
    background: rgba(190, 191, 199, 1);
     background:  radial-gradient(circle, rgba(190, 191, 199, 1) 0%, rgba(0, 0, 0, 1) 100%);
  }
.fullpagebgColor{
  background-color: #f9f9f2;
}
.media-cards .media-box-title{
    font-size: 24px;
    font-family: 'PoppinsBold';
     /* font-size: clamp(18px, 18px, 24px); */
       font-size: clamp(18px, calc(5px + 1vw), 24px); 
       height: 105px;
       overflow: hidden;
}
.media-cards .media-box-date{
    font-family: 'PoppinsRegular';
    font-size: 12px;
    color: #2B2B2B;
}
.media-cards p{
    font-family: 'PoppinsRegular';
    font-size: 14px;
    height: 70px;
    overflow: hidden;
}
.media-cards{
  background: transparent !important;
}
.mediabtn {
    padding: 10px 15px; 
}
.blog-card-cnt p {
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-clamp: 3;
    block-overflow: ellipsis;
    overflow: hidden;
}
.blog-date {
    margin-bottom: 20px;
    font-size: 12px;
}
  .sapaccrondion{ 
         
      }
      .sapaccrondion .sidebar { 
        padding-top: 1rem;
        text-align: left;
      }

      .sapaccrondion .nav-pills .nav-link {
        color: #000000;
        font-weight: 500;
        border-radius: 8px;
        padding: 1.1rem 1rem;
        text-align: left;
        font-size: 1.3rem;
        border-bottom: 1px solid #eae9f2;
        position: relative;
      }

    
      
      .sapaccrondion .nav-pills .nav-link.active {
        background-color: #f4f4f8;
        color: #000;
        font-weight: 600;
        border-bottom: 0;
      }

      /* Accordion styles */
      .sapaccrondion .accordion-button::after {
        background-image: none;
        content: "+";
        font-size: 3rem;
        position: absolute;
       right: -20px;
        top: -10px;
        transform: rotate(0deg);
        color: #12824C;
        font-weight: 400;
        font-family: 'PoppinsMedium';
      }

      .sapaccrondion .accordion-button:not(.collapsed)::after {
        content: "−";
        font-size: 3rem;
      }

      .sapaccrondion .accordion-item {
        border: none;
        margin-bottom: 25px;
     background: #EFEFE8;
        border-radius: 10px;
        padding: 20px;
      }

      .sapaccrondion .accordion-button {
     background: #EFEFE8;
     box-shadow: none;
        border-radius: 10px !important;
        font-size: clamp(18px, 1.1vw, 24px);
        font-weight: 700;
        color: #000000;
           font-family: 'PoppinsBold';
           width: 96%;
       
      }

      .sapaccrondion .accordion-body {
        font-size: 18px;
        color: #000000;
      }

      

    .sapaccrondion .tab-pane.active h2 .accordion-button.collapsed{
      font-weight: 300;
      width: 98%;
      padding-right: 20px;
    }


  
.share-bar {
    background: #37B34A;
    padding: 10px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    gap: 25px;
    width: max-content;
}
  
  
  /* Pagination */
  .swiper-pagination-bullet {
    opacity: 0.6;
  }

  .swiper-pagination-bullet-active {
    opacity: 1;
  }
/*----slider----*/
 /* MAIN SCROLL WRAPPER */
  .h-scroll {
    /* overflow-x: auto !important;
    overflow-y: hidden; */
    white-space: nowrap;
    display: block;            /* IMPORTANT */
    padding-bottom: 12px;
    -webkit-overflow-scrolling: touch;
  }

  /* MAKE UL SINGLE LINE */
  .colorscroll {
    display: inline-flex !important;  /* IMPORTANT */
    gap: 20px;
  }

  /* LINKS STYLE */
  .colorscroll li a {
    white-space: nowrap;
    display: inline-block;
    padding: 8px 14px;
  }
  


    /* WEBKIT SCROLLBAR (Chrome, Edge, Android) */
    .h-scroll::-webkit-scrollbar {
      height: 6px;
    }

    .h-scroll::-webkit-scrollbar-track {
      /* background: #37B34A; */
    }

    .h-scroll::-webkit-scrollbar-thumb {
      /* background: #37B34A;  */
      border-radius: 4px;
    }

    /* FIREFOX SCROLLBAR */
    .h-scroll {
      scrollbar-width: thin;
      /* scrollbar-color: #37B34A #e0e0e0; */
      overflow-x: auto;
      white-space: nowrap;
      /* scrollbar-width: none;  */
    }

    .h-scroll::-webkit-scrollbar-button {
      display: none;
      width: 0;
      height: 0;
    }


@media(max-width:767px){
  .card-btn{
    font-size: 16px;
    padding: 0 10px;
  }
  .greenpartHeading p{
      font-size: 16px;
  }
  .greenpartHeading h1 {
      font-size: 30px;
  }

}

@media(min-width:768px){
  .card-btn{
    /* font-size: 16px; */
  }
}


@media(min-width:992px){

}


@media(min-width:1200px){
 .card-btn{
    /* font-size: 16px; */
  }
}


@media(min-width:1400px){

}


@media(min-width:1600px){
  .card-btn{
    font-size: 20px;
  }
}


@media(min-width:1900px){

}


@media (max-width: 768.98px) {
 
.sapaccrondion .accordion-item {
    padding: 10px;
}

.sapaccrondion .accordion-button {
    padding: 8px;
    width: 94%;
}

.sapaccrondion .accordion-button::after {
    right: -5px;
}

}