.navbar-brand{
    font-size: 30px !important;
    line-height: 40px;
    font-weight: 400;
}
.navbar-brand span{
    font-weight: 700;
}
.blog-grid{
    display: grid;
    grid-template-columns: repeat(3,1fr);
}
.navbar .navbar-nav .dropdown.open .dropdown-menu{
    width: 800px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    padding: 25px ;
    left: -200px;
}
.drop-li-1,.drop-li-2{
    border-right: 1px solid rgba(23, 23, 23, 0.1);
}
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a{
    padding: 8px 18px;
    border: none;
}
.dropdown-menu li a{
font-size: 18px !important;
line-height: 22px !important;
}
.dropdown-menu .nav-item:hover{
    color: #195829 !important;
}

.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a:hover{
    background-color: #fff !important;
    color: #195829 !important;
}
.dropdown-menu li .sub-dropdown{
    color: #828282  !important;
    width: 100%;
    padding-left: 20px !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 20px !important;
}
.sub-dropdown:hover{
    color: #fff !important;
}
.footer-container{
    display: grid;
    grid-template-columns: 41% 15% 19% 25%;
}
.address{
    color: #b1b1b1;
}
.address span{
    text-wrap: nowrap;
}

footer a{
    color: #b1b1b1;
}
footer .list-inline-item{
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;

}
.social-icon-outline {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background: transparent;
    border: 1px solid #fff;
    text-align: center;
    transition: .2s ease;
    display: flex;
    justify-content: center;
}
.social-icon-outline img{
    max-width: 16px;
}
.social-icon-outline:hover{
    background-color: var(--base-color);
}

.client-box img {

    overflow: hidden;
}

.bread-crumb{
    position: relative;
}

.b-ul {
    display: flex;
    gap: 6px;

    margin: 0;
    padding: 10px 0;

}
.b-ul li{
   color: #195829;
}
.about-img-div{
    top: 130px;
}
.statistics-div{
    display: grid;
    grid-template-columns: repeat(3, auto);
    gap: 20px;
}

footer .navbar-brand{
    font-size: 34px !important;
    line-height: 40px !important;
}
.certificate-grid{
    display: grid;
    grid-template-columns:repeat(3, auto); ;
}
.help-grid{
    display: grid;
    grid-template-columns: repeat(2,auto);
    gap: 20px 10px;
}
.medium-gray{
   color:var(--medium-gray) !important ;
}
.f-sm-ul{
    padding: 0px;
    display: flex;
    gap: 30px;
}

.disc-list{
    padding: 0px;
}

.disc-list li{
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px;

}

.disc-list li::after{
    content: '';
    background: url(../images/plus.svg) no-repeat center center;
    position: absolute;
    background-size: 20px;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    right: auto;
    left: 0px;
    bottom: auto;
    top: 8px;
}
.sticky-img{
    top: 130px;
}
.pharma-sticky-img{
    top:190px
}.product-sticky-img{
    top:150px
}

.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a:hover, .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li.active:hover > a {
     background-color: #fff !important;
    color: #195829 !important;
}

.sticky-menu {
    position: fixed;
    bottom: 25%;
    right: 0px;
    z-index: 427;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s linear;
    transform: translateX(138px);
    display: grid;
    gap: 10px;
}
.stick-link {
    display: flex;
    gap: 10px;
    flex-direction: row;
    align-items: center;
    transition: 0.3s linear;
    background: #fff;
    padding: 5px;
    border-radius: 30px 0px 0px 30px;
    padding-right: 30px;
    box-shadow: 1px 1px 11px 1px #cbcbcb;
}
.stick-link p{
    color: #195829;
}
.icon-d {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #195829;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    overflow: hidden;
    transition: 0.3s linear;
}
.stick-link.call-icon:hover{
    transform: translateX(-70px);

}
.stick-link.contact-icon:hover {
    transform: translateX(-120px);
}
.stick-link .mbp {
    display: none;
}
.bg-white{
    background-color: #fff;
}
.stick-link:hover .icon-d {
    background:var(--base-color);
}
.prod-card p{
    font-size: 15px;
    line-height: 21px;
    text-align: left;
}
.prod-card .disc-list{
    text-align: left;
      font-size: 15px;
    line-height: 21px;
}
.prod-card .disc-list li{
    margin-bottom: 5px;
    padding-left: 15px;
}
.prod-card .disc-list li::after{
    top: 5px;
    width: 10px;
    height: 10px;
}
.pro-card-content{
    padding: 30px;
}
.nav-tab-container{
        position: sticky;
    top: 80px;
    z-index: 2;
    background: #e2eee5;

}
.qlinks {
    display: none !important;
    justify-content: space-between;
    align-items: center;

    padding: 10px 15px;
    font-weight: bold;
    cursor: pointer;
   color: #000000;
    margin-bottom: 10px;
    /* border-radius: 10px; */

}
.qlinks:hover{
   color: #000000;
}

