.carousel-control-prev-icon, .carousel-control-next-icon {
    display: none;
}
.carousel-indicators {
    bottom: 20px!important;
}
.carousel-indicators .active {
    background-color: #fff;
}
.carousel-indicators [data-bs-target] {
    border: 1px solid #fff;
    height: 16px;
    width: 16px;
    margin-left: 16px;
    margin-right: 16px;
}

.icon-in-a-row {
    width: auto;
}

.where-to-find-us {
    color: #fff;
    text-align: center;
}

@media (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1140px;
}}
@media (min-width: 1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1320px;
}}

.homePageProductTiles {
    padding: 0 32px;
}
#new-footer {
    background: #FB9407;
    color: #fff;
}
.footer-our-products, .footer-contact {
    max-width: 50%;
}
#new-footer a {
    color: #fff;
    /* font-weight: bold; */
    font-family: IvyPresto Headline;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px; /* 127.778% */
}
.our-products-title {
    font-family: IvyPresto-Headline;
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 72px; /* 112.5% */
    text-align: center;
    margin-bottom: 0;
}
.where-to-find-us {
    font-family: IvyPresto-Headline;
    font-weight: 300;
    font-size: 66px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    margin-bottom: 0;
}
section, footer {
    padding: 48px 0;
}
.section-padding{
    padding: 64px 0;
}
.content-legal {
    color: #FFF;
    text-align: center;
    font-family: Futura-PT;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
}
.footer-our-products, .footer-our-products a {
    color: #FFF;
    /* font-family: Futura-PT; */
    font-family:IvyPresto-Headline;
    font-size: 20px;
    font-style: normal;
    font-weight: 400!important;
    line-height: 32px; /* 160% */
    text-transform: capitalize;
}
.footer-our-products{
    font-size: 18px!important;
}
.footer-contact .footer-address {
    color: #FFF;
    /* font-family: Futura-PT; */
    font-family: IvyPresto Headline;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 160% */
    letter-spacing: -0.4px;
    text-transform: capitalize;
}
.footer-heading {
    color: #FFF;
    font-family: IvyPresto-Headline;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 100% */
    letter-spacing: -0.64px;
    text-transform: capitalize;
    padding-bottom: 20px;
}

.footer-contact-content {
    float: right;
    width: fit-content;
}

.where-to-find-us, .our-products-title {
    padding-bottom: 48px;
}

/* nav */
.top-nav {
    position: fixed;
    height: 64px;
    width: 100%;
    z-index: 20;
}
.compensate-nav {
    height: 64px;
}
#layout-header .navbar {
    background: #007932;
    color: #FFF;
}
.navbar .navbar-nav>li.nav-item>a.nav-link {
    color: #FFF;
    text-align: center;
    font-family: IvyPresto-Headline;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 160% */
    padding: 0 16px;
}
@media (min-width:992px) and (max-width: 1080px){
    .navbar .navbar-nav>li.nav-item>a.nav-link {
        font-size: 16px;
    }
}

body {
    background: #E5E8D3;
}
#layout-content {
    padding-bottom: 0 !important;
}
.leaf-span {
    background-color: #FB9407;
    height: 64px;
    padding: 16px;
}
.tropLogo {
    /* margin-left: 16px; */
    padding: 12px 26px;
    width: 176px;
    height: 64px;
}
.navbar-collapse ul.navbar-nav {
    justify-content: end;
}
.contact-us-header {
    color: #FFF;
    text-align: center;
    font-family: IvyPresto-Headline;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 32px;
    padding: 0 16px;
}
.contact-us-header svg {
    margin: 0 5px;
    margin-bottom: 4px;
}

.contact-us-header svg:hover path {
    fill: #FB9407;
}
.navbar .navbar-nav>li.nav-item>a.nav-link:hover, .navbar .navbar-nav>li.nav-item>a.nav-link.active {
    color: #FB9407;
}
.navbar-collapse ul.navbar-nav {
    padding: 0;
}

.homeSlider .carousel-item .slideDescription {
    padding: 0;
}


.contact-us-footer svg {
    margin: 0 12px;
}
.contact-us-footer svg:hover path {
    fill: #007932;
}
.contact-us-footer svg:first-child {
    margin-left: 0;
}
.footer-contact .n3 a {
    text-decoration: underline;
}
#new-footer a:hover {
    color:#007932;
}
.top-nav-icons {
    height: 64px;
    display: contents;
}

