@font-face {
  font-family: "Agrandir-Regular";
  src: url(../fonts/Agrandir-Variable.eot);
  src: url(../fonts/Agrandir-Variable.eot?#iefix) format("embedded-opentype"),
  url(../fonts/Agrandir-Variable.woff) format("woff")
}

@font-face {
  font-family: "Agrandir-Variable-3";
  src: url('../fonts/Agrandir-Variable_3.ttf');
}

@font-face {
    font-family: 'Monteria';
    src: url('../fonts/Monteria-Regular.eot');
    src: url('../fonts/Monteria-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Monteria-Regular.woff2') format('woff2'),
        url('../fonts/Monteria-Regular.woff') format('woff'),
        url('../fonts/Monteria-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Agrandir-Regular";
    src: url('../fonts/Agrandir-Regular.woff') format('woff'),
    url('../fonts/Agrandir-Regular.woff2') format('woff2'),
    url('../fonts/Agrandir-Regular.eot'),
    url('../fonts/Agrandir-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Agrandir-Regular.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Agrandir-TextBold";
    src: url('../fonts/Agrandir-TextBold.woff') format('woff'),
    url('../fonts/Agrandir-TextBold.woff2') format('woff2'),
    url('../fonts/Agrandir-TextBold.eot'),
    url('../fonts/Agrandir-TextBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Agrandir-TextBold.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Agrandir-GrandHeavy";
    src: url('../fonts/Agrandir-GrandHeavy.woff') format('woff'),
    url('../fonts/Agrandir-GrandHeavy.woff2') format('woff2'),
    url('../fonts/Agrandir-GrandHeavy.eot'),
    url('../fonts/Agrandir-GrandHeavy.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Agrandir-GrandHeavy.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Agrandir-GrandLight";
    src: url('../fonts/Agrandir-GrandLight.woff') format('woff'),
    url('../fonts/Agrandir-GrandLight.woff2') format('woff2'),
    url('../fonts/Agrandir-GrandLight.eot'),
    url('../fonts/Agrandir-GrandLight.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Agrandir-GrandLight.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Agrandir-Wide-Black-Italic-900";
    src: url('../fonts/Agrandir-Wide-Black-Italic-900.woff') format('woff'),
    url('../fonts/Agrandir-Wide-Black-Italic-900.woff2') format('woff2'),
    url('../fonts/Agrandir-Wide-Black-Italic-900.eot'),
    url('../fonts/Agrandir-Wide-Black-Italic-900.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Agrandir-Wide-Black-Italic-900.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Agrandir-Variable-1";
    src: url('../fonts/Agrandir-Variable-1.woff') format('woff'),
    url('../fonts/Agrandir-Variable-1.woff2') format('woff2'),
    url('../fonts/Agrandir-Variable-1.svg#Agrandir-Variable-1') format('svg'),
    url('../fonts/Agrandir-Variable-1.eot'),
    url('../fonts/Agrandir-Variable-1.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Agrandir-Variable-1.ttf') format('truetype');

    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
body{    
  font-family: "Agrandir-Regular";
  letter-spacing: 1;
}
.bodyRadialStyle{
    background-image: radial-gradient(circle, #ffffff 0%, #CD9DCD 6%, #9C3B9A 75%);
    padding:0
}
.bodyRadialStyle1{
    background-image: radial-gradient( #ffffff 0%, #CD9DCD 6%, #9C3B9A 75%);
}
.bodyRadialStyle2{
    background-image: radial-gradient(circle, #C361B9 17%, #9f007e 100%);
    padding:0 !important;
}
.bodyRadialStyle3{
    background-image: radial-gradient( #ffffff 0%, #CD9DCD 0%, #9f007e 75%);
}
.Tropical .productDetailImage{
    background-color:#9f007e;
}
.Tropical .productDetailImageInner{
    background-image: radial-gradient( #C361B9 17%, #9f007e 69%);
}
.Tropical .productDetailDesc{
    background-color:#9f007e;
}
.Tropical .productDetailDesc h1{
    color:#fff;
}
.Tropical .productDetailDesc h2{
    color:#fff;
}
.Tropical .productDetailDesc h3{
    color:#fff;
}
.Tropical .productDetailDesc span{
    color:#fff;
}
.Tropical .table thead {
    color:#9f007e;
}

.tabPanelNavLink:hover {
    color: #9f007e;
}

.tabPanelNavLink.active.Tropical {
    background-color:#9f007e;
}
.Pomme_cassis__framboise .productDetailImage{
    /* background-color:#00BF61; */
    background-color:#671e76;
}
.Pomme_cassis__framboise .productDetailImageInner{
    /* background-image: radial-gradient( #D5EEE2 17%, #00BF61 69%); */
    background-image: radial-gradient( #D5EEE250 17%, #671e76 69%);
}
.Pomme_cassis__framboise .productDetailDesc{
    background-color:#671e76;
}
.Pomme_cassis__framboise .productDetailDesc h1{
    /* color:#00BF61; */
    color:#fff;
}
.Pomme_cassis__framboise .productDetailDesc h2{
    /* color:#00BF61; */
    color:#fff;
}
.Pomme_cassis__framboise .productDetailDesc h3{
    /* color:#00BF61; */
    color:#fff;
}
.Pomme_cassis__framboise .productDetailDesc span{
    /* color:#00BF61; */
    color:#fff;
}
.Pomme_cassis__framboise .table thead {
    /* color:#00BF61; */
    color:#671e76;
}
.tabPanelNavLink.active.Pomme_cassis__framboise {
    /* background-color:#00BF61; */
    background-color:#671e76;
}

.Orange .productDetailImage{
    background-color:#16B9ED;
}
.Orange .productDetailImageInner{
    background-image: radial-gradient( #FFFFFF 17%, #16B9ED 69%);
}
.Orange .productDetailDesc{
    background-color:#FFC700;
}
.Orange .productDetailDesc h1{
    color:#16B9ED;
}
.Orange .productDetailDesc h2{
    color:#16B9ED;
}
.Orange .productDetailDesc h3{
    color:#16B9ED;
}
.Orange .productDetailDesc span{
    color:#16B9ED;
}
.Orange .table thead {
    color:#16B9ED;
}
.tabPanelNavLink.active.Orange {
    background-color:#16B9ED;
}

.Lemon-Lime .productDetailDesc{
    background-color: #fddb25;
}
.Lemon-Lime .productDetailImage{
    background-color: #fddb25;
}
.Lemon-Lime .productDetailImageInner{
    background-image: radial-gradient( #FFFFFF50 17%, #fddb25 69%);
}
.Lemon-Lime .productDetailDesc h1{
    color:#fff;
}
.Lemon-Lime .productDetailDesc h2{
    color:#fff;
}
.Lemon-Lime .productDetailDesc h3{
    color:#fff;
}
.Lemon-Lime .productDetailDesc span{
    color:#fff;
}
.Lemon-Lime .table thead {
    color:#fddb25;
}
.tabPanelNavLink.active.Lemon-Lime {
    background-color:#fddb25;
}

.Peach .productDetailDesc{
    background-color: #f17f6f;
}
.Peach .productDetailImage{
    background-color: #f17f6f;
}
.Peach .productDetailImageInner{
    background-image: radial-gradient( #FFFFFF50 17%, #f17f6f 69%);
}
.Peach .productDetailDesc h1{
    color:#fff;
}
.Peach .productDetailDesc h2{
    color:#fff;
}
.Peach .productDetailDesc h3{
    color:#fff;
}
.Peach .productDetailDesc span{
    color:#fff;
}
.Peach .table thead {
    color:#f17f6f;
}
.tabPanelNavLink.active.Peach {
    background-color:#f17f6f;
}

.Pineapple_Vanilla .productDetailDesc{
    background-color: #519e30;
}
.Pineapple_Vanilla .productDetailImage{
    background-color: #519e30;
}
.Pineapple_Vanilla .productDetailImageInner{
    background-image: radial-gradient( #FFFFFF50 17%, #519e30 69%);
}
.Pineapple_Vanilla .productDetailDesc h1{
    color:#fff;
}
.Pineapple_Vanilla .productDetailDesc h2{
    color:#fff;
}
.Pineapple_Vanilla .productDetailDesc h3{
    color:#fff;
}
.Pineapple_Vanilla .productDetailDesc span{
    color:#fff;
}
.Pineapple_Vanilla .table thead {
    color:#519e30;
}
.tabPanelNavLink.active.Pineapple_Vanilla {
    background-color:#519e30;
}

.productDetailImageInner{
    /* max-width: 180px; */
    /* height: 500px; */
    /* padding: 20% 0; */
    padding: 10% 0;
}
@media screen and (max-width: 767px){
    .productDetailImageInner img{
        /* max-width:100px; */
        max-width: 100%;
        /* max-height: 397px; */
        max-height: 100%;
    }
}
.juicy-tropical-30cl .productDetailImageInner img, .peach-33cl .productDetailImageInner img{
    max-width: 180px;
}
.juicy-pomme-cassis-and-framboise-30cl .productDetailImageInner img{
    max-width:140px;
}
.ingredientMain{
    color:#FFFFFF;
    font-weight: normal;
}
.productDetailDesc h1{
    font-size: 34px;
    text-transform:uppercase;
    font-weight:bold;
    font-family: "Agrandir-GrandHeavy";
}
.productDetailDesc h2, h3.our-juices{
    font-size: 30px;
    text-transform:uppercase;
    font-weight:bold;
    font-family: "Agrandir-GrandHeavy";
}
.productDetailDesc p,.ingredientMain{
    font-size:24px;
    line-height: 150%;
    color:#ffffff;
    font-weight: normal;
    margin-bottom:2rem;
    font-family: "Agrandir-Regular" !important;
}
.productDetailDesc h3{
    font-style:italic;
    font-weight:normal;
    font-size:30px;
    margin-bottom: 3rem;
    font-family: 'Monteria' !important;
}
.productDetailDesc img{
    max-width: 70px;
    margin-left:12px;
}
#accordionNutrition .accordion-item{
    background-color:transparent !important;
}
#accordionNutrition .accordion-item .accordion-button{
    background-color:transparent !important;
}
.innerJuiceLink{
    padding:15px;
    padding-bottom:70px;
}
.whole-page-contactez-nous {
    background-image: radial-gradient(at 50% bottom, #EA8CE8 0%,#9f007e 100%);
}
.whole-page-contactez-nous h1{
    color:#ffffff !important;
    font-size:40px;
    text-transform: uppercase;
}
.whole-page-contactez-nous a{
    color:#ffffff;
    text-decoration: underline;
    font-weight: 400;
  font-family: "Agrandir-Regular" !important;
}
.whole-page-contactez-nous .banner{
    display:flex;
    align-items:normal;
    justify-content:center;
}
.whole-page-contactez-nous .banner .col-md-7{
    padding-top:3em;
    padding-bottom:3em;
}
.whole-page-contactez-nous .banner .col-md-5{
    background-image:url(/storage/app/media/Tropicana%20Juicy/Visuel-Juicy%20bouteille-fruits-%20splash-1.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height:450px;
}
.whole-page-notre-gamme h1,.whole-page-home h1{
    text-transform: uppercase;
    font-size: 40px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.whole-page-notre-gamme h1:before,.whole-page-home h1:before{
    content:"";
    width:40px;
    height:40px;
    margin:0 10px;
   /* background-image: url(/storage/app/media/Tropicana%20Juicy/gouttes-orange-left.png); */
    background-image: url(/storage/app/media/assets2026/gouttes-orange-left_v2.png);

    background-size: cover;
    background-repeat: no-repeat;
}
.whole-page-notre-gamme h1:after,.whole-page-home h1:after{
    content:"";
    width:40px;
    height:40px;
    margin:0 10px;
    /* background-image: url(/storage/app/media/Tropicana%20Juicy/gouttes-orange-right.png); */
     background-image: url(/storage/app/media/assets2026/goutte_bleu%20droite_v2.png);
    background-size: cover;
    background-repeat: no-repeat;
}
h1.our-juices {
    font-size: 40px;
    text-transform:uppercase;
    font-weight:bold;
    color:#FFFFFF;
  font-family: "Agrandir-GrandHeavy" !important;
}
.whole-page-competition-terms-and-conditions h1{
    font-size:40px;
    color:#FB9407;
}
.whole-page-competition-terms-and-conditions h2{
    font-size:30px;
    color:#FB9407;
}
.whole-page-competition-terms-and-conditions h3{
    font-size:24px;
    color:#FB9407;
}
.whole-page-competition-terms-and-conditions h4{
    font-size:24px;
    color:#FB9407;
}
.whole-page-competition-terms-and-conditions a,
.whole-page-competition-terms-and-conditions strong{
    color:#FB9407;
}
.whole-page-competition-terms-and-conditions p,
.whole-page-competition-terms-and-conditions ul,
.whole-page-competition-terms-and-conditions li{
    font-size:18px !important;
    line-height: 150%;
    color:#FFFFFF;
    font-weight:normal;
}
.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;
}

.whole-page-home .videoWrp{
    padding-top: 3%;
}
@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: #9f007e;
    color: #fff;
}
.footer-our-products, .footer-contact {
    max-width: 50%;
}
#new-footer a {
    color: #fff;
    /* font-weight: bold; */
    font-family: Agrandir-Variable;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px; /* 127.778% */
}
.our-products-title {
    font-family: Agrandir-Variable;
    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: Agrandir-Variable;
    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:Agrandir-Variable;
    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: Agrandir-Variable;
    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: Agrandir-Variable;
    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: 100px;
    width: 100%;
    z-index: 20;
}
.compensate-nav {
    height: 64px;
}
#layout-header .navbar {
    background: #9f007e;
    color: #FFF;
}
.navbar .navbar-nav>li.nav-item>a.nav-link {
    color: #FFF;
    text-align: center;
    font-family: "Agrandir-GrandHeavy";
    font-size: 15px;
    font-style: normal;
    font-weight: 900;
    line-height: 32px; /* 160% */
    text-transform: uppercase;
    letter-spacing: 1px;
}
@media (min-width:992px) and (max-width: 1080px){
    .navbar .navbar-nav>li.nav-item>a.nav-link {
        font-size: 16px;
    }
}

body {
    background: #9f007e;
}
#layout-content {
    padding-bottom: 0 !important;
}
.leaf-span {
    background-color: #FB9407;
    height: 64px;
    padding: 16px;
}
.tropLogo {
    margin-left: 16px;
}
.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: #FFD500;
}
.navbar .navbar-nav>li.nav-item>a.nav-link:hover, .navbar .navbar-nav>li.nav-item>a.nav-link.active {
    color: #FFD500;
}
.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:#FFD500;
}
.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;
    }
    
    .whole-page-home .videoWrp{
        padding-top: 5%;
    }

}

@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;
    }
    .homePageProductTiles .col-md-4,.homePageProductTiles .col-md-6 {
        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: 0px;
        text-align: center;
        background-color: transparent;
        height: 64px;
        padding: 16px;
    }
    .navbar .navbar-nav>li.nav-item>a.nav-link {
        color:#9f007e;
    }
    .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;
    }
    .whole-page-contactez-nous h1 {
        font-size: 29px;
    }
}

@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: "Agrandir-Variable-1";
    font-weight: 900;
}


@supports (-webkit-touch-callout: none) {
/* CSS specific to iOS devices */ 

    h1, h2, h3, h4, h5, h6, p, body{
        font-family: "Agrandir-Variable-1";
        font-weight: 900;        
        font-variation-settings: 'wght' 700;
    }
}
/* strong{
    font-family: Druk Wide;
} */

h1{
    font-size: 60px;
    font-style: normal;
    /* font-weight: 400; */
    line-height: 120%;
}

@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: 35px;
    font-style: normal;
    /* font-weight: 300; */
    line-height: 70px;
}

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


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

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:20px;
} */

@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:20px;
    }    
}

/* @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%;
    }
    .flip-font{
        font-family: "Monteria";
        font-size: 150%;
        line-height: 90%;
    }
    @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: 90%;
        }
    }
/* ****************************** */

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

.flip-description-card p{
    font-size: 24px;
    font-family: Agrandir-GrandHeavy;
    word-break: break-word;
}


@media (min-width: 992px) and (max-width: 1399px){
    .flip-description-card p{
        font-size: 20px;
    }
}


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

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

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

/* 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: #fff;
    font-weight: bold;
}

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

@media screen and (max-width: 767px){
    .whole-page-notre-gamme h1{
        font-size: 24px;
    }
    .whole-page-notre-gamme .tabPanelNav{
        flex-direction: column;
    }
    .productDetailDesc h1{
        font-size: 24px;
    }.productDetailDesc h3{
        font-size: 20px;
    }
    .productDetailDesc h2, h3.our-juices{
        font-size: 24px;
    }
    .productDetailDesc p{
        font-size: 20px;
        line-height: 130%;
    }
    h1.our-juices strong{
        font-size: 24px;
    }
    .whole-page-notre-gamme h1:before,.whole-page-home h1:before{
        width:50px;
        height:50px;
        background-size: contain;
    }
    .whole-page-notre-gamme h1:after,.whole-page-home h1:after{
        width:50px;
        height:50px;
        background-size: contain;
    }
    
}
@media screen and (max-width: 480px){
    .whole-page-notre-gamme h1{
        padding:0 !important;
    }    
    .whole-page-contactez-nous h1 {
        font-size: 20px;
    }

    .mobile-wrap {
       padding:0px;
    }
    .whole-page-notre-gamme h1{
        font-size: 24px;
    }
    .whole-page-notre-gamme .tabPanelNav{
        flex-direction: column;
    }
    .productDetailDesc h1{
        font-size: 20px;
    }.productDetailDesc h3{
        font-size:18;
    }
    .productDetailDesc h2, h3.our-juices{
        font-size: 20px;
    }
    .productDetailDesc p{
        font-size: 16px;
        line-height: 130%;
    }
    h1.our-juices strong{
        font-size: 20px;
    }
    .whole-page-competition-terms-and-conditions h1{
        font-size:30px;
    }
    .whole-page-competition-terms-and-conditions h2{
        font-size:24px;
    }
    .whole-page-competition-terms-and-conditions h3{
        font-size:20px;
    }
    .whole-page-competition-terms-and-conditions h4{
        font-size:20px;
    }
    .whole-page-competition-terms-and-conditions p,
    .whole-page-competition-terms-and-conditions ul,
    .whole-page-competition-terms-and-conditions li{
        font-size:16px !important;
    }

}

@media screen and (min-width: 768px){
    .border-white-right{
        border-right: 2px solid #ffffff;
    }
}

.category-group{
    font-size: 18px;
    font-family: Agrandir-GrandHeavy;
}