.prod-tabs{
     border-bottom: none !important;
}
.prod-tabs .nav-link{
    color: #000000;

}
.prod-page .b-ul li{
    color: #fff;
}
.footer-con:hover{
    color:var(--base-color) !important;
}
.home-slider-content{
    font-size: 24px;
}
.h-80vh{
    height: 80vh;
}
.feature-box.feature-box-left-icon, .feature-box.feature-box-left-icon-middle {
    align-items:  center !important;
}
.nav-tab-container .nav-tabs .nav-link:focus, .nav-tab-container .nav-tabs .nav-link:hover{
    background-color: var(--bs-nav-tabs-link-active-bg);
    border-color: #fff;
}
.nav-tab-container .nav-tabs > li.nav-item{
    padding: 0px 7px;
}
.nav-tab-container .nav-tabs{
    gap:10px 0px;
}

.page-title-large h1{
     font-size: 56px;
  line-height:60px;
}
.ch1{
    font-size: 56px;
    line-height: 62px ;
}

.mb-18px{
    margin-bottom: 18px;
}
.help-grid p{
    color: #4d4d4d;
}

    .btn.btn-switch-text.btn-extra-large > span {
        padding: 10px 25px;
    }

    .navbar .navbar-nav .nav-item:hover .nav-link, .navbar .navbar-nav .nav-item.active .nav-link   {
        color: var(--base-color);
        opacity: 1;
    }
   header.sticky.sticky-active [data-header-hover=light] .navbar-nav .nav-item.active .nav-link{
          color: var(--base-color);
        opacity: 1;
    }
    .border-xl-end-0{
        border-right: 0 !important;
    }

    .prod-card .box-image img{
        transition: .3s linear;
    }
    .prod-card:hover .box-image img{
        transform: scale(1.1);

    }
    footer ul li{
        margin-bottom: 5px;
    }
    .underline{
        text-decoration: underline;
    }
    .underline:hover{
        text-decoration: underline;
    }
    .mb-25{
        margin-bottom: 25px !important;
    }
    .accordion-button{
        background-color: #f1fbec;
        border: 2px solid #f1fbec ;
        padding: 10px 20px;
    }
    .accordion-button:focus{
          border: 2px solid #3a954f ;
          box-shadow: none;
    }
    .accordion-button:not(.collapsed){
            border-color: #3a954f;
            background-color: #3a954f;
            box-shadow: none;
    }
    #customAccordion .accordion-item:first-of-type>.accordion-header .accordion-button{
        border-top-left-radius: 0 !important;
    border-top-right-radius:0 !important;
    }

    .download-button {
  display: inline-block;
  padding: 20px 40px;
  border: 1px solid var(--base-color);
  color: #000;
  border-radius: 10px;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  background-color: #fff;
  text-decoration: none;
  transition: all 0.3s ease;
}
.download-button:hover {
  background-color: #f1fbec;

}
.download-div{
    display: grid;
    grid-template-columns: 48% 48%;
    justify-content: space-between;
}
a {
    color: #828282;}
    footer p{
        color: #828282;
    }
    #customAccordion{
        margin: 80px 0px 50px;

    }