@media screen and (max-width: 768px) {
    .footer-our-products, .footer-contact {
        width: 100%;
        max-width: 100%;
    }
    .footer-contact-content {
        float: left;
        width: 100%;
        padding: 48px 0;
    }
}

@media screen and (max-width: 991px) {
    /* .footer-our-products, .footer-contact {
        width: 100%;
        max-width: 100%;
    }
    .footer-contact-content {
        float: left;
        width: 100%;
        padding: 48px 0;
    } */
    .icon-row .row-of-icons {
        justify-content: space-around !important;
    }
    .where-to-find-us {
        /* font-size: 36px; */
        font-size: 32px;
        font-weight: 300;
    }
    .col-md-4 {
        padding: 12px 0;
    }
    .our-products-title {
        font-size: 48px;
        font-weight: 300;
    }
    #layout-header .top-nav-icons {
        position: absolute;
        width: auto;
        top: 0;
        left: 0;
        text-align: center;
        background-color: #FB9407;
        height: 64px;
        padding: 16px;
    }
    #layout-header .top-nav-icons .leaf-span {
        position: absolute;
        width: auto;
        top: 0;
        left: 0;
        text-align: center;
        background-color: #FB9407;
        height: 64px;
        padding: 16px;
    }
    #layout-header .top-nav-icons .tropLogo {
        position: absolute;
        width: auto;
        /* top: 0; */
        left: 68px;
        /* text-align: center;
        background-color: transparent;
        height: 64px;
        padding: 16px; */
    }
    .navbar .navbar-nav>li.nav-item>a.nav-link {
        color:#007932;
    }
    .contact-us-header {
        display: none;
    }
    .where-to-find-us {
        padding-bottom: 16px;
    }
    .our-products-title {
        padding-bottom: 36px;
    }
    .homeSlider .carousel-item {
        height: 100%;
    }
    #layout-header .navbar {
        min-height: 64px;
    }
    .homeSlider .carousel-inner {
        margin-top: 0;
    }
    /* .carousel-control-prev-icon, .carousel-control-next-icon {
        display: block;
    } */
    #layout-header .navbar-toggler .bi-list:before {
        color: #fff;
    }
    #layout-header .navbar-toggler {
        font-size: 44px;
    }
    /* nav fix */
    #layout-header .navbar-toggler {
        float: right;
        border: 0;
    }
    #layout-header .navbar-toggler.collapsed .bi-list:before {
        content: "\f479";
    }
    #layout-header .navbar>.container {
        display: block;
    }
    #layout-header .navbar-collapse {
        position: absolute;
        top: 100%;
        width: 100%;
        background: rgba(255,255,255,1);
        left: 0px;
        margin-top: 1px;
    }
    #layout-header .navbar-collapse ul.navbar-nav {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    #layout-header .navbar-collapse ul.navbar-nav li {
        width: 80%;
        text-align: center;
        border-bottom: 1px solid rgba(0,0,0,.1);
    }
    #layout-header .navbar-collapse ul.navbar-nav li a {
        display: block;
        padding: 15px;
        font-size: 5vw;
    }
    .homePageProductTiles .col-lg-4 {
        padding-top: 12px;
        padding-bottom: 12px;
        margin: 0 auto;
    }
    .videoSection {
        padding-bottom: 0;
    }
}

@media screen and (max-width: 600px) {
    .homeSlider .carousel-indicators {
        display: none;
    }
    .carousel-control-prev-icon, .carousel-control-next-icon {
        display: block;
    }
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Crect width='40' height='40' rx='20' fill='%23FB9407'/%3E%3Cpath d='M30 20L15 28.6603L15 11.3397L30 20Z' fill='%23007932'/%3E%3C/svg%3E");
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Crect width='40' height='40' rx='20' transform='matrix(-1 0 0 1 40 0)' fill='%23FB9407'/%3E%3Cpath d='M10 20L25 28.6603L25 11.3397L10 20Z' fill='%23007932'/%3E%3C/svg%3E");
}

@media screen and (min-width: 768px) and (max-width: 991px) {
#layout-header .navbar-collapse ul.navbar-nav li a {
    font-size: 4vw;
}
}

