h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, a.nav-link{
    font-family: "Libre Franklin", sans-serif;
    font-style: normal;
    font-weight: 500;
}
a.nav-link{
    font-weight: 700;
}

body, p, .p, a, ul, li, sup, .category-title, .product-title, .juice-title, .font-playfair{
    /* font-family: "Playfair Display", serif; */
    font-family: "Libre Franklin", sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
}
.category-title, .product-title, .juice-title{
    font-weight: 500;
}

body{
    /* background: #E5E8D3; */
    background: #f9eedf;
}

h1, .h1{
    color: #006d36;
    /* color: #007932; */
    text-align: center;
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -1.28px;
}

h2, .h2{
    color: #006d36;
    font-size: 40px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -1.28px;
}

a{
    transition: 0.2s;
}
@media screen and (max-width: 991px){
    h1, .h1{
        font-size: 48px;
        line-height: 24px; 
    }
    h2, .h2{
        font-size: 36px;
    }
}
@media screen and (max-width: 575px){
    h1, .h1, h2, .h2{
        font-size: 32px;
        line-height: normal; 
    }
}

h4, .h4{
    font-size: 28px;
    /* line-height: 14px;  */
}

#language-options a{
    color: #006d36;
    font-weight: 700;
}
#language-options a:hover{
    color: #ef7601;
}

.juice-info p{
    font-size: 18px;
}
.references p{
    font-size:12px;
}
a.nav-link {
    font-size: 18px;
}

.juice-title{
    color: #E5E8D3;
    font-size: 46px;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    text-align: left;
    line-height: 110%;
}
@media screen and (max-width: 575px){
    .juice-title{
        font-size: 32px;
        line-height: 26px; 
    }
}
@media screen and (max-width: 575px){
    .juice-title-leaf{
        width: 28px;
        height: 25px;
    }
}
@media screen and (max-width: 425px){
    .juice-title-leaf{
        width: 25px;
        height: 22px;
    }
}