header .left-nav .navbar-nav:before{
    background-color: #fff;
}
.about-prod{
    transition: .3s all linear;
}
.about-prod:hover{
    background-color: #f5f5f5;
}
.swiper-pagination.sugar-pagination{
    bottom:0px
}
.slide-nav{
    position: absolute;
    top:45%;
    display: flex;
    justify-content: space-between;
}
.slide-next, .slide-prev{

    position: absolute;
    width: 50px;
    height: 50px;
    z-index: 999999;

}
.slide-next{
    right:0;
    left: auto;
}
.slide-prev{
     left:0;

    right: auto;
}
.manufacturer-processing-box {
    position: relative;
    padding: 20px !important;
    vertical-align: middle !important;
    background: linear-gradient(90deg, rgba(25, 88, 41, 1) 35%, rgb(40 47 41) 100%);
    color: #fff;
    text-align: center;
    max-width: 80%;
    height: 130px;
    align-content: center;
    border-radius: 5px;
}
.manufacturer-processing-box::after
 {
    content: "";
    background: url(../images/long-arrow-left.webp);
    position: absolute;
    width: 52px;
    height: 52px;
    top: 40px;
    background-repeat: no-repeat;
    right: -63px;
    background-size: contain;
    transform: rotateY(-180deg);
}
.trasndporting .manufacturer-processing-box::after {
    bottom: -60px;
    top: unset;
    left: 81px;
    transform: rotateZ(-90deg);
}
.our-processing-cont .row {
    row-gap: 70px;
}
.matcg-heads .manufacturer-processing-box::after {
    transform: rotate(0deg);
    left: -65px;
}
.cartob-sealing .manufacturer-processing-box::after {
    background: none;
}
.our-processing-cont  .row.process-content-2{
    display: none !important;
 }
 .prod-page .bread-crumb a{
    color: #85ff00;
 }
.prod-page .bread-crumb a:hover{
    color: #828282;
 }


.certificate-grid .client-box img {width: 150px;height: auto;}

.associated-box{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 40px;
    overflow: hidden;
    width: 100%;
}
.associated-box .client-box{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.header-social-icons{
    padding:0px 15px;
    display: none;
    width: 100%;
    margin-bottom: 30px;
}

.header-social-icons .list-inline .list-inline-item{
    margin-right: 10px;


}

.header-social-icons .social-icon-outline{
    border: 1px solid #195829;
}
header .navbar{
    z-index: 999;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: var(--base-color);
}
.navbar .navbar-nav .nav-link{
        padding: 10px 25px;
}
.scroll-progress{
    bottom: 0%;
    top:auto;
}
*::selection{
    background: var(--base-color);
    color: #fff;
}
/* responsive */
@media (min-width: 1600px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1500px;
    }
}