@media screen and (min-width: 992px) and (max-width: 1200px){
.where-to-find-us-top-nav {
    display: none;
}
}
.videoWrp .row {
    display: contents !important;
    width: 100%;
}

.hero-mobile {
    display: none;
    width: 100%;
}
.hero-desktop {
    display: inline;
    width: 100%;
}

@media screen and (max-width: 600px) {
    .hero-mobile {
        display: inline;
    }
    .hero-desktop {
        display: none;
    }
}

a{
    transition: 0.2s;
}

.juice-default-hover-image{
    max-height: 250px;
}

@media (min-width: 890px) and (max-width: 991px) {
    .juice-default-hover-image{
        max-height: 276px;
    }    
}
@media (min-width: 475px) and (max-width: 575px) {
    .juice-default-hover-image{
        max-height: 280px;
    }    
}

/* Our products mobile carousel - hide scrollbar */
/* Hide scrollbar for Chrome, Safari and Opera */
.our-juices-mobile-carousel::-webkit-scrollbar, .mobile-faq-category-buttons::-webkit-scrollbar {
  display: none;
}

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


/* User story */
.user-story-button{
    color:#007932;
    text-transform: uppercase;
    display: inline-block;
    padding: 4px 12px;
    border: 1px solid #007932;
}

.user-story-button:hover, .user-story-button-active{
    color:#ffffff;
    background: #007932;
    transition: 0.2s;
    /* border: 1px solid #007932; */
}

/* Category buttons filters */

.button-text-padding{
    padding:0 8px; 
    text-transform: uppercase;
}

@media (min-width: 1200px) and (max-width: 1399px){
    .button-text-padding{
        padding:0 4px; 
        text-transform: uppercase;
    }
}
/* ****************************** */

/* Juice label image */
.juice-label{
    max-width: 48px;
    height: auto;
}
@media screen and (max-width: 1399px) {
    .juice-label{
        max-width: 44px;
    }
}
@media screen and (max-width: 1199px) {
    .juice-label{
        max-width: 28px;
    }
}
@media screen and (max-width: 991px) {
    .juice-label{
        max-width: 48px;
    }
}
/* ****************************** */

/* Category packs on juice pages */

.category-block-height{
    min-height:48px;
}

@media screen and (max-width: 575px){
    .category-block-height{
        min-height:24px
    }
}

.category-pack-height{
    height:249px;
}

@media screen and (max-width: 575px){
    .category-pack-height{
        height:120px;
    }
}

.category-pack-image{
    max-width:322px;
}

@media (min-width:1200px) and (max-width: 1399px){
    .category-pack-image{
        max-width: 275px;
    }
}

@media (min-width:576px) and (max-width: 700px){
    .category-pack-image{
        max-width: 265px;
    }
}

@media screen and (max-width: 575px){
    .category-pack-image{
        max-width:150px;
    }
}
/* ****************************** */

/* Category packs on homepage */
.category-pack-top-height{
    min-height:93px;
}

@media screen and (max-width: 575px){
    .category-pack-top-height{
        min-height:48px;
    }
}

.category-pack-bottom-height{
    min-height:68px;
}

@media screen and (max-width: 575px){
    .category-pack-bottom-height{
        min-height:36px;
    }
}

.home-category-pack-height{
    height:480px;
}

@media (min-width: 992px) and (max-width: 1199px){
    .home-category-pack-height{
        height:430px;
    }
}

@media screen and (max-width: 575px){
    .home-category-pack-height{
        height:250px
    }
}

.home-category-pack-height img{
    max-width:542px
}

@media (min-width: 992px) and (max-width: 1199px){
    .home-category-pack-height img{
        height:410px;
    }
}

@media screen and (max-width: 575px){
    .home-category-pack-height img{
        max-width:322px
    }
}

/* ****************************** */

.small-image {
    cursor: pointer;
}

.small-image-active{
    /* border: 2px solid #007932; */
    outline: 2px solid #007932;
    outline-offset: -2px;
}

.category-pack:hover{
    background: #FB9407!important;
    transition: 0.2s;
}

.faq-category{
    cursor: pointer;
}

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

@media screen and (max-width: 991px) {
    .mobile-wrap{
        padding-left: 20px;
        padding-right: 20px;
    }    
}

@media screen and (max-width: 575px) {
    .mobile-y-wrap{
        padding-top: 32px!important;
        padding-bottom: 32px!important;
    }    
}