.category-title{
    /* background: #006d36;
    color: #ffffff; */
    font-size: 30px;
    line-height: 30px; /* 100% */
    letter-spacing: -0.64px;
}
@media screen and (max-width: 1300px){
    .category-title{
        font-size: 26px;
        line-height: 26px; /* 100% */
    }
}
@media screen and (max-width: 1150px){
    .category-title{
        font-size: 24px;
        line-height: 24px; /* 100% */
    }
}
@media (min-width: 992px) and (max-width: 1149px){
    .category-title{
        font-size: 23px;
        line-height: 23px; /* 100% */
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .category-title{
        font-size: 18px;
        line-height: 18px; /* 100% */
    }
}
.product-title{
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
}
.category-color, .product-color{
    background: #006d36;
    color: #ffffff;
}
.subcategory-color{
    background: #ffffff;
    color: #006d36;
}

.category-hover:hover .category-title, .category-hover:hover.category-title, .category-hover:hover .product-color, .active-category-button{
    background: #ef7601;
    transition: 0.2s;
}


/* User story */
.user-story-button{
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

@media screen and (max-width: 575px) {
    .user-story-button{
        font-size: 11px;
        padding: 4px 8px;
    }
}
.user-story-button{
    color:#006d36;
    text-transform: uppercase;
    display: inline-block;
    padding: 4px 12px;
    border: 1px solid #006d36;
}
.user-story-button:hover, .user-story-button-active{
    color:#ffffff;
    background: #006d36;
    transition: 0.2s;
    /* border: 1px solid #006d36; */
}

/* Accordion */
.accordion-button:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='15' viewBox='0 0 28 15' fill='none'%3E%3Cpath d='M13.9998 12.5872L25.6358 1.24253C25.7296 1.14913 25.8409 1.07528 25.9633 1.02527C26.0858 0.975265 26.2169 0.950081 26.3491 0.951181C26.4813 0.952282 26.612 0.979645 26.7336 1.03168C26.8552 1.08372 26.9653 1.15941 27.0575 1.25436C27.1497 1.34931 27.2222 1.46164 27.2708 1.58485C27.3194 1.70806 27.3432 1.8397 27.3406 1.97216C27.3381 2.10462 27.3094 2.23526 27.2562 2.35653C27.2029 2.47779 27.1262 2.58727 27.0305 2.67864L14.6971 14.7019C14.5104 14.8839 14.2603 14.9857 13.9998 14.9857C13.7393 14.9857 13.4892 14.8839 13.3025 14.7019L0.969128 2.67864C0.873377 2.58727 0.796663 2.47779 0.743424 2.35653C0.690182 2.23526 0.661472 2.10462 0.658955 1.97216C0.656439 1.8397 0.680163 1.70806 0.72876 1.58485C0.777355 1.46164 0.849854 1.34931 0.942064 1.25436C1.03428 1.15941 1.14436 1.08372 1.26596 1.03168C1.38756 0.979644 1.51825 0.952282 1.65047 0.951181C1.78269 0.950081 1.91381 0.975264 2.03626 1.02527C2.1587 1.07528 2.27003 1.14912 2.3638 1.24253L13.9998 12.5872Z' fill='%23E5E8D3'/%3E%3C/svg%3E");
    width:26px;
    height:26px;
    background-size: 26px;
    /* margin-left: 2rem; */
}
.accordion-button:not(.collapsed):after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='15' viewBox='0 0 28 15' fill='none'%3E%3Cpath d='M13.9998 12.5872L25.6358 1.24253C25.7296 1.14913 25.8409 1.07528 25.9633 1.02527C26.0858 0.975265 26.2169 0.950081 26.3491 0.951181C26.4813 0.952282 26.612 0.979645 26.7336 1.03168C26.8552 1.08372 26.9653 1.15941 27.0575 1.25436C27.1497 1.34931 27.2222 1.46164 27.2708 1.58485C27.3194 1.70806 27.3432 1.8397 27.3406 1.97216C27.3381 2.10462 27.3094 2.23526 27.2562 2.35653C27.2029 2.47779 27.1262 2.58727 27.0305 2.67864L14.6971 14.7019C14.5104 14.8839 14.2603 14.9857 13.9998 14.9857C13.7393 14.9857 13.4892 14.8839 13.3025 14.7019L0.969128 2.67864C0.873377 2.58727 0.796663 2.47779 0.743424 2.35653C0.690182 2.23526 0.661472 2.10462 0.658955 1.97216C0.656439 1.8397 0.680163 1.70806 0.72876 1.58485C0.777355 1.46164 0.849854 1.34931 0.942064 1.25436C1.03428 1.15941 1.14436 1.08372 1.26596 1.03168C1.38756 0.979644 1.51825 0.952282 1.65047 0.951181C1.78269 0.950081 1.91381 0.975264 2.03626 1.02527C2.1587 1.07528 2.27003 1.14912 2.3638 1.24253L13.9998 12.5872Z' fill='%23E5E8D3'/%3E%3C/svg%3E");
}

/* Table */

.table{
    color:#ffffff
}

.table thead {
    background-color: #E5E8D3;
    color: #006d36;
}

/* .table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: rgba(255, 255, 255, 0.20);
    color: #ffffff;
} */

.table>tbody>tr:nth-of-type(even)>* {
    --bs-table-accent-bg: rgba(255, 255, 255, 0.20);
    color: #ffffff;
}

/* FAQ Section */
/* Hide scrollbar for Chrome, Safari and Opera */
.mobile-faq-category-buttons::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.mobile-faq-category-buttons {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.faq-category{
    cursor: pointer;
}

.faq-category:hover, .faq-category-active{
    background: #ef7601!important;
    transition: 0.2s;
}

.custom-accordion .accordion-item{
    background:#E5E8D3;
    border:0px; 
    opacity:1
}

.custom-accordion .accordion-button{
    background:#E5E8D3;
    box-shadow:unset;
    opacity:1;
    position: unset;
}

.custom-accordion .accordion-button:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 28 15' fill='none'%3E%3Cpath d='M13.9998 12.5872L25.6358 1.24253C25.7296 1.14913 25.8409 1.07528 25.9633 1.02527C26.0858 0.975265 26.2169 0.950081 26.3491 0.951181C26.4813 0.952282 26.612 0.979645 26.7336 1.03168C26.8552 1.08372 26.9653 1.15941 27.0575 1.25436C27.1497 1.34931 27.2222 1.46164 27.2708 1.58485C27.3194 1.70806 27.3432 1.8397 27.3406 1.97216C27.3381 2.10462 27.3094 2.23526 27.2562 2.35653C27.2029 2.47779 27.1262 2.58727 27.0305 2.67864L14.6971 14.7019C14.5104 14.8839 14.2603 14.9857 13.9998 14.9857C13.7393 14.9857 13.4892 14.8839 13.3025 14.7019L0.969128 2.67864C0.873377 2.58727 0.796663 2.47779 0.743424 2.35653C0.690182 2.23526 0.661472 2.10462 0.658955 1.97216C0.656439 1.8397 0.680163 1.70806 0.72876 1.58485C0.777355 1.46164 0.849854 1.34931 0.942064 1.25436C1.03428 1.15941 1.14436 1.08372 1.26596 1.03168C1.38756 0.979644 1.51825 0.952282 1.65047 0.951181C1.78269 0.950081 1.91381 0.975264 2.03626 1.02527C2.1587 1.07528 2.27003 1.14912 2.3638 1.24253L13.9998 12.5872Z' fill='%23007932'/%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
    background-size: 20px;
}