@media (max-width:1500px) {
    h1, .h1 {
  font-size: 50px;
  line-height:56px;
}
h2, .h2 {
  font-size: 38px;
  line-height: 44px;
}
h3, .h3 {
  font-size: 34px;
  line-height: 40px;
}
h4 {
  font-size: 30px;
  line-height: 36px;
}
h5 {
  font-size: 28px;
  line-height: 34px;
}
h6 {
  font-size: 26px;
  line-height: 32px;
}

}
@media (max-width:1260px) {
    .statistics-div{
        grid-template-columns: repeat(2, auto);
    }

}
@media (max-width:1200px) {
    .footer-container{
    display: grid;
    grid-template-columns: 45% 45% ;
    justify-content: space-between;
    gap: 30px;
}
.navbar .navbar-nav .dropdown.open .dropdown-menu{
    left:-380px;
}
.help-grid{
    display: grid;
    grid-template-columns: repeat(1,auto);
    gap: 10px 10px;
}
.no-display-under-1200{
    display: none;
}
.pro-card-content{
    padding: 25px;
}
.home-slider-content{
    font-size: 20px;
}
.ch1{
    font-size: 48px;
    line-height: 54px;
}
  h1, .h1 {
  font-size: 48px;
  line-height:54px;
}
h2, .h2 {
  font-size: 36px;
  line-height: 42px;
}
h3, .h3 {
  font-size: 32px;
  line-height: 38px;
}
h4 {
  font-size: 28px;
  line-height: 34px;
}
h5 {
  font-size: 26px;
  line-height: 32px;
}
h6 {
  font-size: 24px;
  line-height: 30px;
}
.pharma-sticky-img{
    top: 250px;
}
.associated-box{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 40px;
    overflow: hidden;
    width: 100%;
}
.navbar .navbar-nav .nav-link{
        padding: 10px 15px;
}

}
@media (max-width:991px) {
   .header-social-icons{
    display: block;
   }

    .navbar .navbar-collapse{
        position: fixed;
        background: #fff;
        top: 84px;
        left: auto;
        right: 0px;
        height: 90vh;
        align-items: flex-start;
        width: 350px;
        overflow: scroll;
        display: flex !important;
        flex-direction: column;
        justify-content: space-between !important;
        transform: translatex(360px);
        box-shadow: -4px 4px 8px 1px #3a954f4d;
        transition: .2s linear;
        z-index: 99999;
    }
    .navbar .navbar-collapse.show{
        transform: translateX(0px);
    }
    .navbar .navbar-nav .dropdown.open .dropdown-menu{
        display: none;
    }
    .navbar .navbar-nav .dropdown .dropdown-menu.show{
        display: grid;
        grid-template-columns: repeat(1,1fr);
    }
    .drop-li-1,.drop-li-2{
        border: none;
    }

   .food-product-drop {
    padding-top: 15px !important;
   }
   .statistics-div{
        grid-template-columns: repeat(3, auto);
    }
    .help-grid{
    display: grid;
    grid-template-columns: repeat(2,auto);
    gap: 20px 10px;
}
.ch1{
    font-size: 44px;
    line-height: 50px;
}
  h1, .h1 {
  font-size: 44px;
  line-height:50px;
}
h2, .h2 {
  font-size: 34px;
  line-height: 40px;
}
h3, .h3 {
  font-size: 30px;
  line-height: 36px;
}
h4 {
  font-size: 26px;
  line-height: 32px;
}
h5 {
  font-size: 24px;
  line-height: 30px;
}
h6 {
  font-size: 22px;
  line-height: 28px;
}
    .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu {
        padding-bottom:0px ;
    }
    .sec-ban-cont{
        height: 515px !important;
    }
    .border-xl-end-0{
           border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.download-div{
    grid-template-columns: 100%;
    gap:30px;
}
.manufacturer-processing-box {
    height: 100%;
    max-width: 90%;
    padding: 15px !important
}
.manufacturer-processing-box::after {
    width: 35px;
    right: -40px;
}
.matcg-heads .manufacturer-processing-box::after {
    transform: rotate(0deg);
    left: -40px;
}
.associated-box{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 30px;
    overflow: hidden;
    width: 100%;
}
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu{
    padding:0 15px;
}
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a {
    padding: 8px 12px;
}
}
@media (max-width:767px) {
    .no-display-under-767{
        display: none;
    }
    .certificate-grid .client-box img{
        width: 120px;

    }
    .icon-d {
        height: 45px;
        width: 45px;
    }

        .prod-tabs {
        list-style: none;
        padding-left: 0;
        margin: 0;
        overflow: hidden;
        max-height: 0;
        transition: max-height 0.4s linear;
    }
    .prod-tabs.show{
        max-height: 1000px;
    }
        .qlinks {
        display: flex !important;
    }
    .prod-tabs .nav-link{
        width: 100%;
        text-align: left;
    }
    .prod-tabs > li.nav-item{
        padding: 0px;
    }
    .prod-page  .bread-crumb .b-ul{
        justify-content: center;
    }
        .page-title-large h1 {
        font-size: 46px;
        line-height: 44px;
    }
    .ch1{
    font-size: 40px;
    line-height: 46px;
}  h1, .h1 {
  font-size: 40px;
    line-height: 46px;
}
h2, .h2 {
  font-size: 32px;
  line-height: 38px;
}
h3, .h3 {
  font-size: 28px;
  line-height: 34px;
}
h4 {
  font-size: 26px;
  line-height: 32px;
}
.footer-bottom{text-align: center;}
.sec-ban-cont{
        height: 450px !important;
    }
.download-button{
    padding: 18px 30px;
}
    .our-processing-cont .row {
        row-gap: 20px;
    }
    .manufacturer-processing-box::after{
        display: none;
    }
    .manufacturer-processing-box{
        max-width: 100%;
    }
    .our-processing-cont  .row.process-content-1{
        display: none;
    }
    .our-processing-cont  .row.process-content-2{
        display: flex !important;
    }
    .associated-box{
    grid-template-columns: repeat(3,1fr);
   
}
}
@media (max-width:600px) {
    .statistics-div{
        grid-template-columns: repeat(2, auto);
    }
      .certificate-grid .client-box img{
        width: 100px;

    }
    footer .navbar-brand {
        font-size: 30px !important;
        line-height: 34px !important;
    }
    .page-title-large h1 {
        font-size: 32px;
    line-height: 38px;
    }
    .ch1{
    font-size: 32px;
    line-height: 38px;
}
 h1, .h1 {
  font-size: 32px;
    line-height: 38px;
}
h2, .h2 {
  font-size: 32px;
  line-height: 38px;
}
.btn.btn-switch-text.btn-extra-large > span{
    padding: 8px 15px;
}

}

@media (max-width:575px) {
     .border-xl-end-0{
           border-right: 0 !important;
}
   header .navbar-brand, header.sticky .navbar-brand {
        padding: 12px 0;
        }
        .navbar .navbar-collapse{
            top:64px;
        }
.nav-tab-container {
   
    top: 64px;
}
.prod-page .bread-crumb .b-ul{
    flex-wrap: wrap;
}

}


@media (max-width:500px) {
    .help-grid{
    display: grid;
    grid-template-columns: repeat(1,auto);
    gap: 10px 10px;
}
.home-slider-content{
    font-size: 18px;
}
.sec-ban-cont{
        height: 350px !important;
    }
    .ban-span{display: none !important;}
       

}
@media (max-width:480px) {
    .footer-container{
        grid-template-columns: 100%;
    }
      .certificate-grid .client-box img{
        width: 80px;

    }
       .stick-link.call-icon {
        border-right: 1px solid #fff;
    }
    .sticky-menu

 {
        position: fixed;
        width: -webkit-fill-available;
        transform: translateX(0px);
        grid-template-columns: repeat(2, 1fr);
        gap: 0px;
        bottom: 0px;
        right: 0px;
    }
    .stick-link {
        gap: 0px;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        border-radius: 0px;
        box-shadow: 0px 0px;
        background: #195829;
        padding-right: 0px;
        gap: 5px;

    }
    .icon-d {
        height: 30px;
        width: 30px;
    }
        .stick-link .mbp {
        display: block !important;
        color: #fff;
        font-size: 15px;
        font-weight: 400;
        line-height: 16px;
    }
        .stick-link.call-icon:hover, .stick-link.contact-icon:hover {
        transform: translateX(0px);
    }
        .stick-link:hover .icon-d {
        background: none;
    }
        .stick-link p {
        display: none;
    }
    .footer-bottom{
        padding-bottom: 25px;

    }
     .pro-card-content{
    padding: 15px;
}
.contact-header{
    margin-bottom: 40px;
}

.banner-buttons-div{flex-direction: column;}

.download-div{
    display: grid;
    grid-template-columns: 100%;
    justify-content: space-between;
    gap: 20px;
}
.download-button{
    font-size: 20px;
    line-height: 26px;
    padding: 12px 20px;
}
.associated-box{
    grid-template-columns: repeat(2,1fr);
     gap: 20px;
}
.header-social-icons{
    margin-bottom: 50px;
}
.sticky-menu{
    z-index: 9999;
}
}

@media (max-width:450px) {
    .statistics-div{
        grid-template-columns: repeat(1, 1fr);

    }
    .accordion-body .disc-list li{
        font-size: 14px;
        line-height: 20px;
    }
     .navbar .navbar-collapse{
              width: 100%;
        transform: translatex(460px);
    }

}

@media (max-width:380px) {

    .testi-star{
        padding: 0 8px !important;
        right: 0px !important;
    }
}