@media screen and (max-width: 991px) {
    .mobile-medium-top-padding{
        padding-top:40px;
    }
}

@media screen and (max-width: 991px) {
    .mobile-small-top-padding{
        padding-top:32px!important;
    }
}

@media screen and (max-width: 575px) {
    .mobile-medium-bottom-padding{
        padding-bottom:40px;
    }
}

@media screen and (max-width: 575px) {
    .mobile-small-bottom-padding{
        padding-bottom:32px;
    }
}

.individual-bottom-padding{
    padding-bottom:34px;
}

@media screen and (max-width: 575px) {
    .individual-y-padding-our-ranges{
        padding-top:40px;
        padding-bottom:32px;
    }
}

@media screen and (max-width: 575px) {
    .individual-bottom-padding{
        padding-bottom:7px;
    }
}

@media screen and (max-width: 575px){
    .juice-title-leaf{
        width: 23px;
        height: 20px;
    }
}

@media screen and (max-width: 575px){
    .category-small-leaf{
        width: 10px;
        height: 9px;
    }
}

@media screen and (max-width: 575px){
    .home-category-leaf{
        width: 21px;
        height: 18px;
    }
}

@media screen and (max-width: 991px){
    .faq-image{
        max-height:160px
    }
}

@media screen and (max-width: 991px) {
    .individual-mobile-x-padding{
        padding-left: 20px!important;
        padding-right: 20px!important;
    }    
}


/* FONTS */
@font-face {
  font-family: Druk Wide;
  src: url("/storage/app/media/PHASE%202%20DESIGN/Font/DrukWide-Bold.otf");
}

h1, h2, h3, h4, h5, h6, p, body{
    font-family: IvyPresto-Headline!important;
}


strong{
    font-family: Druk Wide;
}