.custom-accordion .accordion-button p, .custom-accordion .accordion-body p{
    margin-bottom: 0px;
}

#changeable-text{
    color:#E5E8D3;
    background:#006d36;
}
.changeable-category-text, .changeable-category-text h2{
    font-size: 24px!important;
    font-style: normal;
    font-weight: 100;
    line-height: 110%;
    letter-spacing: -0.24px;
    text-transform: uppercase;
    padding: 5px 0;
}

.faq-category h1, .faq-category h2, .faq-category h3, .faq-category h4, .faq-category p{
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* letter-spacing: -0.3px; */
    /* text-transform: uppercase; */
    color: #E5E8D3;
}

.faq-category h1 strong, .faq-category h2 strong, .faq-category h3 strong, .faq-category h4 strong, .faq-category p strong{
    font-weight: 900;
    font-size: 28px;
}

@media screen and (max-width: 991px){
    .faq-category h1, .faq-category h2, .faq-category h3, .faq-category h4, .faq-category p, .faq-category h1 strong, .faq-category h2 strong, .faq-category h3 strong, .faq-category h4 strong, .faq-category p strong{
        font-size: 24px;
    }
}

@media screen and (max-width: 575px){
    .faq-category h1, .faq-category h2, .faq-category h3, .faq-category h4, .faq-category p, .faq-category h1 strong, .faq-category h2 strong, .faq-category h3 strong, .faq-category h4 strong, .faq-category p strong{
        font-size: 20px;
        letter-spacing: -0.2px;
    }
}

.custom-accordion .accordion-item p{
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
@media screen and (max-width: 575px){
    .custom-accordion .accordion-body p{
        font-size: 16px;
    }
}

@media screen and (max-width: 575px){
    .custom-accordion .accordion-button p{
        line-height: 24px; /* 120% */
    }
}

.accordion-body a{
    color: #006d36;
    text-decoration: underline;
}
@media screen and (min-width: 769px){
    .text-white-desktop{
        color: #FFFFFF;
    }
}

/*************       Footer style         ***************/
#layout-footer{
    /* background-color:#FB9407; */
    background-color:#ef7601;
}
/* .footerTBGNew{
    background-color:#FB9407;
    padding:100px 70px;
} */
.footerTBGLinkWrp{
    color:#FFFFFF;
    padding-bottom:20px;
    border-bottom:2px solid #FFFFFF;
}
/* .footerTBGLinkWrp h4{
    color: #FFF;
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: 32px;
    letter-spacing: -0.64px;
    text-transform: capitalize;
    margin-bottom:15px;
} */
.footerTBGLink{
    padding:0;
    margin:0;
    display:inline-block;
}
.footerTBGLink li{
    list-style: none;
}
.footerTBGLink li a{
    text-decoration:none;
    color:#FFFFFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 32px; /* 160% */
    text-transform: capitalize;
    padding:8px 0;
    display:block;
}
.footerSocialNetwork a{
    color: #FFFFFF;
}
.footerTBGLink li a:hover, .footerSocialNetwork a:hover{
    color:#006d36;
}
.footerTBGCopy{
    padding-top:10px;
    font-size:18px;
    color:#FFFFFF;
}
.footerTBGCopy p{
    font-size:18px;
    color: #FFF;
    font-style: normal;
    font-weight: 300;
    line-height: 23px; /* 127.778% */
}
.footerTBGCopy ul{
    padding:0;
    margin:0;  
    column-gap: 43px;
    justify-content: flex-end;
    display:flex;
}
.footerTBGCopy ul li{
    list-style:none;
}
.footerTBGCopy ul li a{
    color:#FFFFFF;
    text-decoration: underline;
}
.footerTBGCopy ul li a:hover{
    color:#006d36;
}
@media screen and (max-width: 991px) {
    .footerTBGCopy p{
        text-align:center;
    }
    .footerTBGCopy ul{
        justify-content:center;
    }
}
@media screen and (max-width: 767px) {
    .footerTBGLinkWrp{
        text-align:center;
    }
    .footerTBGCopy ul{
        flex-direction:column;
        align-items:center;
    }
}
@media only screen and (max-width: 767px){
    #layout-header{
        height: 60px;
    }
}