h1{
    font-size: 46px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

@media (min-width: 992px) and (max-width: 1199px){
    h1{
        font-size: 38px;
    }
}

@media screen and (max-width: 575px){
    h1{
        font-size: 40px;
    }
}

h2{
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media screen and (max-width: 575px){
    h2{
        font-size: 24px;
    }
}
h3{
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

p{
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.full-page-text p {
    font-size: 20px;
}

@media (min-width: 992px) and (max-width: 1199px){
    p{
        font-size: 22px;
    }    
}

@media screen and (max-width: 575px){
    p{
        font-family: IvyPresto Headline;
        font-size: 20px;
        line-height: 140%; /* 28px */
    }
}

th {
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

@media screen and (max-width: 575px){
    th {
        font-size: 12px;
    }
}

td{
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

@media screen and (max-width: 575px){
    td{
        font-size: 11px;
    }
}

.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;
    }
}
.our-juices{
    font-size:50px;
    line-height: 51px;
}
.our-juices strong{
    font-size:48px;
}

@media screen and (max-width: 575px) {
    .our-ranges-mobile{
        font-size: 40px;
        line-height: 41px;
    }
    .our-ranges-mobile strong{
        font-size: 38px;
    }
}

.category-pack-name{
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 100% */
}

@media screen and (max-width: 575px) {
    .category-pack-name{
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 14px; /* 100% */
    }
}

.juice-pack-name{
    font-size:22px;
    font-weight: 400;
}

@media screen and (max-width: 1399px) {
    .juice-pack-name{
        font-size:19px;
    }    
}

/* @media (min-width: 1031px) and (max-width: 1199px) {
    .juice-pack-name{
        font-size:18px;
    }    
} */

@media (min-width: 992px) and (max-width: 1199px) {
    .juice-pack-name{
        font-size:17px;
    }    
}

@media (min-width: 635px) and (max-width: 768px) {
    .juice-pack-name{
        font-size:16px;
    }    
}

@media (min-width: 576px) and (max-width: 634px) {
    .juice-pack-name{
        font-size:14px;
    }    
}

@media screen and (max-width: 575px) {
    .juice-pack-name{
        font-size:18px;
    }    
}

@media screen and (max-width: 380px) {
    .juice-pack-name{
        font-size:17px;
    }    
}

.juice-pack-bottom-text{
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 14.9px; /* 93.125% */
}

.category-pack-bottom-text{
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 14.9px; /* 93.125% */
}

.category-pack-bottom-text{
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 14.9px; /* 93.125% */
}

@media screen and (max-width: 575px) {
    .category-pack-bottom-text{
        font-size: 8px;
        font-style: normal;
        line-height: 8px;
    }   
}

.category-button{
    font-size:26px;
    transition: 0.2s;
    cursor: pointer;
}

@media screen and (max-width: 1399px) {
    .category-button{
        font-size:23px;
    }
}

.find-that-juice{
    font-size: 52px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

@media (min-width: 992px) and (max-width: 1199px){
    .find-that-juice{
        font-size: 42px;
    }    
}

@media screen and (max-width: 575px){
    .find-that-juice{
        font-size: 36px;
    }    
}

.category-pack-name-home{
    font-size:42px
}

@media screen and (max-width: 575px){
    .category-pack-name-home{
        font-size:22px;
        line-height: 0px;
    }
}

.category-pack-bottom-text-home{
    font-size: 28px;
}

@media screen and (max-width: 575px){
    .category-pack-bottom-text-home{
        font-size: 15px;
    }
}

.faq-category h1, .faq-category h2, .faq-category h3, .faq-category h4, .faq-category p{
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.3px;
    text-transform: uppercase;
}

.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;
    }
}

.changeable-category-text, .changeable-category-text h2{
    font-size: 24px!important;
    font-style: normal;
    font-weight: 100;
    line-height: normal;
    letter-spacing: -0.24px;
    text-transform: uppercase;
}

.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% */
    }
}

.custom-accordion .accordion-item .accordion-body p{
    font-weight: 300;
}

.references p{
    font-size: 0.8em;
    line-height: 19px;
    margin-bottom: 0.5rem;
}

@media screen and (max-width: 575px){
    .references p{
        font-size: 10px!important;
    }
}

.small-text p{
    font-size: 14px;
}

.huge-size{
    font-size: 111.757px;
    font-style: normal;
    font-weight: 300;
    line-height: 90.442px; /* 80.928% */
}

.faq-huge-text{
    font-size: 58px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.58px;
}

.faq-huge-text strong{
    font-size: 56px;
}

@media (max-width: 1399px) {
    .faq-huge-text, .faq-huge-text strong{
        font-size: 52px;
    }    
}

@media (max-width: 1199px) {
    .faq-huge-text, .faq-huge-text strong{
        font-size: 44px;
    }    
}

@media (max-width: 991px) {
    .faq-huge-text, .faq-huge-text strong{
        font-size: 32px;
        line-height: 32px;
    }
}

/* That Juice Goodness */
.info-buttons{
    padding-top: 56px;
}
@media (min-width: 576px) and (max-width: 991px){
    .info-buttons{
        padding-left: 20px;
        padding-right: 20px;
    }
}
.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;
}
.info-buttons h4{
    font-size: 30px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.3px;
    margin-bottom: 0px;
}
.info-buttons h4 strong{
    font-size: 28px;
    font-weight: 900;
    line-height: normal;
    letter-spacing: -0.3px;
}

@media screen and (max-width: 991px){
    .info-buttons{
        padding-top: 32px;
    }
    .info-buttons h4, .info-buttons h4 strong{
        font-size: 18px;
        letter-spacing: -0.2px;
    }

}

@media screen and (max-width: 991px){
    .info-buttons{
        padding-top: 32px;
    }
    .info-buttons h4, .info-buttons h4 strong{
        font-size: 18px;
        letter-spacing: -0.2px;
    }

}
@media (min-width: 576px) and (max-width: 590px){
    .info-buttons h4, .info-buttons h4 strong{
        font-size: 17px;
    }
}
/* ****************************** */

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

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

.our-story h1{
    font-size: 79px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.our-story h1 strong{
    font-size: 74px;
}

.our-story p{
    letter-spacing: -0.24px;
    line-height: unset;
}

@media screen and (max-width: 1399px){
    .our-story p{
        font-size: 20px;
        line-height: normal;
    }    
    .our-story h1{
        font-size: 60px;
    }
    .our-story h1 strong{
        font-size: 58px;
    }
    .our-story-leaf{
        width: 38px;
        height: 32px;
    }
}
@media screen and (max-width: 1199px){
.our-story-description{
        padding: 20px;
    }
}

@media screen and (max-width: 991px){
    .our-story, .signature-taste{
        padding: 0 20px;
    } 
    .our-story p {
        font-size: 22px;
    }
    .our-story-mobile-image{
        max-height: 270px;
    }
}

@media screen and (max-width: 700px){
    .our-story p {
        font-size: 20px;
    }
}

@media screen and (max-width: 575px){
    .our-story-description{
        padding: 20px 12px;
    } 
    .our-story h1{
        font-size: 32px;
    }

    .our-story h1 strong{
        font-size: 32px;
    }

    .our-story p{
        font-size: 16px;
        line-height: unset;
    }
    .our-story-leaf{
        width: 20px;
        height: 19px;
    }
}

@media screen and (max-width: 470px){
    .our-story-mobile-image{
        max-height: 328px;
    }
}
/* ****************************** */

/* Our story - Carousel */
@media screen and (max-width: 991px){
    .scroll-wheel{
        padding: 0px;
    }    
}

.scroll-wheel p{
    font-size: 20px;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.2px;
    margin-bottom: 0px;
}

.scroll-wheel h1{
    font-size: 56px;
    font-weight: 900;
    line-height: 62px;
    letter-spacing: -0.56px;
}

@media screen and (max-width: 575px){
    .scroll-wheel p{
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        letter-spacing: -0.14px;
    }

    .scroll-wheel h1{
        font-size: 32px;
        line-height: 38px;
        letter-spacing: -0.32px;
    }
}

@media screen and (max-width: 575px) {
    .story-image{
        max-width: 280px;
    }
}

@media screen and (max-width: 450px) {
    .story-image{
        max-width: 220px;
    }
}
@media screen and (max-width: 400px) {
    .story-image{
        max-width: 200px;
    }
}

.history-description{
    padding: 2.5rem;
}

@media screen and (max-width: 575px) {
    .history-description{
        padding: 12px;
    }
}

/* Signature taste Image + Description*/
.signature-taste-description{
    padding: 24px;
}

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

.signature-taste-description h2{
    font-size: 66px;
    font-style: normal;
    font-weight: 300;
    line-height: 66px; /* 100% */
    letter-spacing: -0.66px;
}

.signature-taste-description p{
    letter-spacing: -0.24px;
}

@media screen and (max-width: 1399px){
    .signature-taste-description h2{
        font-size: 52px;
        line-height: 52px;
    }
    .signature-taste-description p{
        font-size: 20px;
    }
}

@media screen and (max-width: 700px){
    .signature-taste-description h2{
        font-size: 44px;
        line-height: 44px; 
    }
}

@media screen and (max-width: 575px){
    .signature-taste-description {
        padding: 8px 16px;
    }
    .signature-taste-description-image{
        max-width: 175px
    }
    .signature-taste-description h2{
        font-size: 34px;
        line-height: 32px; /* 94.118% */
        letter-spacing: -0.34px;
    }
    .signature-taste-description p{
        font-size: 16px;
        line-height: normal;
        letter-spacing: -0.16px;
    }
}
/* ****************************** */

/* Signature taste columns */

.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{
    padding: 24px 16px;
}

.signature-taste-image-description h3{
    font-size: 34px;
    font-weight: 400;
    line-height: 100%;
    margin-bottom: 0px;
}

.signature-taste-image-description h3 strong{
    font-size: 28px;
    line-height: 20.974px; /* 74.906% */
    letter-spacing: -0.28px;
}

.signature-taste-image-description p{
    font-size: 20px;
    line-height: 24px; /* 120% */
    letter-spacing: -0.2px;
    margin-bottom: 0px;
}

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


@media screen and (max-width: 991px){
    .signature-taste-image-description p{
        font-size: 16px;
        line-height: normal;
        letter-spacing: -0.16px;
    }
    .signature-taste .col-md-4 {
        padding: 4px 0;
    }
    .signature-taste-small-description p{
        font-size: 12px;
        padding-top: 4px;
    }
}

@media (min-width: 768px) and (max-width: 991px){
    .signature-taste-image-description h3{
        font-size: 26px;

    }

    .signature-taste-image-description h3 strong{
        font-size: 22px;
    }
    .leaf-icon h3:before{
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='21' viewBox='0 2 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");
    }
}
@media screen and (max-width: 575px){
    .signature-taste-image-description{
        padding: 24px 8px;
    }
}
/* ****************************** */

/* Flip cards Description */
    .green-scrollbar p, .beige-scrollbar p{
        padding-right: 0.5rem;
    }
    .flip-cards{
        padding-top: 53px;
        padding-bottom: 83px;
    }
    .flip-cards h1{
        font-size: 66px;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.66px;
        margin-bottom: 0px;
    }
    .flip-cards h1 strong{
        font-size: 62px;
        font-weight: 900;
        line-height: normal;
        letter-spacing: -0.62px;
    }
    .flip-cards p{
        font-size: 24px;
        font-weight: 300;
        line-height: normal;
        letter-spacing: -0.24px;
        margin-bottom: 0px;
        
    }

    .description-back-card-side p{
        /* font-size: 14px;
        line-height: 16px; */
        font-size: 20px;
        line-height: normal;
        letter-spacing: -0.2px;
        margin-bottom: 0px;
    }
    .popup-content p{
        width: 95%;
    }
    @media (min-width: 1200px) and (max-width: 1399px){
        .description-back-card-side p{
            font-size: 19px;
        }
    }
    @media (min-width: 992px) and (max-width: 1199px){
        .description-back-card-side p{
            font-size: 18px;
        }
    }
        @media (min-width: 576px) and (max-width: 768px){
        .description-back-card-side p{
            font-size: 19px!important;
        }
    }

    @media screen and (max-width: 991px){
        #juice-secrets{
            padding-top: 20px;
            padding-left: 20px;
            padding-right: 20px;
            padding-bottom: 24px;
        }
        .cards-top-padding{
            padding-top: 16px!important;
        }
        .popup-content p {
            font-size: 16px;
            line-height: normal;
            letter-spacing: -0.16px;
            margin-bottom: 0px;
            width: 90%;
        }
    }
    @media screen and (max-width: 767px){
        .flip-cards{
            padding-top: 32px;
            padding-bottom: 32px;
        }
        .flip-cards h1, .flip-cards h1 strong{
            font-size: 40px;
            letter-spacing: -0.32px;
        }
        .flip-cards p{
            font-size: 20px;
            letter-spacing: -0.16px;
        }
        .flip-cards-leaf{
            width: 23px;
            height: 21px;
        }
    }
    @media screen and (max-width: 575px){
        .flip-cards{
            padding-top: 32px;
            padding-bottom: 32px;
        }
        .flip-cards h1, .flip-cards h1 strong{
            font-size: 32px;
            letter-spacing: -0.32px;
        }
        .flip-cards p{
            font-size: 16px;
            letter-spacing: -0.16px;
        }
        .flip-cards-leaf{
            width: 20px;
            height: 17px;
        }
        .popup-content p {
            font-size: 16px;
            line-height: normal;
            letter-spacing: -0.16px;
            margin-bottom: 0px;
            width: 85%;
        }
    }