.top-border-radius{
    border-radius: 10px 10px 0 0;
}

.info-button{
    background: #006d36;
    color: #ffffff;
    transition: 0.2s;
}

.info-button:hover, .info-button-active{
    background: #ef7601;
    color: #ffffff;
    transition: 0.2s;
}

.info-button h4{
    margin-bottom: 0px;
}

.mobile-info-carousel, .sticky-container-mobile {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.mobile-info-carousel::-webkit-scrollbar, .sticky-container-mobile::-webkit-scrollbar{
  display: none;
}

.signature-taste-description-image {
    max-width: 212px;
}

.signature-taste-description {
    padding: 24px;
}

@media screen and (max-width: 767px) {
    .signature-taste-description {
        padding: 8px 16px;
    }
}

.signature-taste-description p{
    font-size: 18px;
}

@media screen and (max-width: 575px){
    .signature-taste-description h2{
        font-size: 26px;
    }
}

.signature-taste-image-description{
    padding: 24px 16px;
}

.leaf-icon h3{
    display: inline;
    margin: 0;
    vertical-align: middle;
}

.leaf-icon h3:before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='21' viewBox='0 5 19 20' fill='none' style='vertical-align: middle; margin-right: 5px;'%3E%3Cpath d='M17.9762 20.6257C17.8053 20.9913 17.5214 20.6257 17.5214 20.6257C17.5214 20.6257 16.1426 16.1644 15.1654 15.5068C15.1654 15.5068 12.4871 16.6036 10.1469 16.018C7.80661 15.4332 5.9628 13.8973 4.47425 11.9966C2.98493 10.0951 1.27052 7.96476 0 7.75043C0 7.75043 3.62567 4.89941 7.70152 4.89941C11.7774 4.89941 13.8345 6.14497 14.6854 6.96832C15.5364 7.79168 16.5285 9.22407 16.7057 10.4454C16.7206 10.5473 16.7332 10.6524 16.7426 10.7584C16.8139 11.5413 16.7536 12.3266 16.5755 13.0853C16.0508 12.3735 13.7114 9.40281 10.6763 8.54629C7.21998 7.57169 4.13545 7.75043 4.13545 7.75043C4.13545 7.75043 11.6425 9.03481 15.6179 14.3001C15.7395 14.461 15.8563 14.6139 15.9693 14.7587L15.9614 14.7749C15.9614 14.7749 17.0963 16.3844 17.7339 17.5539C18.3723 18.7242 18.1472 20.2601 17.9762 20.6257Z' fill='%23E5E8D3'/%3E%3C/svg%3E");
    display: inline-block;
    margin-right: 5px;
    margin-left: -23px;
}

.signature-taste-image-description h3{
    font-size: 28px;
    font-weight: 600;
    line-height: 100%;
}


.signature-taste-small-description p{
    font-size: 14px;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.14px;
    margin-bottom: 0px;
    padding-top: 8px;
}

/* .our-story-description {
    padding: 20px;
} */

.our-story-description p{
    font-size: 18px;
}

@media (min-width: 992px){
    .col-lg-story-description {
        flex: 0 0 auto;
        width: 62.5%;
    }
}

@media (min-width: 992px){
    .col-lg-story-image {
        flex: 0 0 auto;
        width: 37.5%;
    }
}

@media (min-width: 450px){
    .our-story-mobile-image{
        max-height:550px
    }
}

.story-year p{
    font-size: 40px;
    font-weight: 700;
    line-height: normal;
}

.scroll-wheel p{
    margin-bottom: 0px;
}