/* ****************************** */

/* Flip cards  */
.cards-top-padding{
    padding-top: 40px;
}

.flip-description-card p{
    font-size: 40px;
    line-height: 100%;
    letter-spacing: -0.4px;
}

.flip-description-card p strong{
    font-size: 36px;
    line-height: 100%;
}

@media (min-width: 1200px) and (max-width: 1399px){
    .flip-description-card p{
        font-size: 31px;
    }
    .flip-description-card p strong{
        font-size: 28px;
        line-height: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1199px){
    .flip-description-card p{
        font-size: 27px;
    }
    .flip-description-card p strong{
        font-size: 25px;
    }
}
@media (min-width: 576px) and (max-width: 767px){
    .flip-description-card p{
        font-size: 31px;
    }
    .flip-description-card p strong{
        font-size: 28px;
    }
}

@media screen and (max-width: 575px){
    .flip-description-card p{
        font-size: 20px;
    }
    .flip-description-card p strong{
        font-size: 19px;
    }
}

@media screen and (min-width: 1400px) {
    .big-column{
        padding:0 4px;
    }    
}

@media (min-width: 768px) and (max-width: 991px) {
    .custom-media{
        display: flex;
        justify-content: center;
    }
    .big-column{
        width:645px;
    }    
}


/* ScrollBar Back Card Side */
.description-back-card-side::-webkit-scrollbar {
    width: 6px;
}

/* Track */
.description-back-card-side::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
.description-back-card-side::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.description-back-card-side.green-scrollbar::-webkit-scrollbar-thumb {
    background: #007932; 
}
.description-back-card-side.beige-scrollbar::-webkit-scrollbar-thumb {

    background: #DDE0C7; 
}

@media screen and (min-width: 992px){
    .hover-orange:hover{
        background:#FB9407!important;
        transition: 0.2s;
    }
    .hover-green:hover{
        color:#E5E8D3!important;
        background: #007932!important;
        transition: 0.2s;
    }

    .hover-green:hover path {
        transition: 0.2s;
        fill: #E5E8D3;
    }    
}

/* Flip cards functionality*/
    .flip-container{
        perspective: 1000px;
    }
        
    .flip-card {
      position: relative;
      cursor: pointer;
      transform-style: preserve-3d;
      transform-origin: center right;
      transition: transform 1s;
    }

    @media screen and (min-width:576px) {
        .flip-card.is-flipped {
          transform: translateX(-100%) rotateY(-180deg);
        }
    }

    .card__face {
      position: absolute;
      backface-visibility: hidden;
    }

    .card__face--back {
      transform: rotateY(180deg);
      position: absolute;
      top: 0;
      left: 0;
    }

    /* @media screen and (max-width:575px){ */
        .popup-container {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(255, 255, 255, 0.24);
            -webkit-backdrop-filter: blur(7px);
            backdrop-filter: blur(7px);
            z-index: 9999;
            justify-content: center;
            align-items: center;
        }

        .popup-content {
            position: relative;
            background: #fff;
            padding: 24px 16px;
            margin: 0 20px;
            background: #007932;
            color: #E5E8D3;
        }
        .close-popup-button{
            position: absolute;
            top: 24px;
            right: 16px;
        }
    /* } */

/* ****************************** */

/* Nutritional */
.whole-page-juice-benefits h1{
    font-size:75px;
}
.juice-benefits-bold-font strong{
    font-family: IvyPresto-Headline;
    font-weight: 900;
}
@media only screen and (max-width: 1200px) {
    .whole-page-juice-benefits h1{
        font-size:70px;
    }
}
@media only screen and (max-width: 1024px) {
    .vitBlockSectionInner{
        padding:50px 25px;
    }
}
@media only screen and (max-width: 991px) {
    .whole-page-juice-benefits h1{
        font-size:60px;
    }
}
@media only screen and (max-width: 575px) {
    .whole-page-juice-benefits h1{
        font-size:40px;
    }
}
.nutritional-leaf{
    width:50px;
    height:50px;
}

@media only screen and (max-width: 991px) {
    .nutritional-leaf{
        width:40px;
        height:40px;
    }    
}

@media only screen and (max-width: 575px) {
    .nutritional-leaf{
        width:30px;
        height:30px;
    }    
}

/* ****************************** */

/* Overide bootstrap */

.col-flip-medium{
    max-width: 405px;
}
.col-flip-small{
    max-width: 248px;
}
@media (min-width: 992px){
    .custom-col-lg-4 {
        flex: 0 0 auto;
        width: 32%!important;
    }
}

@media (min-width: 768px){
    .custom-col-md-6 {
        flex: 0 0 auto;
        width: 47%;
    }
}

@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 (max-width: 991px){
    .ps-2-mobile {
        padding-left: 0.5rem!important;
    }
}

.gx-cards{
    --bs-gutter-x: 8px;
}

@media (max-width: 991px){
    .ps-lg-20px{
        padding-left:20px;
    }
}

.font-300 h1, .font-300 h2, .font-300 h3, .font-300 h4, .font-300 h5, .font-300 h6, .font-300 p{
    font-weight: 300;
}
/* ****************************** */

/* 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:32px;
    height:32px;
    background-size: 32px;
}

@media screen and (max-width: 991px){
    .accordion-button:after {
        width:24px;
        height:24px;
        background-size: 24px;
    }
}

.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");
}
/* # */
.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;
}

/* Table */

.table{
    color:#ffffff
}

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

/* .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;
}

.animated-text {
        background: linear-gradient(45deg, #007932, #ffffff);
        background-size: 1500%; 
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-animation: dsm-animated-gradient-flow 8s ease-in-out infinite;
        animation: dsm-animated-gradient-flow 8s ease-in-out infinite;
    }

    @keyframes dsm-animated-gradient-flow {
        0% {
            background-position: 0% 50%;
        }
        50% {
            background-position: 100% 50%;
        }
        100% {
            background-position: 0% 50%;
        }
    }