@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
.sec1 .text-content h1{
    font-family: "Poppins", sans-serif!important;
    font-weight: normal;

}

:root{

    /* Floating menu */
    --menu-bg:#e30613;
    --icon-color:#fff;
    --menu-width:42px;
    --icon-size:22px;

    /* Split quote */
    --sq-panel-bg:#e30613;
    --sq-title:#fff;
    --sq-text:#fff;
    --sq-gap:56px;
    --sq-min-h:540px;
    --sq-divider:rgba(255,255,255,.25);

    --page-bg: #ffffff;
    --divider: #e5e5e5;

    --bg:#595b5f;             /* slightly warm grey like screenshot */
    --text:#e9e9ea;
    --muted:#bfc2c6;
    --white:#fff;
    --accent:#E50119;

    --container:1180px;
    --gap-xl:64px;
    --gap-lg:44px;
    --gap-md:28px;

    /* Spacing scale */
    --space-1:6px;
    --space-2:10px;
    --space-3:14px;
    --space-4:18px;
    --space-5:22px;
    --space-6:28px;
    --space-7:36px;
    --space-8:44px;
    --space-9:56px;

    /* Type scale (fluid) */
    --fs-12: clamp(.75rem, .65rem + .2vw, .8rem);
    --fs-14: clamp(.85rem, .8rem + .2vw, .95rem);
    --fs-16: clamp(.95rem, .9rem + .3vw, 1rem);
    --fs-18: clamp(1rem, .95rem + .4vw, 1.125rem);
    --fs-36: clamp(1.75rem, 1.2rem + 2.2vw, 2.25rem);
    --fs-44: clamp(2rem, 1.4rem + 3vw, 2.75rem);
}

/* demo page bg only */
body{
    margin:0;
    min-height:100vh;
    background:#cfcfcf;
    font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;
}

/*.header-1 {*/
    /*max-width: 2000px;*/
    /*font-family: 'Poppins';*/
    /*padding-top: 30px;*/
/*}*/
/*.header-1 .navbar{*/
    /*padding-block: .6rem;*/
    /*background: #fff;*/
    /*height: 98.65px;*/
    /*padding: 0px 10% 0px 10%;*/
/*}*/

/*!* Brand logo: scale smoothly, keep aspect ratio *!*/
/*.header-1 .navbar-brand img{*/
    /*height: clamp(48px, 7vw, 98px);*/
    /*width: 187.66px;            !* don't force width *!*/
    /*!*max-width: 100%;*!*/
    /*display: block;*/
/*}*/

/*!* Nav links *!*/
/*.header-1 .nav-link{*/
    /*color: #5A5B5E !important;*/
    /*font-weight: 500;*/
    /*font-size: clamp(.9rem, 1.2vw, 1rem);*/
    /*padding-inline: clamp(.6rem, 1.2vw, .9rem) !important;*/
    /*white-space: nowrap;*/
/*}*/
/*.header-1 .nav-link:hover,*/
/*.header-1 .nav-link:focus{*/
    /*color: #000 !important;*/
    /*text-decoration: none;*/
/*}*/

/*!* Language switch *!*/
/*.header-1 .lang-switch a{*/
    /*color: #5A5B5E !important;*/
    /*font-weight: 500;*/
    /*text-decoration: none;*/
    /*margin-inline: .25rem;*/
    /*font-size: clamp(14px, 2.2vw, 18px) !important;*/
/*}*/
/*.header-1 .lang-switch a.active{*/
    /*color: var(--brand-red) !important;*/
/*}*/

/*!* Collapsed area padding (mobile) *!*/
/*.header-1 .navbar-collapse{*/
    /*padding: 12px;*/
/*}*/

/*!* Container width *!*/
/*.header-1 .container-custom{*/
    /*width: 100%;*/
    /*max-width: 1200px;  !* default desktop cap *!*/
    /*margin-inline: auto;*/
    /*padding-inline: 16px;*/
/*}*/

/*@media (min-width: 1600px){*/
    /*.header-1 .container:not(.container-bs):not(.container-xl-custom):not(.container-XXL-custom){*/
    /*max-width: 1600px;*/
    /*}*/
    /*.header-1 .navbar-brand img{*/
    /*height: 98px;*/
    /*}*/
    /*.header-1 .nav-link{*/
    /*font-size: 1.125rem;*/
    /*}*/
    /*}*/

    /*!* 1200px–1599px (large desktop) *!*/
    /*@media (min-width: 1200px) and (max-width: 1599.98px){*/
    /*.header-1 .container:not(.container-bs):not(.container-xl-custom):not(.container-XXL-custom){*/
    /*max-width: 1380px;*/
    /*}*/
    /*.header-1 .navbar-brand img{*/
    /*height: 90px;*/
    /*}*/
    /*}*/


/*!* 768px–991px (tablet) *!*/
/*@media (min-width: 768px) and (max-width: 1100px){*/
/*.header-1 .navbar{*/
/*padding-block: .55rem;*/
/*}*/
    /*.header-1 .navbar-brand img{*/
        /*height: 82px;*/
    /*}*/
/*.header-1 .navbar-brand img{*/
/*height: 72px;*/
/*}*/
/*.header-1 .nav-link{*/
/*font-size: 1rem;*/
/*padding-inline: .75rem !important;*/
/*}*/
/*.header-1 .navbar-collapse{*/
/*padding: 14px;*/
/*}*/
/*}*/

/*!* ≤767px (mobile) *!*/
/*@media (max-width: 767.98px){*/
/*.header-1 .navbar{*/
/*padding-block: .5rem;*/
/*}*/
/*.header-1 .navbar-brand img{*/
/*height: 58px;*/
/*}*/
/*.header-1 .navbar-collapse{*/
/*padding: 12px;*/
/*}*/
/*!* Make collapsed links full-width & easy to tap *!*/
/*.header-1 .nav-link{*/
/*display: block;*/
/*padding-block: .6rem !important;*/
/*white-space: normal;             !* allow wrap on small screens *!*/
/*}*/
/*!* Stack & center language switch if needed *!*/
/*.header-1 .lang-switch{*/
/*display: flex;*/
/*flex-wrap: wrap;*/
/*gap: .25rem .5rem;*/
/*margin-top: .25rem;*/
/*}*/
/*}*/

/*!* ≤480px (small phones) *!*/
/*@media (max-width: 479.98px){*/
/*.header-1 .navbar-brand img{*/
/*height: 52px;*/
/*}*/
/*.header-1 .nav-link{*/
/*font-size: .95rem;*/
/*}*/
/*}*/


.dropdown-toggle::after{
    display: none !important;
}
/* Basic dropdown menu styling */
.header-1 .navbar-nav .dropdown-menu {
    border-radius: 0;
    border: 0;
    margin-top: 0;
    padding-block: .5rem;
    box-shadow: 0 10px 25px rgba(0,0,0,.08);
}

/* Make nav text & dropdown items visually consistent */
.header-1 .navbar-nav .dropdown-item {
    font-size: clamp(.9rem, 1.1vw, 1rem);
    font-weight: 400;
    color: #5A5B5E;
}
.header-1 .navbar-nav .dropdown-item:hover,
.header-1 .navbar-nav .dropdown-item:focus {
    color: #000;
    background-color: #f3f3f3;
}

/* DESKTOP: open dropdown on hover */
@media (min-width: 1200px) {
    .header-1 .navbar-nav .dropdown:hover > .dropdown-menu {
        display: block;
    }

    /* Optional: little animation feel */
    .header-1 .navbar-nav .dropdown-menu {
        transform: translateY(8px);
        opacity: 0;
        transition: opacity .18s ease, transform .18s ease;
    }
    .header-1 .navbar-nav .dropdown:hover > .dropdown-menu {
        opacity: 1;
        transform: translateY(0);
    }
}

/* MOBILE/TABLET: use Bootstrap's click behavior (no hover changes) */
@media (max-width: 1199.98px) {
    .header-1 .navbar-nav .dropdown-menu {
        box-shadow: none;
        margin-left: 1rem;
    }
}

/* SECOND LEVEL DROPDOWN (to the right) */
.header-1 .dropdown-submenu {
    position: relative;
}

.header-1 .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: .1rem;
    margin-top: -0.25rem;
}

@media (min-width: 1200px) {
    .header-1 .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }
}
/*////////////////*/


.header-1 {
    max-width: 2000px;
    font-family: 'Poppins';
    /*padding-top: 30px;*/
}

.header-1 .navbar{
    background: #fff;
    padding: 0 10%;
    min-height: 98.65px;          /* was: height: 98.65px; */
    align-items: center;          /* keep content centered */
}

/* Brand logo: scale smoothly, keep aspect ratio */
.header-1 .navbar-brand img{
    height: clamp(48px, 7vw, 98px);
    width: 187.66px;
    display: block;
}

/* Nav links */
.header-1 .nav-link{
    color: #5A5B5E !important;
    font-weight: 500;
    font-size: clamp(.9rem, 1.2vw, 1rem);
    padding-inline: clamp(.6rem, 1.2vw, .9rem) !important;
    white-space: nowrap;
}
.header-1 .nav-link:hover,
.header-1 .nav-link:focus{
    color: #000 !important;
    text-decoration: none;
}

/* Language switch */
.header-1 .lang-switch a{
    color: #5A5B5E !important;
    font-weight: 500;
    text-decoration: none;
    margin-inline: .25rem;
    font-size: 18px !important;

}
.header-1 .lang-switch a.active{
    color: var(--brand-red) !important;
}

/* Collapsed area padding (mobile) */
.header-1 .navbar-collapse{
    padding: 12px;
}

/* Container width */
.header-1 .container-custom{
    width: 100%;
    max-width: 1200px;
    margin-inline: auto;
    padding-inline: 16px;
}

/* Custom hamburger icon (so it’s always visible) */
.header-1 .navbar-toggler{
    border: none;
    padding: .25rem .5rem;
}
.header-1 .navbar-toggler:focus{
    box-shadow: none;
}
.header-1 .navbar-toggler-icon{
    width: 24px;
    height: 2px;
    background-color: #333;
    position: relative;
    display: inline-block;
}
.header-1 .navbar-toggler-icon::before,
.header-1 .navbar-toggler-icon::after{
    content: "";
    position: absolute;
    left: 0;
    width: 24px;
    height: 2px;
    background-color: #333;
}
.header-1 .navbar-toggler-icon::before{
    top: -6px;
}
.header-1 .navbar-toggler-icon::after{
    top: 6px;
}

/* ≥1600px */
@media (min-width: 1600px){
    .header-1 .container:not(.container-bs):not(.container-xl-custom):not(.container-XXL-custom){
        max-width: 1600px;
    }
    .header-1 .navbar-brand img{
        height: 98px;
    }
    .header-1 .nav-link{
        font-size: 1.125rem;
    }
}

/* 1200px–1599px (large desktop) */
@media (min-width: 1200px) and (max-width: 1599.98px){
    .header-1 .container:not(.container-bs):not(.container-xl-custom):not(.container-XXL-custom){
        max-width: 1380px;
    }
    .header-1 .navbar-brand img{
        height: 90px;
    }
}

/* 768px–1100px (tablet) */
@media (min-width: 768px) and (max-width: 1100px){
    .header-1 .navbar{
        padding-block: .55rem;
    }
    .header-1 .navbar-brand img{
        height: 72px;
    }
    .header-1 .nav-link{
        font-size: 1rem;
        padding-inline: .75rem !important;
    }
    .header-1 .navbar-collapse{
        padding: 14px;
    }
}

/* ≤767px (mobile) */
@media (max-width: 767.98px){
    .header-1 .navbar{
        padding-block: .5rem;
    }
    .header-1 .navbar-brand img{
        height: 58px;
    }
    .header-1 .navbar-collapse{
        padding: 12px 0;
        background: #fff;           /* dropdown background */
    }
    /* Make collapsed links full-width & easy to tap */
    /*.header-1 .nav-link{*/
        /*display: block;*/
        /*padding: .6rem 0 !important;*/
        /*white-space: normal;*/
        /*border-top: 1px solid #eee;*/
    /*}*/
    /*!* Stack & center language switch if needed *!*/
    /*.header-1 .lang-switch{*/
        /*display: flex;*/
        /*flex-wrap: wrap;*/
        /*gap: .25rem .5rem;*/
        /*margin-top: .25rem;*/
        /*padding-left: 0px !important;*/
    /*}*/
    .header-1 .nav-link{
        display: block;
        padding: .5rem 0 !important;
        white-space: normal;
        border-top: 1px solid #eee;
        padding-left: 14px !important
    }
    /* Stack & center language switch if needed */
    .header-1 .lang-switch{
        display: flex;
        flex-wrap: wrap;
        gap: .25rem .5rem;
        margin-top: .25rem;
        padding-left: 11px !important;
    }
}

/* ≤480px (small phones) */
@media (max-width: 479.98px){
    .header-1 .navbar-brand img{
        height: 60px !important;
    }
    .header-1 .nav-link{
        font-size: .95rem;
    }
}

/*//////////
////////////////////////
///////   Flavor  //////////
////////////////////////

*/

.img-flx{
    flex: 0 0 auto;
    width: 45% !important;
}

.text-flx{
    flex: 0 0 auto;
    width: 55%;
}

.sec1 .flavor-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 2000px !important;
    width: 100%;
    background-color: white;
    border-radius: 12px;
    padding: 60px 12%;
    gap: 40px;
    font-family: 'Poppins';
}

.sec1 .text-content {
    flex: 1;
}

.sec1 .text-content h1 {
    line-height: 1.2;
    font-size: 60px;
    font-family: Poppins, Regular;
    letter-spacing: 2px;
    word-spacing: 3px;
    color: #5A5B5E;
    margin-bottom: 12px;
}

.sec1 .text-content p {
    font-size: 1.1rem;
    color: #666;
    line-height: 1.6;
}

.sec1 .button-container {
    display: flex;
    align-items: center;
}
.button-container svg{
    margin-left: 27% !important;
}
.sec1 .learn-more-btn {
    background-color: #E50119;
    color: white;
    height: 68px;
    width: 243px;
    border: none;
    padding: 20px 0px 0px 36px;
    font-size: 16px;
    border-radius: 40px;
    cursor: pointer;
    transition: all 0.3s
    ease;
    box-shadow: 0 4px 15px rgba(229, 1, 25, 0.2);
    text-decoration: none !important;
}

/*.sec1 .learn-more-btn:hover {*/
    /*background-color: #c40116;*/
    /*transform: translateY(-2px);*/
    /*box-shadow: 0 6px 20px rgba(229, 1, 25, 0.3);*/
/*}*/
.sec1.learn-more-btn:active{ transform: translateY(0); opacity:.9; }

/* Responsive design */
@media (max-width: 768px) {
    .flavor-section {
        flex-direction: column;
        text-align: center;
        padding: 40px 30px;
    }

    .text-content h1 {
        font-size: 2.2rem;
    }
}


/* ================================
   Floating menu
================================ */
.floating-menu{
    position: fixed;
    inset-block-start: 50%;
    inset-inline-end: 0;
    transform: translateY(-50%);
    width: var(--menu-width);
    background: var(--menu-bg);
    border-radius: 20px 0 0 20px;
    padding: var(--space-2) var(--space-1);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}

.floating-menu a{
    inline-size: 44px;          /* min touch target */
    block-size: 44px;
    display:grid;
    place-items:center;
    color:var(--icon-color);
    text-decoration:none;
    border-radius:50%;
    transition:transform .18s ease, background-color .18s ease, box-shadow .18s ease;
    font-size:var(--icon-size);
    outline: none;
    text-decoration: none !important;
}
/*.floating-menu a:hover{*/
    /*inline-size: 55px;          !* min touch target *!*/
    /*block-size: 55px;*/
/*}*/
/* cart badge */
/*.floating-menu a.cart::after{*/
    /*content:attr(data-count);*/
    /*position:absolute;*/
    /*inset-block-start:-4px; inset-inline-end:-4px;*/
    /*font-size:11px; line-height:1;*/
    /*padding:3px 6px;*/
    /*background:#fff; color:#e30613;*/
    /*border-radius:999px; font-weight:700;*/
/*}*/

/* small screens: nudge inward */
/*@media (max-width:480px){*/
    /*.floating-menu{ inset-inline-end:12px; }*/
/*}*/

/* Motion pref */
@media (prefers-reduced-motion:reduce){
    .floating-menu *{ transition-duration:.01ms !important; }
}

/*Position the SVG floating menu*/


    /* ================================
             End  Floating menu
    ================================ */



    /* ================================
       Split Quote Shortcode
    ================================ */
.sc-split-quote{
    --sq-panel-bg: var(--sq-panel-bg);
    --sq-title: var(--sq-title);
    --sq-text: var(--sq-text);
    --sq-gap: var(--sq-gap);
    /*--sq-min-h: var(--sq-min-h);*/
    --sq-divider: var(--sq-divider);

    position: relative;
    width: 100%;
    isolation: isolate;
    container-type: inline-size;
    max-width: 2111px;
}

.sc-split-quote .sc-sq-wrap{
    display:grid;
    grid-template-columns:1fr 1fr;
    min-height:var(--sq-min-h);
    max-width: 2111px;
}

.sc-split-quote .sc-sq-media{
    min-height:var(--sq-min-h);
    background:#cfcfcf none center / cover no-repeat;
}

.sc-split-quote .sc-sq-panel{
    background:var(--sq-panel-bg);
    padding-block: var(--space-8);
    padding-inline: var(--sq-gap);
    display:flex;
    align-items:center;
    position:relative;
    padding: 80px;
}

.sc-split-quote:not(.is-right) .sc-sq-panel::before{ inset-inline-start:0; }
.sc-split-quote.is-right .sc-sq-panel::before{ inset-inline-end:0; }

.sc-split-quote .sc-sq-content{
    width:100%;
    max-width:760px;
    margin-inline:auto;
}

.sc-split-quote .sc-sq-title{
    color:var(--sq-title);
    margin:0 0 var(--space-4) 0;
    font-weight:100;
    line-height:1.1;
    font-size: 50px;     /* fluid, replaces 32pt */
    letter-spacing:0;
    font-family: 'bodoni_72book';
}

.sc-split-quote .sc-sq-text{
    color:var(--sq-text);
    margin:0;
    opacity:.95;
    line-height:1.7;
    font-size: 16px;     /* fluid, replaces 14pt */
    font-family: 'Poppins';
}

/* Direction modifiers */
.sc-split-quote:not(.is-right) .sc-sq-media{ order:0; }
.sc-split-quote:not(.is-right) .sc-sq-panel{ order:1; }
.sc-split-quote.is-right .sc-sq-media{ order:1; }
.sc-split-quote.is-right .sc-sq-panel{ order:0; }

/* Responsive stack */
@media (max-width:991.98px){
    .sc-split-quote{ --sq-gap: var(--space-6); --sq-min-h: 360px; }
    .sc-split-quote .sc-sq-wrap{ grid-template-columns:1fr; }
    /*.sc-split-quote .sc-sq-media,*/
    .sc-split-quote .sc-sq-panel{ min-height:auto; }
    .sc-split-quote .sc-sq-panel::before{ display:none; }
    .sc-split-quote .sc-sq-media{ order:0; }
    .sc-split-quote .sc-sq-panel{ order:1; }
    .sc-split-quote.stack-panel-first .sc-sq-panel{ order:0; }
    .sc-split-quote.stack-panel-first .sc-sq-media{ order:1; }
}

/* Helpers */
.sc-split-quote .sc-sq-media.is-elevated{ box-shadow: inset 0 0 0 1px rgba(0,0,0,.05); }
.sc-split-quote .sc-sq-panel.has-edge-soft::before{ box-shadow:0 0 14px rgba(0,0,0,.12); opacity:.2; }
.sc-split-quote .sc-sq-text.is-compact{ line-height:1.55; }
.sc-split-quote .sc-sq-title.is-narrow{ max-width:26ch; }

/* ===== Tokens ===== */


/* ===== Footer ===== */

.site-footer{
    background:var(--bg);
    color:var(--text);
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
    padding-left: 10%;
    max-width: 2111px;
    padding-bottom: 50px !important;
    padding-top: 40px;
}
.footer-inner{
    max-width:var(--container);
    padding:56px 0px 32px;
}

.footer-grid{
    display:grid;
    /*grid-template-columns: 1.25fr 1fr;  !* left wider *!*/
    grid-template-columns: 1fr 1fr;  /* left wider */

    gap:var(--gap-xl);
}

/* ===== Left column ===== */
.footer-headline{
    color: var(--white);
    margin: 0 0 22px;
    font-weight: 400;
    line-height: 1.16;
    font-size: 60px !important;
    letter-spacing: .2px;
    font-family: Poppins;
}
.newsletter{
    width: 583px;
    height: 68px;
    display: flex;
    align-items: center;
    background: var(--white);
    border-radius: 999px;
    margin: 40px 0px 173px;
}
.newsletter input{
    flex:1 1 auto;
    height:68px;
    border: 0;
    outline: 0;
    padding: 0 0px 0px 40px;
    border-radius: 999px;
    font-size: 16px;
    color: #E50119;
    font-family: 'Poppins';
}
.newsletter input::placeholder{ color:#E50119; }
.newsletter button{
    /*display: inline-flex;*/
    /*align-items: center;*/
    /*gap: 47px;*/
    /*height: 68px;*/
    /*padding: 0px 50px;*/
    /*border: 0;*/
    /*border-radius: 999px;*/
    /*background: var(--accent);*/
    /*color: var(--white);*/
    /*font-weight: normal;*/
    /*font-family: 'Poppins';*/
    width: 243px;
    display: inline-flex;
    align-items: center;
    gap: 50px;
    height: 68px;
    padding: 0px 20px 0px 40px;
    border: 0;
    border-radius: 999px;
    background: var(--accent);
    color: var(--white);
    font-weight: normal;
    font-family: 'Poppins';
}
.footer-logo{
    display:block;
    width: 140px;
    height:auto;
    margin-top: 12px;
}

/* ===== Right column ===== */
.footer-right{
    display:grid;
    grid-template-rows: auto auto auto;
    align-content:start;
    gap:20px;
}


/* Row 1: nav (right aligned like the image) */
.footer-topnav{
    display:flex;
    gap:34px;
    justify-content:flex-start;
}
.footer-topnav a{
    color:var(--muted);
    text-decoration:none;
    font-size:16px;
    line-height:1;
    font-family: 'Poppins';
}

/* Row 2 + 3: blocks */
.footer-block h4{
    opacity: 0.6;
    margin: 0 0 12px;
    font-size: 20px;
    font-weight: normal;
    color: var(--white);
    font-family: 'Poppins';
}
.footer-block p{
    margin:6px 0;
    color:var(--muted) !important;
    font-size:20px;
    font-family: 'Poppins';
}

/* Locations grid (3 columns) */
.loc-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px 28px;
}
.loc-title{ color:var(--text); font-weight:500; font-size:14px; }
.loc-sub{
    color:var(--muted);
    font-size:20px;
    width: 144%;
    font-family: 'Poppins';
}
#more_wd{
    width : 144% ;
}

.footer-block {
    margin-top: 80px;
}
/* ===== Responsive Design ===== */

/* Tablet Devices (1280px - 1600px) */
/*@media (max-width: 1750px) {*/
@media (max-width: 1780px) {
    .plant-section .journey-section .plant-subtitle {
        padding-top: 0px !important;
    }
    .sec1 .learn-more-btn svg{
        margin-left : 30px !important
    }
    .sec1 .button-container svg {
        width : 20px;
        height: 24px;
    }
    .header-1 .navbar {
        padding-left: 10%;
        padding-right: 10%;
    }
    .footer-block {
        margin-top: 60px;
    }
    .footer-right{
        padding-top: 40px;
        gap:0px;
    }
    .footer-headline {
        font-size: 40px !important;
        line-height: 1.1;
    }
    .site-footer .footer-inner .footer-grid{
       gap : 0px;
    }
    .newsletter {
        height: 49px;
        margin: 30px 0 160px;
        width: 55%;


    }
    a img {
        width : 165px ;
        height : 75px;
    }
    .newsletter input{
        height:50px;
        font-size:14px;
        /*font-family: 'Poppins';*/
    }

    .newsletter button {
        height: 50px;
        padding: 0 30px;
        gap: 25px;
        min-width: 190px;
    }

    /*/////////////////*/
    .footer-topnav {
        gap: 30px;

    }
    .footer-topnav a ,
    .recipe-content .recipe-instructions ,
    .recipe-content .recipe-list
    {
        font-size: 14px !important;
        /*font-family: 'Poppins';*/
    }
    .footer-block h4 {
        margin: 0 0 10px;
        font-size: 17px;
        /*font-family: 'Poppins';*/
    }
    .loc-sub  , .footer-block p{
        margin: 5px 0;
        font-size: 17px;
        /*font-family: 'Poppins';*/
    }
    .loc-grid{
        gap: 10px 5px;
    }

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


    .sec1 .text-content h1 ,
    .journey-section .journey-title,
    .journey-section .plant-title ,
    .journey-section .plant-subtitle,
    .lft .title ,
    .section-title-brand ,
    .hero-main .hero-title ,
    .snips-products .section-title_product ,
     .recipes-section .recipes-title ,
    .recipe-content .recipe-name

    {
        /*font-size: 50px !important;*/
        font-size: 40px !important;

    }
    .sec1 .learn-more-btn {
        padding: 16px 0px 0px 30px;
        font-size: 15px;
        height: 60px;
        width: 200px;
    }
    .button-container a svg {
        width : 20.41px;
        height: 8.89px ;
        margin-left : 20px;
    }
    /* /////////////////////////// */
    .brands-auto-carousel  .section-title,
    .partners-wrap .cirtification-title ,
    .lft .subtitle
    {
        font-size : 40px !important;
    }
    .carousel-track .brand-logo {
        max-height : 70%;
    }
    /* /////////////////////////// */
    .sq{
        padding: 0px 0px 48px;
    }
    .sq__container {
        padding: 0px 9%;
        gap: 36px;
    }
    .sq__left .sq__title {
        font-size : 40px !important;
        margin: 10px 0 30px;
    }
    .sq__left .sq__lead{
        font-size : 14px ;
        margin: 0 0 30px;
    }
    .sq__right .sq__dots{
        margin: 10px 0 30px;
    }
    .sq__dots .sq-dot {
        width: 11px;
        height : 11px;
        margin: 55px 0 75px;
    }
    .sq__right{
        padding-top: 0px;
    }
    .sq__right .sq__year{
        font-size: 50px !important;
        margin: 23px 0px 30px;
    }
    .sq__right .sq__story-title{
        font-size:40px !important;
        margin: 44px 0 120px;
    }
    .sq__right .sq__story-text{
        font-size:14px ;
        margin: 0 0 118px;
    }
    .sq__right .sq__btn {
        width:200px ;
        height :60px;
        padding : 16px 0px 0px 26px;
        gap: 40px;
    }
    /* //////////////// */
    /*.sc-split-quote {*/
        /*!*!*overflow: hidden;*!*!*/
        /*!*!*height: 420px;*!*!*/
    /*!*}*!*/


    .sc-split-quote .sc-sq-title {
        font-size: 40px;
    }
    .sc-split-quote .sc-sq-text{
        font-size: 14px;
    }
    /* ///////////////// */
    /* ////////////////// */

    .stat-card .stat-number{
        font-size : 50px !important;
    }
    .stat-card .stat-label{
        font-size : 14px ;
    }

    /* /////////////////
  /* ////////////////////// */
    .careers .container{
        gap : 0px !important;
        justify-items: center;
        padding-left: 60px;
    }
    .container .careers-left img{
        width : 90%;
        height: 750px;
    }
    .careers-right .title {
        font-size : 40px !important;
        margin: 0px 0px 20px !important;
    }
    .careers-right .intro{
        font-size  : 14px !important;
        padding-bottom : 4px !important;
    }
    .roles .role{
        padding: 16px 0px;
    }
    .role .role-title{
        font-size: 24px !important ;
    }
    .role .role-meta{
        font-size : 14px;
    }
    .careers-right .cta{
        margin-top : 65px;
        width : 200px ;
        height : 60px;
        padding : 0px 0px 0px 32px;
        gap : 36px;
    }
    /* //////////////*/
    .ct__container .ct__left .ct__title {
        font-size: 60px !important;
    }
    .ct__container .ct__left .ct__desc{
        font-size: 14px ;
        line-height: 1.5;
        /*font-family: 'Poppins';*/
    }
    .ct__container .ct__form {
        width: 85%;
    }
    .ct__container .ct__form input ,.ct__container .ct__form select ,.ct__container .ct__form textarea {
        font-size: 10px ;
    }
    .ct__actions .ct__btn{
        width: 200px;
        height: 50px;
        padding: 0px 36px;
        gap: 58px;
    }
    .ct__actions .ct__btn svg {
        width : 20px ;
        height : 20px;
    }

    /*///////////*/
    .news-section .news-grid {
        gap :18px;
    }
    .news-section .section-title {
        font-size : 40px !important;
        padding-left:10%;
        margin-top : 25px;
        /*font-family: 'Poppins';*/
    }
    .news-card .row-1 img{
        height: 220px;
    }
    .news-card .news-title {
        font-size : 30px !important ;
        line-height : 1.1;
        margin : 0px 0px 8px;
    }
    .news-card .meta{
        font-size : 20px !important;
    }
    .variants-wrap .variant-flavour ,
    .variants-wrap .variant-name
    {
        font-size : 22px !important;
        /*font-family: 'Poppins';*/
    }
    .news-card .excerpt {
        font-size: 14px;
        /*font-family: 'Poppins';*/
    }
    /* /////////// */
    /* /////////// */
    .track .card {
        overflow : hidden ;
        height : 330px !important;
    }
    .voices .row-title h2
    {
        font-size : 40px !important;
    }
    .track .card .card-head .name{
        font-size : 32px !important;
    }
    .track .card .card-head .role_v{
        font-size : 18px;
    }
    .track .card .card-head .avatar{
        width : 75px;
        height: 75px;
    }
    .track .card .quote {
        font-size : 16px;
    }
    .track .card .card-head {
        margin-bottom: -50px;
    }
/*//////////////////////////*/
    .ct__container .ct__form input ,
    .ct__container .ct__form select ,
    .ct__container .ct__form textarea {
        padding : 12px 17px;
        /*font-family: 'Poppins';*/
    }
    .sc-split-quote .sc-sq-panel{
        padding: 0px 100px 90px 88px;
    }

    /* ///////////////////////////1/ */
    .partners-wrap  .partners-title {
        font-size:40px !important
    }
    .partners-wrap .partners-block h3{
        font-size : 40px !important;
    }
    .partners-wrap .partners-block p {
        font-size : 14px
    }
    .partners-wrap .partners-block .parag{
        font-size : 20px !important;
    }
    .partners-wrap .cta {
        width : 200px;
        height : 60px;
        gap: 40px;
        padding : 0px 0px 0px 25px
    }
    /* ////////////////////////// */
    .section-head h2{
        font-size: 44px !important;
    }
    .section-head .nav-dots .nav-btn{
        width : 60px ;
        height : 60px
    }
    .principles-viewport .principles-track{
        height : 500px !important
    }
    .principle-overlay .overlay-inner .overlay-title{
        font-size : 19px !important
    }
    .principle-overlay .overlay-inner .overlay-text{
        font-size : 14px ;
    }
    .principle-overlay .overlay-inner .btn-overlay{
        width:180px;
        height:50px;
        gap : 24px;
        padding : 3px 3px 3px 32px;
    }
    span{
        font-size : 14px !important
    }
    .brands-auto-carousel {
        padding-left:1%;
    }
    .carousel-inner{
        height:750px !important
    }
    .journey-section .department-title
    {
        font-size : 28px !important
    }
    .intro-section .intro-text ,
    .intro-section .intro-link
    {
        font-size : 26px !important
    }
    #head  ,
    .navbar-nav .nav-link

    {
        font-size: 15px !important;
    }
    .partners-wrap .righ_t .partners-block {
        margin-bottom:48px !important ;
        margin-top : 2px !important;
        padding-bottom : 48px !important
    }
    .partners-wrap .lft .subtitle {
        margin-bottom : -16px !important;
    }
    .journey-section .journey-intro ,
    .journey-section .plant-intro ,
    .journey-section .department-item .department-text

    {
        font-size: 14px !important;
    }
    .snips-products .product-image {
        height: 420px !important;
        width: 330px;
    }
    .snips-products .nav-arrow {
        margin-inline: -10% !important;
        width: 60px;
        height: 60px;
    }
    .nav-btn ,
    .recipes-section .cs-padd .nav-dots .nav-btn
    {
        width: 60px;
        height: 60px;
        }
    .variant-name {
        font-size: 26px !important;
    }
    .variant-sub{
        font-size: 18px !important;
    }
    .btn-view-all{
        width: 200px !important;
        height: 60px !important;
    }
    .chips-img img
    {
        width: 90px ;
        height: 90px;
    }
    .img-chip{
        width: 125px !important;
        height: 125px !important;
    }
    .snips-products .variants-wrap {
        gap: 4.5rem;
    }
    .hero-wrapper{
        height : 90vh !important;
    }
    .chips-carousel-wrap {
        padding: 0px !important;
        padding-top: 40px !important;
    }

    .nav-tabs li .nav-link ,
    .product-name
    {
        font-size : 30px !important
    }
    .img-fld{
        max-width : 80% !important ;
        width: 88%;
        height : 80% !important;
        max-height : 95% !important;
    }
    .product-image {
        height : 250px !important ;
        margin-bottom : 10px !important
    }
    .product-card {
        width : auto !important
    }
    .product-section {
        padding-bottom : 0px !important;
    }
    .script-title{
        margin-top : 0px !important
    }
    .pretzels-wrapper{
        padding-bottom : 25px !important
    }
    .width-prod{
        padding : 0px !important
    }
    .product-section .section-title{
        margin-bottom : 15px !important
    }
    .side-snack{
        width : 350px !important;
        height : 250px !important;
    }
    .stx{
        /*top : 60px !important;*/
        /*transform : rotate(7deg) !important;*/
        /*width : 200px !important*/
        top: 180px !important;
        transform: rotate(2deg) !important;
        width: 200px !important;
    }
    .stx-lf{
        /*top : 60px !important;*/
        /*left : 0px !important;*/
        /*transform : rotate(50deg) !important;*/
        /*width : 150px !important;*/
        /*height : 300px !important;*/
        top: 150px !important;
        left: 0px !important;
        transform: rotate(55deg) !important;
        width: 130px !important;
        height: 300px !important;
    }
    .stx-lf-stx{
        top: 240px !important;
        transform: rotate(-22deg) !important;
    }
    .typs{
        margin: 0px !important;
    }
    .righ{
        position: absolute;
        bottom: 50px !important;;
    }
    .product-types-tabs {
        gap: 90px !important;
    }
    .product-types-sub {
        gap: 50px !important;
    }
    .chip-item {
        aspect-ratio: 1.4 / 1 !important;
        /*gap: clamp(20px, 9vw, 160px) !important;*/
        /*width: clamp(140px, 28vw, 360px) !important;*/
    }
   .chips-carousel-wrap .chips-carousel .chips-track {
        height: auto !important;
    }
    .header-1 .lang-switch a {
        font-size: 15px !important;
    }
}


/*/*/
@media ( min-width:800px ) and (max-width: 1280px) {
    .brands-auto-carousel .section-title-brand {
        text-align: center !important;
        padding-left: 0px !important;
    }
    .chips-track {
        gap: clamp(20px, 8vw, 180px) !important;
    }
     .veed{
         width: 100% !important;
     }
    .product-types-tabs {
        gap: 70px !important;
    }
    .product-types-sub {
        gap: 43px !important;
    }
    .side-snack  , .stx-lf  ,  .stx ,.stx-lf-stx{
        display : none;
    }
    .section-title_product{
        margin-right: 0px !important;
        padding-right: 0px !important;
    }
    .img-con , .text-con{
        width : 100% !important;
        max-height: 500px;
    }
    .content .recipe-name{
       padding-top: 0px !important;
        margin-bottom: 10px !important;
    }
    .text-con{
        overflow: scroll;
    }
    .recipes-card-wrapper {
        display: flex;
        flex-direction: column;

    }

    .intro-section .intro-text, .intro-section .intro-link {
        font-size: 22px !important;
    }
    .variants-wrap .variant-flavour, .variants-wrap .variant-name {
        font-size: 20px !important;
        font-family: 'Poppins';
    }
    .btn-view-all {
        font-size: 14px !important;
    }
    .snips-products .product-image {
        /*max-height: 400px;*/
        /*max-width: 300px;*/
        height: 400px !important;
        width: 300px !important;
    }
    .snips-products .nav-arrow {
        margin-inline: -7% !important;
    }
    .chips-img img
    {
        width: 60px;
        height: 60px;
    }
    .img-chip{
        width: 90px !important;
        height: 90px !important;
    }

    .site-footer .footer-inner .footer-grid {
        grid-template-columns: 1fr !important;
    }
    .news-card .row-1 img{
        width: 100% !important;
        height: 370px !important;

    }
    .footer-right{
        padding-top: 40px;
        gap:0px;
    }
    .footer-inner {
        padding: 30px 0px 30px;
    }

    .footer-headline {
        font-size: 48px !important;
        line-height: 1.06;
        padding-bottom:20px
    }
    .newsletter {
        margin: 20px 0px 96px;
        width : 42%;
        min-width: 38%;
    }
    a img {
        width:115px ;
        height: 60px ;
    }

    .newsletter button {
        height:50px !important;
        width : 39%;
        padding-left: 26px !important;

    }
    .newsletter input{
        height:40px;
        padding : 0 20px;
        font-size:12px;
    }

    .newsletter button {
        /*height: 40px;*/
        /*padding: 0 16px;*/
        gap: 18px;
    }


    .footer-topnav {
        gap: 20px;
    }
    .footer-topnav a {
        font-size : 18px;
    }
    .footer-block h4{
        margin: 0  0  6px;
        font-size : 15px;
    }
    .loc-sub , .footer-block p {
        margin : 2px 0px;
        font-size : 20px;
    }


    .sec1 .flavor-section {
        padding: 50px 10%;
    }

    /*.sec1 .learn-more-btn {*/
        /*padding :11px 30px ;*/
        /*font-size : 12px;*/
        /*height: 50px ;*/
        /*width :200px ;*/
    /*}*/
    .button-container a svg {
        width : 17.41px;
        height: 8px ;
        margin-left : 16px;

    }
    /* /////////////////// */
    .sec1 .flavor-section{
        flex-direction : column;
    }
    .sec1 .text-content h1{
        text-align : center;
        line-height:1.4;
        font-size : 50px !important;
        font-weight : 500;
    }
    .sec1 .button-container{
        width : 35%;
    }
    .sec1 .learn-more-btn {
        width : 100% ;
        height : 60px;
        padding : 16px 10px 10px 25% ;
        font-size : 20px;
        min-width: 255px;

    }
    /* ///////////////////////// */
    .carousel-inner {
        height : 550px !important;
    }
    .carousel-inner .hero-slide {
        /*background-size : auto;*/
        background-size: contain !important;
        background-position: top;
    }
    /* ///////////////////////// */
    .brands-auto-carousel .section-title{
        font-size : 50px !important;
        text-align: center ;
        padding-left : 0px;
    }
    .carousel-track .brand-logo{
        max-height :60%;
    }
    .carousel-wrapper {
        margin-left : 10px !important
    }

    /* ///////////////////// */
    .sq .sq__container {
        display:  flex;
        margin-left: 10%;
        padding-left: 0px;
        flex-direction: column;
    }
    .sq .sq__divider {
        display: none;
    }
    .sq__left {
        align-items:center
    }
    .sq__left .sq__title {
        width : 100% !important ;
        text-align : center;
        font-size: 50px !important;
    }
    .sq__left .sq__lead{
        width : 100% !important;
        text-align : center ;
        font-size: 20px;
    }
    .sq__right{
        display:flex ;
        flex-direction : column;
        align-items:center;
    }
    .sq__right .sq__dots{
        margin:0px;
        padding : 0px;
    }
    .sq__right .sq__story-title {
        margin : 10px 0px;
        font-size: 44px !important;

    }
    .sq__right .sq__story-text {
        text-align : center;
        margin : 20px 30px;
        font-size: 20px;
    }
    .sq__right .sq__btn{
        margin:0px;
        width :35%;
        padding : 16px 2px 3px 9% ;
        margin-top:  39px;
        min-width: 280px;
    }
    /* /////////////////// */
    .principle-overlay {
        padding-bottom : 45% !important ;
    }
    .btn-overlay{
        margin-top : 40px !important
    }
    .partners-wrap{
        display:flex !important ;
        flex-direction : column;
        padding-left: 10% !important;
        padding-right: 6% !important;
    }
    .partners-wrap .partners-divider{
        visibility:hidden;
    }
    .partners-wrap .lft{
        display : flex;
        flex-direction : column;
        align-items :flex-start;
        padding-right: 0px !important ;
    }
    .partners-wrap .cta{
        /*width: 36%;*/
        width: auto;
        float: left !important;
        padding : 0px 30px 0px 3% ;
        margin-bottom: 40px;
        gap: 44px;
    }
    .righ_t{
        padding-left: 0px !important;
        text-align : start;
    }
    /* ////////////////////// */
    .careers .container {
        grid-template-columns : 0.9fr !important;
    }
    .careers-left {
        display: flex;
        justify-content: flex-start;
        padding-left: 7%;
        width: 100% !important;
    }
    .container .careers-left img{
        width: 100%;
        height: 500px;
    }
    .careers .careers-right{
        width: 90%;
        margin-top: 44px;
        display: flex;
        flex-direction: column;
        padding-left: 2%;
    }
    .careers-right .cta{
        /*padding: 0px 0px 0px clamp(4px, 13%, 90px);*/
        /*width : 64.2%;*/
        /*padding: 0px 0px 0px 20%;*/
        padding: 0px 0px 0px clamp(4px, 4%, 26px);
        max-width: 219px;
        width: auto;
        gap : 48px!important ;
    }
    /* ///////////////////// */

    /*.ct__container {*/
        /*grid-template-columns :1fr !important;*/
        /*gap : 60px !important*/
    /*}*/
    .ct__container {
        grid-template-columns :1fr !important;
        padding : 20px  50px  !important;
        gap : 0px !important ;
    }
    .ct__left {
        text-align: center;
        margin-bottom: 10px;
    }
    .ct__form{
        margin-left : 8%
    }
    .ct__form .ct__actions {
        justify-content : center
    }
    .ct__actions .ct__btn{
        width: 41.1%;
        padding-left : 15%
    }
    /* ////////////////////////// */
    .news-section .section-title{
        font-size: 50px !important;
        text-align: start;
        padding-left: 10%;
    }
    .news-section .news-grid {
        grid-template-columns: 1fr
    }
    .news-grid .news-card{
        padding-right: 0px;
        /*display: flex;*/
        /*flex-direction: column;*/
        /*align-items: self-start;*/
        /*text-align: center;*/
    }
    .news-card .row-3 {
        max-width: 100%;
    }
    /* ///////////////// */
    .site-footer {
        padding-left : 8%;
    }

    .principles-viewport {
        height:400px
    }
    .lft .ratio{
        max-width: 100%;
        height: 560px;
        width: 100% !important;
    }

    .sc-split-quote .sc-sq-wrap{
        grid-template-columns : 1fr
    }
    .sc-split-quote .sc-sq-media {
        height: 540px ;
    }
    .sc-sq-wrap .sc-sq-panel {
        height : 540px !important;
    }
    .sc-sq-wrap .sc-sq-wrap {
        height : 540px !important;
    }
    .carousel-track {
        gap : 60px !important
    }
    .sq{
        padding : 0px !important;
    }
    .sc-sq-wrap {
        text-align : center;
    }

    .stats-container {
        gap : 0px !important
    }
    /* /////////////////// */
    .track .card {
        height : 280px !important;
        gap :0 ;
    }
    .card .card-head{
        margin-bottom : -19px !important
    }
    span{
        font-size : 14px !important
    }
    .sc-split-quote .sc-sq-title {
        font-size: 40px;
    }
    .sc-split-quote .sc-sq-text{
        font-size: 16px;
    }
    .section-head h2{
        font-size: 46px !important;
    }
    .partners-wrap  .partners-title {
        font-size: 50px !important
    }
    .partners-wrap .partners-block h3{
        font-size : 50px;
    }
    .partners-wrap .partners-block p {
        font-size : 20px
    }
    .partners-wrap .partners-block .parag{
        font-size : 16px !important;
    }
    .stat-card .stat-label{
        font-size : 14px ;
    }
    .careers-right .intro{
        font-size  :20px !important;
    }
    .role .role-title{
        font-size: 38px !important ;
    }
    .role .role-meta{
        font-size : 20px;
    }
    .voices .row-title h2
    {
        font-size : 50px !important;
    }
    .ct__container .ct__left .ct__desc{
        font-size: 20px ;

    }
    .ct__container .ct__form input ,.ct__container .ct__form select ,.ct__container .ct__form textarea {
        font-size: 20px ;
        height: 80px;
    }
    .news-card .excerpt {
        font-size: 20px;
        /*font-family: 'Poppins';*/
    }
    .news-card .news-title {
        font-size : 36px !important ;
    }
    .news-card .meta {
        font-size: 26px;

    }
    .ct__row {

        grid-template-columns:  1fr !important;
    }
    .container .careers-right h1{
        font-size : 48px !important
    }
    .track .card .card-head .role_v{
        margin-bottom: 20px;
    }
    .partners-wrap .righ_t .partners-block {
        margin-bottom : 0px !important;
        margin-top : 0px !important;
    }


    .grd-2 {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .journey-section .child {
        flex: 0 0 auto !important;
        width: 100% !important;
    }
    #head {
        font-size: 14px !important;
    }
    .slider-video-wrapper .video-desktop {
        max-height : 650px !important
    }
    .hero-wrapper{
        height : 80vh !important;
    }
    .chip-item {
        aspect-ratio: 1.4 / 1 !important;
    }
}

/* Large Desktop (min-width: 1440px) */
@media (min-width: 1440px) {
    .footer-inner {
        max-width: min(var(--container), 1400px);
    }
}

/*///////////////////*/
/*End Footer*/
/*End Footer*/
/*///////////////////*/


span {
    font-size: 16px;
}
span.icon {
    width: 50px;
    height: 28px;
}
:root{ --gap: 28px; --overlay: rgba(227, 6, 19, .85); }
.section-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom: 18px;
    padding: 45px 10%;
}
.section-head .titl{
    font-family: 'Poppins';
    font-size: 48px;
    opacity: 0.8;
    font-weight: 500 !important;
}

.section-head h2{
    font-size: 48px;
    font-family: 'Poppins';
    font-weight: 500 !important;
    color: #5A5B5E;
}
.nav-dots{display:flex;gap:30px;}
.nav-btn{
    width: 82.59px;
    height: 86.4px;
    border-radius:50%;
    display:grid;
    font-size: 30px;
    place-items:center;
    background:#eee;
    color:#333;
    border:0;
    outline:0;
    transition:transform .15s ease,background .15s ease,color .15s ease;
}
.nav-btn:active{transform:scale(.96);} .nav-btn--next{background:#e30613;color:#fff;}
.principles-viewport{
    /*overflow-x:auto;*/
    /*overflow-y:hidden;*/
    overflow: hidden;
    scroll-behavior:smooth;
    margin-left:10%;
}
.principles-track{
    display:flex;
    gap:var(--gap);
    height: 641px;
}
.principle-card{
    position:relative;
    flex:0 0 calc(100% - 2px);
    aspect-ratio:8 / 7;
    overflow:hidden;
    background:#ddd;
    box-shadow:0 2px 16px rgba(0,0,0,.08);
}
@media (min-width:576px){.principle-card{flex-basis:calc(50% - var(--gap)/2);}}
@media (min-width:992px){.principle-card{flex-basis:calc(33.333% - (var(--gap)*2/3));}}
@media (min-width:1400px){.principle-card{flex-basis:calc(30% - (var(--gap)*3/4));}}
.principle-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform .4s ease;}
.principle-card:hover .principle-img{transform:scale(1.05);}
.principle-card:hover .principle-caption {
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s ease;
}
.principle-caption{
    position: absolute;
    font-size: 24px;
    left: 36px;
    bottom: 44px;
    font-family: 'Poppins';
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .35);
    font-weight: 400;
    letter-spacing: .2px;
    z-index: 1;
    transition: opacity .25s ease;
}
.principle-overlay
{
    position: absolute;
    inset: 0;
    display: flex;
    padding: 26px;
    /*background: var(--overlay);*/
    background: #e50119de;
    color: #fff;
    opacity: 0;
    transition: opacity .25s
    ease;
    align-items: end;
    justify-content: center;
    padding-bottom: 14%;
}
.principle-card:hover .principle-overlay{opacity:1;}
.overlay-inner{max-width:470px;}
.overlay-title{
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 0.75rem;
    font-family: 'Poppins';
}
.overlay-text{
    font-size: 16px;
    line-height: 1.2;
    opacity: .95;
    margin-bottom: 1.25rem;
    color: white !important;
    margin-top: 30px;
}
.btn-overlay{
    width: 221px;
    height: 68px;
    display: inline-flex;
    align-items: center;
    gap: 40px;
    background: #fff;
    color: #d20010;
    border-radius: 30px;
    padding: 5px 0px 4px 43px;
    margin-top: 94px;
    font-weight: 600;
    text-decoration: none !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
}
.btn-overlay .arrow{display:inline-block;transition:transform .2s ease;}
.btn-overlay:hover .arrow{transform:translateX(3px);}

/* dashboard-container */
/* dashboard-container */

.dashboard-container {
    width: 100%;
    margin-top: 30px;
    max-width: 2111px;
}

.stats-section {
    background-color: #E50119;
    padding: 43px 0px;
    margin-bottom: 40px;
}

.stats-container {
    display: flex;
    /*padding-left: 10%;*/
}

.stat-card {
    padding: 23px 25px;
    flex: 1;
    min-width: 250px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    font-family: 'Poppins';
}

.stat-number {
    font-size: 64px !important;
    margin-bottom: 10px;
    line-height: 1;
    font-weight: 700;
    color: white;
    letter-spacing: 3px;
}

.stat-label {
    font-size: 16px;
    color: white !important;
    text-transform: capitalize;
    font-weight: 500;
    padding-right: 16px;
    padding-top: 8px;
    opacity: 0.7;
}

.info-section {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
}

.info-item {
    flex: 1;
    min-width: 200px;
    text-align: center;
    padding: 15px;
    background: white;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.info-title {
    font-size: 1.1rem;
    color: #E50119;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

@media (max-width: 799.9px) {

    .journey-intro{
        margin-left : 0px !important; ;
    }
    .recipes-section {
        margin-bottom: 0px !important;
    }
    .chips-track {
        gap: clamp(20px, 5vw, 180px) !important;
    }
    .chip-item {
        aspect-ratio: 1.4 / 1;
    }
    .ct__row {
        gap: 10px !important;
        margin-bottom: 12px !important;
    }
    .ct__container .ct__form input,
    .ct__container .ct__form select,
    .ct__container .ct__form textarea
        {
            padding: 2px 20px;
        }
    .section-title-brand {
        text-align: center !important;
        padding-left: 0% !important;
    }
    .btn-view-all {
        width: 150px !important;
        height: 40px !important;
        box-shadow: none !important;
        font-size: 12px !important;
    }
    .snips-products .product-image {
        height: 230px !important;
        width: 170px;
    }
    .snips-products .nav-arrow {
        margin-inline: -9% !important;
        width: 40px;
        height: 40px;
        padding-bottom: 3px;
        font-size: 14px;
    }
    .nav-btn, .recipes-section .cs-padd .nav-dots .nav-btn {
        width: 40px;
        height: 40px;
        padding-bottom: 3px;
        font-size : 14px;
    }
    .principles-viewport {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-behavior: smooth;
        &::-webkit-scrollbar {
        display :none !important
    }
    }
    .veed{
        width: 100% !important;
    }
    .veed .cta{
        float: none !important;
    }
    .clss-mg{
        margin-top: 14px !important;
    }
    .recipe-content .recipe-header .recipe-meta{
        margin-top: 0px !important;
        margin-bottom: -8px !important;
    }
    .ct__row {
        grid-template-columns : 1fr !important;
    }
     .snips-products .row
        {
         margin-top: 0px !important;
         padding-top: 0px !important;
         padding-bottom: 0px !important;
        }
    .product-types-tabs {
        gap: 18px !important;
        margin-top: 10px !important;
    }
    .variant-sub {
        font-size: 12px !important;
    }
    .product-types-sub {
        gap: 10px !important;
    }
    .variant-name {
        font-size: 20px !important;
    }
    .snips-products .tit-row .chips-img{
        display: none !important;
    }

    .meta-item {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        display: flex;
        flex-direction: column;
    }
    span {
        font-size: 12px !important;
    }
    .text-con  .recipe-content .row .made-with {
         margin-top: 10px !important;
    }
    .recipes-arrows{
        display: none !important;
    }
    .content .recipe-list {
      padding-left: 0px !important;
    }
    .intro-section .intro-text, .intro-section .intro-link {
        font-size: 14px !important;
    }
    .footer-topnav a, .recipe-content .recipe-instructions, .recipe-content .recipe-list {
        padding-left: 0px;
        font-size: 12px !important;
    }
    .recipe-content .recipe-instructions{
        font-size: 12px !important;
        font-family: 'Poppins';
    }
    .recipe-content .recipe-name
    {
        padding: 0px !important;
        margin-bottom: 10px !important;
        font-size: 21px !important;
    }
    .img-con, .text-con {
        width: 100% !important;
        max-height: 300px !important;
    }
    .text-con {
        overflow: scroll;
    }
    /*.navbar-brand .container  img*/
    .navbar .container .navbar-brand img.hero-logo{
        height: 60px !important;
        width: 111.26px !important;
    }
    .hero-wrapper .navbar .container{
        margin: 0px !important;
        padding: 0px !important;
        margin-right: 30px !important;
        padding-top: 20px !important;
        margin-left: 12px !important;
    }
    .navbar {
        padding : 0px !important
    }
    .pad-small {
        margin-left: -4% !important;
        margin-right: -4% !important;
        max-width: 100% !important;
        padding-bottom: 0px !important;
        padding-top: 0px;
    }
    .typs {
        height: 120px !important;
    }
    .product-section .width-prod{
        height : 328px !important;
    }
    .product-section {
        margin-top: 0px !important ;
        margin-bottom: 0px !important;
    }
    .side-snack  , .stx-lf  ,  .stx ,.stx-lf-stx{
        display : none;
    }
    .section-title-brand {
        font-size: 40px !important;
    }
    .cs-padd {
        padding-left: 3%;
        padding-right: 3%;
    }
    .snips-products {
       margin: 10px !important;
        padding-top: 24px !important;
    }
    .tit-row{
        display: flex;
        justify-content: center !important;
        align-items: center !important;
        gap: 25px;
        margin-bottom: 10px !important;
    }
    .hero-wrapper{
        height : 50vh !important;
    }
    .chips-carousel-wrap {
        padding: 0px !important;
    }
    .chips-carousel-wrap .chips-carousel {
        margin-left: 16% !important;
    }
.hero-main .hero-title{
        text-align: center !important;
        font-size: 24px !important;
    }
    .intro-section {
        padding-left: 0px !important;
    }
    .intro-section .two-sec{
        width: 100% !important;
        margin-bottom: 0px !important;
        margin-top: 10px !important;
        text-align: center;
    }
    .img-chip {
        width: 90px !important;
        height: 90px !important;
    }
    .snips-products .product-image {
        max-height: 260px;
        max-width: 220px;
        margin-top: 15px !important;
        margin-bottom: 18px !important;
    }
    .chips-img img {
        width: 60px;
        height: 60px;
    }
    .snips-products .variants-wrap {
        gap: 2.5rem;
    }
    .tit-row .chips-img {
        padding-right: 0px !important;
    }
    .hero-title{
        padding-left: 0px !important;
    }

    .timeline-item .img-fluid {
        height: 300px !important;
    }
    .journey-section .plant-intro {
        margin-bottom : 20px !important;
        text-align: center;
    }
    .lft {
        align-items :flex-start !important ;
    }
    .lft .title{
        margin-bottom: 5px !important ;
    }
    .partners-wrap .lft .subtitle {
        margin-bottom: -28px !important;
    }
    .journey-section .department-title {
        font-size: 24px !important;
    }
    #cirtif-mid {
        font-size: 32px !important;
    }
    .partners-wrap .cirtification-title{
        font-size: 24px !important;
    }

    .journey-section .plant-subtitle
    {
        margin-bottom: 0px !important;
        padding-bottom: 30px !important;
        padding-top: 0px !important;
    }
    .journey-section .plant-title {
        padding-bottom : 0px !important ;
        margin-bottom : 0px !important
    }
    /*.sec1 .text-content h1,*/
    .journey-section .journey-title,
    .journey-section .plant-title,
    .journey-section .plant-subtitle,
    .lft .title
    {
        font-size: 32px !important;
        text-align: center;
    }
    .brands-auto-carousel .section-title,
    .lft .subtitle {
        font-size: 26px !important;
    }

    .journey-section .child {
        flex: 0 0 auto !important;
        width: 100% !important;
    }
    .container {
        padding-top : 10px !important ;
        padding-bottom : 30px !important;
    }
    .careers .container {
        padding-bottom: 20px !important;
        padding-inline: 22px !important;
    }
    .ct__actions .ct__btn{
        height: 40px;
    }
    .floating-menu a {
        inline-size: 835px !important;
        block-size: 60px;
        font-size: 26px;
    }
    .principle-overlay .overlay-inner .btn-overlay {
        margin-top: 34px;
    }
    .footer-headline {
        font-size: 30px !important;
    }
    .footer-block {
        margin-top: 36px;
    }
    .loc-grid {
        gap: 10px 6px;
        grid-template-columns: 1fr;
    }
    .footer-block h4 {
        margin: 0 0 10px;
        font-size: 16px;
    }
    .loc-sub, .footer-block p {
        margin: 5px 0;
        font-size: 16px;
    }
    .newsletter {
        height: 40px;
        margin: 37px 0px 123px -10px;
        width: 100%;
        max-width: 320px;
          }
.newsletter input {
    height: 40px !important;
    font-size: 14px;
    width: 100% !important;
}
.newsletter button {
    height: 41px;
    padding: 0px 15px;
    gap: 16px;
    min-width: 160px !important;
}
.news-card .news-title {
    font-size: 24px !important;
}
.news-card .meta {
    font-size: 18px;
}
.partners-wrap .partners-title {
    font-size: 28px !important;
    margin-bottom: 40px !important;
}
.department-item {
    text-align: center !important;
}
.principle-overlay .overlay-inner .btn-overlay {
    width: 180px;
    height: 40px;
    gap: 36px;
}
.principles-viewport .principles-track {
    height: 360px !important;
}
.nav-dots {
    gap: 7px !important ;
}
.section-head .nav-dots .nav-btn {
    width: 40px;
    height: 40px;
}
.sc-split-quote .sc-sq-title {
    font-size: 28px;
}
.sc-split-quote .sc-sq-text {
    font-size: 14px;
    padding: 7px !important;
}
.section-head h2 {
    font-size: 28px !important;
}
.sq__right .sq__btn {
    width: 200px;
    height: 40px;
    font-size: 13px !important;
    padding: 7px 0px 0px 32px;
    gap: 25px;
}
.sec1 .flavor-section{
    flex-direction: column;
    text-align : center ;
    padding: 0px 0px 24px 0px;
}
.sec1 .text-content h1{
    font-size : 28px !important
}
.sec1 .learn-more-btn {
    padding: 8px 10px 7px 20px;
    font-size: 13px;

    height: 40px;
}
.brands-auto-carousel .section-title {
    text-align : center;
    padding-left : 0px ;
    font-size: 28px !important;
}
.carousel-track{
    gap : 20px !important ;
}
.carousel-wrapper{
    margin-left: 0px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-behavior: smooth;

    &::-webkit-scrollbar {
    display :none !important
         }
}
.sq__container{

    display: flex !important;
    flex-direction: column;
    text-align: center;
    padding: 0px 30px 25px !important;
}
.sq__container .sq__left{
    align-items : center;
}
.sq__container .sq__right{
    display : flex;
    flex-direction : column;
    align-items : center
}

.sq__right .sq__year{
    margin: 5px;
    font-size: 30px !important;

}
.sq__right .sq__story-text {
    margin: 0px 0px 30px;
    padding: 0px;
    text-align: center;
}
.sq__right .sq__story-title {
    margin: 20px 0px 16px;
    font-size: 28px !important;
}
/* //////////////////////1
*/
    .sc-sq-panel {
        text-align : center
    }
    .sc-sq-media {
        height : 300px
    }
    .sq__right .sq__dots {
        gap : 17px ;
        margin: -50px
    }
    /* //////////////// */
    .partners-wrap{
        display : flex !important;
        flex-direction:column;
        text-align : center;
        padding: 0px !important ;
        padding-top: 20px !important;
    }
    .partners-wrap .lft{
        padding-left : 30px ;
        display : flex ;
        flex-direction :column;
        align-items: center !important;
        margin-right:0px;

    }
    .lft .ratio{
        margin: 0px !important;
        padding: 0px !important;
        width: 100% !important;
        height: 280px;
        margin-top: -20px !important;
    }
    .righ_t {
        padding-inline: 40px !important;
        text-align: center;
    }
    .partners-wrap .partners-block h3 {
        font-size: 26px !important;
    }
    .partners-wrap .partners-block .parag {
        font-size: 14px !important;
        line-height: 1.5;
    }
    .partners-wrap .righ_t .partners-block{
        margin-bottom: -26px !important;
        margin-top: 34px !important;
        padding-bottom: 4px !important;

    }
    .dashboard-container {
         margin-top: 0px !important;
    }
    .stat-card .stat-number {
        font-size: 40px !important;
    }
    .stats-section {
        background-color: #E50119;
        padding: 16px 0px;
        margin-bottom: -20px;
    }
    .stat-card .stat-label {
        font-size: 14px;
        /*padding-left: 18px;*/
    }

    .partners-wrap .cta{
        padding : 0px 0px 0px 30px;
        height: 40px;
    }
    .stats-container {
        display : flex ;
        flex-direction : column;
        gap: 10px !important;
    }
    .carousel-inner {
        /* height: auto; */
        height: 450px !important;
    }
    .principle-caption {
        left: 20px !important;
        bottom: 20px !important;
    }
    /* //////////////////1
    */
    .container .careers-left img {
        max-height : 500px !important ;
        width: 100% !important;
    }
    .ct__container .ct__left .ct__title {
        font-size: 40px !important;
    }
    .careers-right {
        width: 99%;
        padding-right: 1% !important;
        padding: 24px 24px 14px 0px;
        text-align: center !important;
        padding-left: 1%;
    }
    /* ///////////////// */
    .careers-right .cta {
        margin-top: 30px;
        width: 200px;
        height: 40px;
        padding: 0px 0px 0px 30px;
        gap: 32px;
    }

    .voices .row-title h2 {
        text-align: center;
        padding-left: 0px;
        padding-bottom: 25px;
        margin: 0px !important;
        font-size: 28px !important;
    }
    .track .card {
        overflow: hidden;
        height: 280px !important;
        width: 300px;
        gap: 0px;
    }
    .track .card .card-head {
        padding: 0px;
        margin: 0px;
        gap: 0px;
    }
    .track .card .card-head .name {
        font-size: 20px !important;
    }
    .track .card .card-head .role_v {
        font-size: 12px;
        margin-bottom: 0px;
    }

    .track .card .card-head .avatar {
        width: 58px;
        height: 58px;
        margin-left: 42%;
    }
    .track .card .quote {
        font-size: 10px;
        padding: 0px !important;
        margin: 0px !important;
    }
    .containe_r {

        margin: 0 auto;
        padding: 10px 0px 0px 3% !important;
    }

    .ct__left{
        margin-bottom : 30px !important
    }
    .ct__container .ct__form {
        width : 100%
    }
    .ct__container {
        grid-template-columns: 1fr;
        gap: 16px !important;
        padding: 0px 4px !important;
    }
    .ct__actions{
        justify-content : center !important ;
    }
    .contact-hero {
        text-align : center;
        margin-bottom: 0px  !important;
        padding: 30px 0px 30px !important;

    }
    /* ///////////1 */
    .news-section .section-title {
        text-align : center ;
        padding-left:0px ;
        font-size: 28px !important;
    }
    .news-card {
        padding : 0px ;
        text-align : center ;
    }

    .news-card .row-1 img{
        height : 300px ;
        width : 100% ;
    }
    .footer-topnav{
        display: flex;
        flex-direction: column;
    }
    .carousel-track .brand-logo {
        max-height: 45%;
    }
    .brands-auto-carousel {
        padding: 0px !important;
    }
    .sq__left .sq__title {
        font-size: 28px !important;
        margin: 10px 0 30px;
    }
    .sq {
        padding: 0px 0px 48px !important;
    }
}
/*@media (max-width: 768px) {*/
    /*.stats-container {*/
        /*flex-direction: column;*/
    /*}*/

    /*.stat-card {*/
        /*min-width: 100%;*/
    /*}*/

    /*.info-section {*/
        /*flex-direction: column;*/
    /*}*/

    /*.info-item {*/
        /*min-width: 100%;*/
    /*}*/
/*}*/
/*////////////////////////////////////
*/
/*get in touch css*/
:root{
    --red: #E50119;
    --white:#fff;
    --text:#FFFFFF;
    --border:rgba(255,255,255,.55);
    --shadow:rgba(0,0,0,.12);
    --radius:999px;
    --container: clamp(820px, 85vw, 1390px);
}

*{box-sizing:border-box}
html,body{height:100%}
body{
    font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    color:var(--white);
}

.contact-hero{
    padding: 30px 0px 30px;
    background:var(--red);
    max-width: 2111px;
    margin-bottom: 40px;
}

.ct__container{
    /*max-width:var(--container);*/
    max-width: 1900px;
    /*margin: 0px auto;*/
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap: 150px;
    align-items:center;
    padding: 0% 10%;
}
.ct__left{
    margin-bottom: 100px;
}
.ct__left  .ct__title_min{
    font-size: 80px;
    line-height: 1;
    color: white;
    letter-spacing: 1.2px;
    margin: 0 0 20px;
    font-weight: 500;
    width: 105% !important;
    text-transform: capitalize;
    font-family: 'bodoni_72book';
}
.ct__left  .ct__title{
    font-size: 80px;
    line-height: 1;
    color: white;
    letter-spacing: 1.2px;
    margin: 0 0 20px;
    font-weight: 600;
    width: 105% !important;
    text-transform: uppercase;
    /*font-family: 'bodoni_72book';*/
}

.ct__desc{
    color: white !important;
    font-size: 16px;
    line-height: 1.8;
    margin: 0;
    opacity: 0.8;
    font-family: 'Poppins';
}

/* Form */
.ct__form{ width:100%; }

.ct__row{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:22px;
    margin-bottom:16px;
}

.ct__col{ position:relative; }
.ct__col.col-1- { grid-column:1 / -1; }

.ct__form input,
.ct__form select,
.ct__form textarea{
    width:100%;
    border-radius: var(--radius);
    border: 2px solid var(--border);
    background: rgba(255,255,255,0.04);
    color: var(--white);
    opacity: 0.79;
    padding: 18px 22px;
    font-size:14px;
    outline:none;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.06);
    transition: box-shadow .2s ease, background .2s ease, border-color .2s ease;
    font-family: 'Poppins';
}

.ct__form textarea{
    border-radius: 40px;
    resize: vertical;
    min-height: 79px;
    padding: 18px 22px;
}

.ct__form input::placeholder,
.ct__form select::placeholder,
.ct__form textarea::placeholder {
    color: #fff;
    opacity: 0.78; /* ensure full visibility on some browsers */
}

/* Select caret */
.ct__select ,.ct__select_min{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 18px center;
    padding-right: 44px;
}

.ct__form .ct__select_min:focus {
    border-radius: 40px;
    background: #E50119 ;
    box-shadow: 0 0 0 4px rgba(255,255,255,0.15);
    border : 0px !important;
}

.ct__form select:focus {
    border-radius: 40px;
    background: #012B66 ;
    box-shadow: 0 0 0 4px rgba(255,255,255,0.15);
    border : 0px !important;
}

/* Actions */
.ct__actions{
    display:flex;
    justify-content:flex-end;
    margin-top:22px;
}

.ct__btn{
    width: 243px;
    height: 68px;
    display: inline-flex;
    align-items: center;
    gap: 75px;
    background: #fff;
    color: var(--red);
    border: 0;
    font-weight: 400;
    padding: 3px 0px 0px 41px;
    border-radius: 40px;
    cursor: pointer;
    transition: transform .15s
    ease, box-shadow .15s
    ease, opacity .15s
    ease;
    font-family: 'Poppins';
}
/*.ct__btn:hover{ transform: translateY(-1px); box-shadow:0 14px 28px var(--shadow); }*/

.ct__btn:active{ transform: translateY(0); opacity:.9; }

/* A11y only label helper */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* Responsive */
@media (max-width: 1024px){
    .ct__container{ grid-template-columns:1fr; gap:32px; }
    .ct__actions{ justify-content:flex-start; }
}
/*/////////////////////////////////*/
.brands-auto-carousel .section-title-brand{
    font-size: 60px;
    color: #012B66 !important;
    font-weight: 500;
    text-align: left;
    opacity: 0.9;
    padding-left: 10%;
    font-family: 'Poppins';
    margin-top: 30px;
    line-height: 1.1;
}


/* ====== Layout ====== */
.container{
    max-width: 1180px;
    margin: 0 auto;
    padding: 36px 24px 80px;
}

.section-title{
    font-size: 48px !important;
    color: #5A5B5E !important;
    font-weight: 500;
    text-align: left;
    opacity: 0.9;
    margin-bottom: 60px !important;
    padding-left: 10%;
    font-family: 'Poppins';
    margin-top: 52px;
    margin-bottom: 50px !important
}

.news-grid{
    padding: 0px 10%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    max-width: 2111px;
}

.news-card{
    position: relative;
    padding-right: 36px; /* space for the divider */
}

.news-card:not(:last-child)::after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    background: var(--divider);
}

/* rows */
.row-1 img{
    display: block;
    width: 508px;
    height: 286.5px;
    object-fit: cover;
    border-radius: 2px;
}

.row-2{
    margin-top: 18px;
}

.news-title{
    font-size: 36px !important;
    font-weight: 500;
    color: #5A5B5E;
    line-height: 1.25;
    opacity: 0.95;
    margin: 8px 0 14px;
    letter-spacing: .2px;
    font-family: 'bodoni_72book';
}

.meta{
    margin: 0;
    font-size: 24px;
    color: #5A5B5E !important;
    letter-spacing: .5px;
    opacity: 0.9;
    font-weight: 500;
    text-transform: uppercase;
    font-family: 'Poppins';
}

.row-3{
    margin-top: 18px;
}

.excerpt{
    font-size: 16px;
    color: #5A5B5E !important;
    margin: 0;
    font-family: 'Poppins';
    margin-top: 20px;
}

/* fine divider under each column (like screenshot) */
.news-card .row-3{
    position: relative;
    padding-bottom: 24px;
}
/*.news-card .row-3::after{*/
    /*content: "";*/
    /*position: absolute;*/
    /*left: 0;*/
    /*bottom: 0;*/
    /*width: 100%;*/
    /*height: 1px;*/
    /*background: var(--divider);*/
/*}*/

/* ====== Responsive ====== */
@media (max-width: 1024px){
    .news-grid{
        gap: 28px;
    }
    .news-title{ font-size: 28px; }
}

@media (max-width: 900px){
    .news-grid{
        grid-template-columns: 1fr;
    }
    .news-card{
        padding-right: 0;
    }
    .news-card:not(:last-child)::after{
        display: none;
    }
}
/*///////////////////////////////////////*/
/*carrer*/
/*carrer*/

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


.careers .container{

    max-width: 1980px !important;
    padding: 80px 0px 70px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-left: 5%;
    justify-items: center;

}
.careers-right {
    width: 99%;
    padding-right: 20%;
}
.careers-left img{
    display:block;
    /*width:100%;*/
    /*height: 100%;*/
    width: 719.86px;
    height: 938.74px;
    border-radius: 4px;
    object-fit: cover;
}
.careers-right .title{
    font-size: 48px;
    font-weight: 500;
    letter-spacing: .2px;
    margin: 10px 0 36px;
    opacity: 0.7;
    font-family: 'Poppins';
    color: #5A5B5E;
}
.careers-right .intro{

    color: #1D1D1D !important;
    font-size: 16px;
    padding-bottom: 25px;
    font-family: 'Poppins';
}
.roles{ margin-top:10px; }
.role{
    display: block;
    text-decoration: none !important;
    color: inherit;
    padding: 32px 0px;
    border-top: 1px solid #707070;
    transition: opacity .15s
    ease, transform .15s
    ease;
}

.role-title{

    font-size: 34px !important;
    font-weight: 500;
    line-height: 1.25;
    margin: 0 0 6px;
    color: #5A5B5E;
    text-transform: capitalize;
    opacity: 0.93;
    font-family: 'bodoni_72book';
}
.role-meta{
    padding-top: 5px;
    margin: 0;
    font-size: 16px;
    color: #5A5B5E !important;
    line-height: 1;
    font-family: 'Poppins';
}
.cta:hover{
    color: #fff !important
}
.cta{
    display: inline-flex;
    align-items: center;
    gap: 40px;
    margin-top: 20px;
    /*margin-right: 14px;*/
    text-decoration: none !important;
    background: #E50119;
    color: white;
    width: 243px;
    height: 68px;
    padding: 0px 0px 0px 40px;
    border-radius: 40px;
    letter-spacing: .2px;
    line-height: 1;
    transition: transform .15s
    ease, box-shadow .15s
    ease;
    font-family: 'Poppins';
}

.cta svg{ display:block; }
@media (max-width: 1024px){
    .careers .container{ gap:36px; }
    .careers-right .title{ font-size:38px; }
    .role-title{ font-size:24px; }
}
@media (max-width: 880px){
    .careers .container{ grid-template-columns:1fr; }
    .careers-left img{
        max-height: 460px;
        width:100%;
        object-fit:cover;
    }
}
/*Start Split Section*/
/*Start Split Section*/

.sq{
    max-width: 2107px;
    padding:48px 0px 72px;
    font-family: 'Poppins';
}

.sq__container{

    display: grid;
    grid-template-columns: 1fr 1px 1fr;
    gap: 48px;
    padding: 33px 10%;
}

/* LEFT */
.sq__title{
    font-weight: 500;
    font-size: 48px !important;
    color: #5A5B5E;
    line-height: 1.15;
    letter-spacing: -0.02em;
    margin: 10px 0 40px;

}

.sq__lead{
    color: #1D1D1D !important;
    font-size: 16px;
    max-width: 520px;
    margin: 0 0 70px;
}
.sq__left{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    padding-left: 1%;

}

.sq__figure{ margin:0; border-radius:8px; overflow:hidden; }
.sq__figure img{
    display: block;
    width: 733.86px;
    height: 412.8px;
    th: 560px;
    object-fit: cover;
    border: 1px solid #eee;
}

/* VERTICAL LINE */
.sq__divider{
    width: 1px;
    align-self: self-end;
    background: #707070;
    min-height: 412px;
}

/* RIGHT */
.sq__right{
    position:relative;
    padding-top:18px;
}

/* Dots row */
.sq__dots{
    display:flex;
    gap:50px;
    margin: 55px 0 75px;
    justify-content: flex-end;
}
.sq-dot{
    width: 15px;
    height: 15px;
    border-radius:50%;
    background: #5A5B5E !important;
    border:0;
    cursor:pointer;
    padding:0;
    transition:transform .15s ease, background .15s ease;
}
.sq-dot:hover{ transform:scale(1.15); }
.sq-dot.is-active{
    background: #E50119 !important;
}

/* Big year */
.sq__year{
    font-weight: 800;
    color: #E50119;
    font-size: 60px;
    letter-spacing: .5px;
    text-align: end;
    margin: 60px 0px 40px;
}

.sq__story-title{
    font-size: 48px !important;
    font-weight: 600;
    color: #E50119;
    margin: 44px 0 200px;
    text-align: end;
    opacity: 0.8;
    letter-spacing: -0.01em;
}
.sq__story-text{
    color: #1D1D1D !important;
    font-size: 16px;
    line-height: 1.5;
    height: 98px;
    padding-left: 55px;
    margin: 0 0 100px;
}
.sq__btn:hover{
    color: #fff !important
}
.sq__btn{
    margin-top: 30px;
    float: right;
    width: 243px;
    height: 68px;
    display: inline-flex;
    gap: 40px;
    border-radius: 999px;
    background: #E50119;
    color: #fff;
    padding: 22px 0px 0px 44px;
    text-decoration: none !important;
    font-size: 16px;
    transition: transform .12s
    ease, box-shadow .12s
    ease, background .2s
    ease;
}
/* Responsive */
@media (max-width:1024px){
    .sq__container{
        /*grid-template-columns:1fr;*/
        /*gap:28px;*/
    }
    .sq__divider{ display:none; }
    .sq__right{ padding-top:0; }
    .sq__year{ position:static; margin:6px 0 0; }
}

/*End Split Section*/
/*End Split Section*/
/*End Split Section*/



/*Start All carousel */
/*Start All carousel */
/*Start All carousel */

.section-title {
    font-size: 48px !important;
    color: #5A5B5E !important;
    font-weight: 500;
    text-align: left;
    padding-left: 10%;
    opacity: 0.9;
    font-family: 'Poppins';
}
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 1080px;
}
.carousel-wrapper {
    max-width: 1826px;
    overflow: hidden;
    padding-left: 66px;
    margin-left: 11.3%;
}

.carousel-track {
    display: flex;
    gap: 123px;
    height: 124.53px;
    animation: scroll 25s linear infinite;
}



.brand-logo {
    max-height: 100px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}


.brand-logo:hover {
    transform: scale(1.1);
}

@keyframes scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

@media (max-width: 768px) {
    .section-title {
        text-align: center;
    }
    .carousel-track {
        gap: 40px;
        animation-duration: 18s;
    }
    .brand-logo {
        max-height: 70px;
    }

}

/*////////////////////*/
.containe_r{
    max-width: var(--containe_r);
    margin: 0 auto;
    padding: 33px 0px 54px 10%;
}

.voices .row-title h2{
    font-weight: 500;
    letter-spacing: 1.2px;
    font-size: 48px;
    opacity: 0.9;
    margin: 0 0 46px;
    color: #5A5B5E;
    font-family: 'Poppins';
}

.scroller{
    position: relative;
    max-width: 1900px;
    overflow: hidden;
}

.track{
    display: grid;
    grid-auto-flow: column;
    /* grid-auto-columns: var(--card-w); */
    /* grid-auto-columns: max-content; */
    gap: 22px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: y;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.track::-webkit-scrollbar{ display:none }

.card{
    background: #F0F0F0;
    padding: 18px 18px 20px;
    height: 313px;
    width: 527px;
    display: grid;
    gap: 15px;
    scroll-snap-align: start;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
}

.card-head{
    display: grid;
    grid-template-columns: 1fr 110px;
    align-items: start;
    gap: 9px;
    padding-left: 30px;
    margin-bottom: -20px;
}
.name{
    font-size: 34px !important;
    margin: 22px 0px 4px 0px;
    font-weight: 600;
    opacity: 0.8;
    color: #5A5B5E;
    font-family: 'bodoni_72book';

}
.role_v{
    display: block;
    font-size: 16px;
    line-height: 1.3;
    color: #5A5B5E !important;
    text-decoration: none;
    padding: 12px 0px;
    transition: opacity 0.15s, transform 0.15s;
    font-family: 'Poppins';
}
.avatar{
    margin-top: 14px;
    width: 91px;
    height: 91px;
    border-radius: 50%;
    background: #d5d5d5;
}
.quote{
    padding-left: 30px !important;
    margin: 0;
    font-size: 14px;
    line-height: 1.45;
    color: #5A5B5E;
    border-left: none !important;
    font-family: 'Poppins';
}

@media (min-width: 900px){
    :root{ --card-w: 360px; }
    .card{ min-height: 190px; }
    .name{ font-size: 19px; }
}

/*////////////////////////////*/
.hero-slide{
    position: relative;
    min-height: 100vh;            /* full screen */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 1080px !important;
}
/* solid grey fallback (matches the mock) */
/*.hero-slide.bg-fallback{ background: #cfcfcf; }*/

/* bottom-right light caption */
.hero-caption{
    position: absolute;
    right: 1.25rem;
    bottom: 1.25rem;
    max-width: 360px;
    color: #ffffff;
    opacity: .9;
    font-size: .9rem;
    line-height: 1.4;
    text-align: right;
    z-index: 1;
}

/* subtle overlay to keep text readable */
.hero-slide::after{
    content: "";
    position: absolute; inset: 0;
    background: rgba(0,0,0,.15);
}

.carousel {
    max-width: 2111px;
}
/* small, round indicators */
.carousel-indicators [data-bs-target]{
    width: 8px; height: 8px; border-radius: 50%;
}

.carousel-fade .carousel-item{
    height: 1080px !important;
}

.carousel-item {
    transition : transform 3.2s ease-in-out ,opacity 2.2s ease-in-out
}

/*//////////  partners  //////////////*/

/*.partners-wrap{display:grid;gap:24px;}*/
.partners-wrap{
    display:grid;
    gap:24px;
    grid-template-columns : 1fr 1px 1fr ;
    padding : 55px 10%;
    max-width: 2111px;
    align-items : stretch;
}
/*@media (min-width:992px){*/
    /*.partners-wrap{*/
        /*grid-template-columns:1fr 1px 1fr;*/
        /*align-items:stretch;*/
        /*padding: 55px 10%;*/
        /*max-width: 2111px;*/
    /*}*/
/*}*/
.righ_t {
    padding-left: 40px;
}

.lft {
    padding-right: 30px;
}
.ratio {
    height: 412px;
    margin-bottom: 33px;
    max-width: 733.86px;
}

.veed{
    position: sticky !important;
    z-index: 1000;
    top: 20px;
}
.partners-block .parag {
    color: #5A5B5E !important;
    font-size: 24px !important;
    font-family: 'Poppins' !important;
    font-weight: 500 !important;
    opacity: 0.9;
    line-height: 1.3;
}
.righ_t .partners-block:last-child{
    border-bottom:none !important;
}
.partners-divider{display:none;}
@media (min-width:992px){
    .partners-divider{
        display:block;
        background: #707070;
        width:1px;}
}
.partners-title{
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: .2px;
    color: #5A5B5E;
    font-size: 48px !important;
    margin-bottom: 34px !important;
    opacity: 0.9;
}
.righ_t .partners-block{
    margin-bottom: 50px !important;
    margin-top : 30px !important;
    padding-bottom: 40px !important ;
    border-bottom : 1px solid #707070 !important;
}
.partners-btn{display:inline-flex;align-items:center;gap:.6rem;background:var(--brand-red);color:#fff;border:0;border-radius:999px;padding:.75rem 1.25rem;font-weight:600;text-decoration:none;box-shadow:0 4px 14px rgba(227,6,19,.25);}
.partners-btn .arrow{display:inline-block;transition:transform .2s ease;}
.partners-btn:hover .arrow{transform:translateX(3px);}
/*.partners-block + .partners-block{border-top:1px solid var(--divider);margin-top:1.25rem;padding-top:1.25rem;}*/
.partners-block h3{
    opacity: 0.9;
    font-weight: 500;
    color: #5A5B5E !important;
    font-size: 48px !important;
    font-family: 'Poppins';
    text-transform: capitalize;
    margin-bottom: 25px !important;
    margin-top: 30px !important;
}
.partners-block p{
    color: #1D1D1D !important;
    font-size: 16px;
    margin-bottom: 1.2rem;
    font-family: 'Poppins';
    line-height: 1.5;
}


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

/* ====== RESPONSIVE PATCH (append after your CSS) ====== */

/* 1) Variables that were referenced but not defined */
:root {
    /* use your accent red wherever brand-red was used */
    --brand-red: var(--accent);
}

/* 2) Header: avoid fixed navbar height and tidy logo scaling */
.header-1 .navbar {
    /*height: auto;                 !* was fixed height *!*/
    min-height: 64px;             /* keeps a nice minimum */
}
.header-1 .navbar-brand img {
    max-width: 100%;
    width: auto;                   /* don't lock width */
    height: clamp(44px, 6.5vw, 98px);
}

/* Remove duplicate tablet logo sizing conflicts */
@media (min-width: 768px) and (max-width: 1100px){
    .header-1 .navbar-brand img { height: 72px; }
}

/* 3) Containers: let very wide screens breathe without overflowing */
.header-1 .container-custom,
.site-footer,
.carousel { max-width: min(100%, 2111px); }

/* 4) Newsletter: make it fluid on small screens */



/* 5) Images: scale down nicely; keep ratio */
.row-1 img,
.careers-left img,
.sq__figure img,
.ratio img,
.brand-logo {
    /*width: 100% !important;*/
    max-width: 100%;
    /*height: auto !important;*/
}

/* If you want consistent crops, use aspect-ratio instead of hard sizes */
.row-1 img       { aspect-ratio: 16 / 9; object-fit: cover; }
.sq__figure img  { aspect-ratio: 16 / 9; object-fit: cover; }

/* Careers image was fixed; make the wrapper manage size instead */
.careers-left img { max-height: none; }

/* 6) News grid: gap and single-column below ~960px already OK; add guard for tiny phones */
@media (max-width: 520px){
    .news-title { font-size: clamp(22px, 6vw, 28px) !important; }
    .meta       { font-size: clamp(14px, 4.2vw, 18px); }
    .excerpt    { font-size: 15px; }
}

/* 7) Huge titles: make them fluid */
/*.ct__title {*/
    /*font-size: clamp(36px, 6vw, 100px) !important;*/
/*}*/
.sq__title,
.careers-right .title,
.section-title {
    /*font-size: clamp(28px, 4.2vw, 48px) !important;*/
    font-size: clamp(40px, 4.2vw, 60px) !important;
}

/* 8) Carousel/hero: avoid fixed 1080px height; allow media to define height */
.carousel-inner {
    height: auto;                  /* was 1080px */
}
.carousel-fade .carousel-item {
    height: auto !important;
    min-height: clamp(320px, 60vh, 860px);  /* sane fluid height */
}
.hero-slide {
    min-height: clamp(320px, 60vh, 860px);
}

/* 9) Partners ratio block: avoid fixed heights and rely on aspect ratio */
/*.ratio {*/
    /*height: auto;*/
    /*aspect-ratio: 16 / 9;*/
    /*max-width: 733.86px;*/
/*}*/
@media (max-width: 640px){
    .partners-wrap { grid-template-columns: 1fr !important; }
}

/* 10) Stats row: enable wrapping earlier and center on small screens */
.stats-container {
    /*flex-wrap: wrap;*/
    gap: 130px;
}
.stat-card { min-width: min(260px, 100%); }

/* 11) Contact grid: reduce giant gap on mid screens */
@media (max-width: 1200px){
    .ct__container { gap: 48px; }
}
@media (max-width: 480px){
    .ct__row { grid-template-columns: 1fr; }
}

/* 12) Split-quote: remove stray property and make paddings flexible */
.sq__figure img { /* removed 'th:' typo */ }
.sc-split-quote .sc-sq-panel {
    padding: clamp(24px, 6vw, 80px);
}

/* 13) Language & buttons: keep tappable sizes on tiny screens */


/*.sec1 .learn-more-btn,*/
/*.ct__btn,*/
/*.cta {*/
    /*height: clamp(44px, 9vw, 68px);*/
    /*width: clamp(180px, 48vw, 243px);*/
    /*padding-left: clamp(18px, 4.2vw, 36px);*/
/*}*/

/* 14) Footer grid: stack earlier on smaller laptops */
@media (max-width: 1140px){
    .footer-grid { grid-template-columns: 1fr; }
}

/* 15) Safe default for super-narrow screens (≤360px) */
@media (max-width: 360px){
    .header-1 .navbar { padding-left: 12px; padding-right: 12px; }
    .header-1 .nav-link { padding-inline: .5rem !important; }
}













.slider-video-wrapper .video-desktop ,
.slider-video-wrapper .video-mobile {
    max-height: 1080px;
    height: 100%;
}


/* Hide both by default */
.slider-video-wrapper .video-desktop,
.slider-video-wrapper .video-mobile {
    display: none;
}

/* Screen > 800px → show desktop video */
@media (min-width: 801px) {
    .slider-video-wrapper .video-desktop {
        display: block;
    }
}

/* Screen <= 800px → show mobile video */
@media (max-width: 800px) {
    .slider-video-wrapper .video-mobile {
        display: block;
        /*height: 400px !important;*/
        min-height: 270px !important;
        min-width: 450px !important;
    }
}
/*
//////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////
//////////////////     Overvie  Page   CSS   /////////////////////
//////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////
*/


.journey-section{
    background:#FFFFFF;
    padding: 0px 12% !important;
    margin-bottom: 80px !important;
}

.journey-title{
    font-size: 60px !important;
    line-height: 1.2;
    font-weight: 500;
    opacity: 0.9;
    color: #5A5B5E;
    letter-spacing: 1.1px;
}

.journey-intro{
    max-width: 610px;
    font-size: 16px;
    line-height: 1.6;
    color: #1D1D1D !important;
    font-family: 'Poppins';
}

/* ===== Timeline core ===== */
.timeline-line{
    /*position: absolute;*/
    /*top: 384px;*/
    /*bottom: 60px;*/
    /*left: 50%;*/
    /*transform: translateX(-50%);*/
    /*width: 1px;*/
    /*background: #707070;*/
    /*z-index: 0;*/
    margin-top: 2% !important;
    position: absolute;
    top: 12%;
    bottom: 3%;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    background: #707070;
    z-index: 0;
}

.timeline-item{
    position:relative;
    /*padding:2.5rem 0;*/
}

.timeline-photo{
    /*background:#fff;*/
    /*border-radius:4px;*/
    /*overflow:hidden;*/
    /*box-shadow:0 10px 20px rgba(0,0,0,.07);*/
    /*max-height: 412px !important;*/
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    /*height: 75.59vh;*/
    position: relative;
    max-width: 1950px;

}
.photo-bg
{
    width: 100% !important;
    object-fit: fill;
    height: 100% !important;
}

.timeline-dot{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #E50119;
    z-index: 2;
}

.timeline-copy{
    font-size:.95rem;
}

.timeline-year{
    /*display:block;*/
    /*font-weight:700;*/
    /*color:#d70016;*/
    /*letter-spacing:.08em;*/
    /*margin-bottom:.25rem;*/
    font-weight: 800;
    font-size: 60px !important;
    color: #E50119;
    margin-bottom: .25rem;
}
.row_img{
    flex: 0 0 auto !important;
    width: 46.666667% !important;
}
.timeline-heading{
    font-size: 48px !important;
    font-weight: 500;
    margin-bottom: .5rem;
    color: #E50119;
    text-transform: capitalize;
    line-height: 1.2;
}

.timeline-text{
    font-size:16px;
    line-height:1.6;
    text-align: left;
}

/* button */
.btn-view-more , .btn-view-less{
    height: 68px !important;
    width: 243px !important;
    background: #E50119;
    color: #fff;
    font-weight: 500;
    letter-spacing: .03em;
    font-size: 16px !important;
    border: none;
    padding-top: 22px !important;
}
.btn-view-more:hover ,.btn-view-less:hover{
    background:#b10012;
    color:#fff;
}

.btn-view-less {
    background: #e50119b0;
}

/*@media(max-width:1118.1px){*/
    /*.timeline-line{*/
        /*top : 18% !important*/
    /*}*/
/*}*/

@media(max-width : 1650px){
    .journey-title , .timeline-year {
        font-size : 52px !important
    }
    .journey-intro , .timeline-text {
        font-size : 14.5px !important
    }
    .timeline-heading {
        font-size : 40px !important
    }
    .btn-view-more , .btn-view-less {
        height : 60px !important;
        padding-top : 18px !important;
        width : 200px !important;
    }
    .timeline-line {
        top : 19.9% ;
        bottom : 100px
    }
    .timeline-dot {
        top: 30% !important
    }
    .timeline-copy {
        padding-top : 0px !important;
        margin : 0px !important
    }
}
@media(max-width: 1376px){
    .journey-title  , .timeline-year {
        font-size : 42px !important ;
    }
    .timeline-heading {
        font-size : 50px !important
    }
    .journey-intro , .timeline-text {
        font-size : 12px !important
    }
    .timeline-line {
        top : 16%
    }
    .timeline-dot {
        top: 50% !important
    }
    .row{
        /* height : 470px ; */
        /* padding : 0px !important ; */
        /* margin : 0px !important; */
    }
    .timeline-copy {
        margin-top: 0px !important ;
        padding-top : 0px !important;
    }
}
@media(max-width:1118.1px){
    .timeline-line{
        top : 18% !important
    }
}
/* ===== Responsive ===== */
@media (max-width:1000px){
    .recipes-section .cs-padd .text-con .recipe-content .row{
        flex-direction : row !important
    }
    .hero-main .hero-title {
        padding: 0px !important;
        margin: 0px !important;
        text-align: center !important;
    }
    .hero-main {
        padding: 0px;
    }
    .product-name {
        font-size : 25px !important;
    }
    .nav-tabs li .nav-link{
        font-size : 26px !important

    }
    .typs {
    margin: 0px !important;
    width: 100% !important;
    height: 150px ;
    margin-left: 4% !important;
    }
    .width-prod {
    width: 40% !important;
    height: 350px !important;
    }

    .timeline-year {
        font-size : 48px !important;
    }
    .timeline-heading {
        font-size : 38px !important
    }
    .timeline-line ,.timeline-dot{
        display :none !important ;
    }
    .journey-title {
        text-align : center;
        font-size: 48px !important;
    }
    .journey-intro {
        text-align :center;
        margin-left : 7% ;
        font-size : 18px !important;
    }
    .journey-section .ppad-about{
        margin-left: 7% !important;
    }

    .row_img{
        width : 80% !important ;

    }
    .timeline-photo{
        max-height : 300px !important ;
    }
    .timeline-copy , .timeline-text {
        text-align : center !important;
        font-size: 18px !important;
        margin-bottom: 16px !important;
    }
    .row {
        display: flex ;
        flex-direction : column !important ;
        align-content : center !important;
    }

    .stats-section .stats-container {
        flex-direction : column !important;
    }
}
@media (max-width:550px){
    .journey-section {
        padding :0px 5% !important
    }
    .journey-title {
        font-size: 33px !important;
    }
    .journey-intro , .timeline-text {
        font-size : 14px !important;
    }
    .journey-intro{
        margin-left :0px !important
    }
    .row_img {
        width : 100% !important
    }
    .timeline-heading {
        text-align :center !important;
        font-size : 28px !important
    }
    .timeline-year {
        font-size : 40px !important
        /* text-align: right !important; */
        /* color: cyan; */
        /* text-align: right !important; */
    }
    .journey-section{
        padding-top:2.5rem;
        padding-bottom:3rem;
    }

    .timeline-line{
        display:none;
    }

    .timeline-item{
        padding:2rem 0;
    }

    .timeline-dot{
        display:none;
    }

    .timeline-copy{
        border-left:2px solid #e0e0e0;
        padding-left:1rem;
        margin-top:1rem;
    }

    .timeline-copy{
        /* text-align:left !important; */
        border-left : none !important;
        padding-left : 0px !important
    }
    .row{
        margin-bottom: 0px !important ;
        padding-bottom: 0px !important
    }
    .btn-view-more, .btn-view-less {
        height: 40px !important;
        padding-top: 7px !important;
        width: 200px !important;
    }
}
/*///////////////////////////////////////*/
/*///////////////////////////////////////*/
/*///////////////////////////////////////*/
/*///////////////////////////////////////*/
/*///////////////////////////////////////*/
/*///////////////////////////////////////*/
#max-ht{
    hight:100% ;
    max-height: 634.58px !important;
}

#head{
    font-size : 20px ;
    font-weight : 500 !important;
    opacity: 0.85 !important;
}

.plant-section {
    background-color: #ffffff;
}

.plant-title {
    font-size: 60px !important;
    font-weight: 500;
    word-spacing: 7px;
    text-transform: uppercase;
    color: #5A5B5E;
    font-family: 'Poppins';
    opacity: 0.9;
}

.plant-subtitle {
    font-weight: 500;
    color: #E50119;
    font-size: 60px !important;
    opacity: 0.9;
    font-family: 'Poppins';
    letter-spacing: 1px;
}

.plant-intro {
    max-width: 600px;
    font-size: 16px !important;
    line-height: 1.6;
    color: #1D1D1D !important;
    font-family: 'Poppins';
}

.department-item {
    display: flex;
    flex-direction: column;
}

.department-image img {
    display: block;
    border-radius: 0;
    object-fit: cover;
}

.department-title {
    font-size: 34px !important;
    font-weight: 500;
    line-height: 1.2;
    opacity: 0.9;
    margin-bottom: 0.9rem;
    text-transform: capitalize;
    color: #5A5B5E;
}

.department-text {
    font-size: 16px !important;
    line-height: 1.5;
    color: #1D1D1D !important;
    margin-bottom: 0;
}

/* Spacing tweaks for smaller screens */
@media (max-width: 767.98px) {
    .plant-title {
        font-size: 2.1rem;
    }

    .plant-subtitle {
        font-size: 1.6rem;
    }

    .plant-intro {
        max-width: 100%;
    }
}

/*.certification-title{*/
    /*font-size : 60px !important;*/
    /*font-weight : 500 ;*/
    /*line-height : 1.2 ;*/
    /*color :  #5A5B5E; ;*/
/*}*/
.subtitle{
    color : #E50119;
    font-size : 48px !important;
    font-weight : 500 ;
    opacity: 0.9;
}
.title{
    font-size : 60px !important;
    font-weight : 800;
    color : #E50119  ;
}
.cirtification-title{
    font-size :48px !important ;
    font-weight : 500 ;
    line-height : 1.2 ;
    color : #5A5B5E !important ;
    opacity: 0.9;
}


/*///////////////////////*/
/*//////////  Our Product Slider /////////////*/
/*///////////////////////*/
/*///////////////////////*/

.snips-products {
    background-color: #ffffff;
}
.chips-img{
    padding-right: 8% !important;
}
.section-title_product {
    padding-inline: 10%;
    font-size: 60px !important;
    color: #012B66;
    opacity: 0.9;
    font-weight: 500;
    letter-spacing: 1px;
}

/* Decorative snacks (placeholders) */
.snack-decor {
    position: absolute;
    top: 0.6rem;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: #ffcf7a;
}

.snack-decor-1 {
    right: 7rem;
}

.snack-decor-2 {
    right: 4rem;
    width: 34px;
    height: 34px;
    background-color: #ffe6b0;
}

.snack-decor-3 {
    right: 1rem;
    width: 46px;
    height: 46px;
    background-color: #ffb864;
}

/* Product image and arrows */
.product-image-wrap {
    position: relative;
    max-width: 580px;
    /*max-height: 600px;*/
}

.product-image {
    display: block;
    margin: 0 auto;
    /*width: 581px !important;*/
    height: auto;
    max-height: 600px;
    max-width: 581px;
}

.nav-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 82.59px;
    height: 86.4px;
    border-radius: 50%;
    border: none;
    background-color: #EFEFEF;
    color: #1D1D1D;
    cursor: pointer;
    font-size: 1.5rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: opacity 0.15s
    ease, transform 0.15s
    ease;
    margin-inline: -11%;
}

.nav-arrow-right {
    right: 16%;
    background-color: var(--snips-red);
    color: #ffffff;
}

.nav-arrow-left {
    left: 16%;
}

.nav-arrow:hover {
    opacity: 0.9;
    transform: translateY(-50%) translateY(1px);
}

/* Variants */
.variants-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 9.5rem;
    text-align: center;
}

.variant-item {
    min-width: 90px;
    cursor: pointer;
}

.variant-name {
    display: block;
    font-weight: 700;
    margin-bottom: 1.2rem;
    font-size: 34px;
    color: #012B66;
    border: none;
    background: white;

}
.variant-sub {
    display: block;
    font-weight: 500;
    margin-bottom: 1.2rem;
    font-size: 24px;
    color: #012B66;
    border: none;
    background: white;
}
.product-types-tabs{
    gap : 160px
}
.product-types-sub{
    gap : 100px
}
.variant-flavour {
    display: block;
    font-size: 24px;
    color: #012B66;
    margin-top: 40px;
}


.variant-name.active  {
    color: #E50119 !important;
}

/* Button */
.btn-view-all {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-right: 10px !important;
    border-radius: 40px;
    background-color: #E50119;
    width: 243px;
    height: 68px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    box-shadow: 0 8px 18px rgba(240, 37, 41, 0.3);
}

.btn-view-all:hover,
.btn-view-all:focus {
    color: #ffffff;
    text-decoration: none;
    transform: translateY(1px);
}

/* Responsive tweaks */
@media (max-width: 991.98px) {
    /*.section-title {*/
        /*font-size: 2rem;*/
    /*}*/

    /*.nav-arrow-left {*/
        /*left: 8%;*/
    /*}*/

    /*.nav-arrow-right {*/
        /*right: 8%;*/
    /*}*/
}

@media (max-width: 767.98px) {
    .snack-decor {
        /*display: none;*/
    }

    .section-title {
        font-size: 1.8rem;
        text-align: left;
    }

    .product-image-wrap {
        max-width: 260px;
    }

    .nav-arrow {
        /*display: none !important; !* hide arrows on small screens *!*/
    }

    .variants-wrap {
        gap: 1.8rem;
    }
}

@media (max-width: 575.98px) {
    .snips-products {
        padding-top: 2.5rem;
        padding-bottom: 0rem !important
    }

    .section-title {
        margin-bottom: 1.5rem;
    }
}


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


.recipes-section {
    background-color: #ffffff;
}

.recipes-title {
    font-size: 60px !important;
    font-weight: 500;
    color: #012B66;
    opacity: 0.9;
}

/* Card layout */
.recipes-card-wrapper {
    background-color: var(--snips-bg);
}

.recipe-image-wrap {
    height: 100%;
    overflow: hidden;
}

.recipe-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.recipe-content {
    padding: 2rem 2.5rem;
}

.recipe-name {
    font-size: 60px !important;
    font-weight: 800;
    letter-spacing: 1.1px;
    margin: 0;
    line-height: 1.1;
    color: #012B66;
    text-transform: capitalize;
    width: 104%;
}

/* Meta info */
.recipe-meta {
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #E50119;
    border-bottom: 1px solid #E50119;
    justify-content: space-around;
}

.meta-item {
    padding-top: 4px;
    padding-bottom: 14px;
    display: flex;
    flex-direction: column;
}

.meta-label  ,.meta-value {
    font-weight: 500;
    color: #012B66;
    text-transform: capitalize;
    letter-spacing: 0.03em;
    font-size: 20px;
}

/*.meta-value {*/
    /*font-weight: 600;*/
    /*color: var(--snips-blue);*/
    /*margin-top: 0.15rem;*/
/*}*/

/* Arrows */
.recipes-arrows {
    align-items: center;
}

.recipes-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    font-size: 1.1rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: transform 0.15s ease, opacity 0.15s ease;
}

.arrow-light {
    background-color: #f3f3f3;
    color: var(--snips-blue);
}

.arrow-red {
    background-color: var(--snips-red);
    color: #ffffff;
}

.recipes-arrow:hover {
    opacity: 0.9;
    transform: translateY(1px);
}

/* Ingredients & instructions */
.recipe-subtitle {
    font-size: 20px !important;
    font-weight: 700;
    margin-bottom: 0.75rem;
    color: #012B66;
}

.recipe-list {
    list-style: none !important;
    padding-left: 0px;
    margin: 0;
    color: #012B66;
    font-size: 16px;
}

.recipe-list li::before {
    /*content: "•";*/
    /*color: var(--snips-red);*/
    display: inline-block;
    width: 0.9rem;
    margin-left: -0.9rem;
}

.recipe-instructions {
    padding-left: 0px;
    margin: 0;
    color: #012B66;
    font-size: 16px;
    list-style-type: none !important;
}

.recipe-instructions li + li {
    margin-top: 0.4rem;
}


.made-with{
    margin-top: 35% !important;
}
/* Made with */
.made-with-title {
    font-size: 20px !important;
    font-weight: 700;
    color: #012B66;
    text-transform: capitalize;
}

.made-with-image-wrap {
    max-width: 90px;
}
.cs-padd{
    padding-left: 10%;
    padding-right: 9%;
    overflow: hidden;
}

/* Responsive tweaks */
@media (max-width: 991.98px) {
    .recipe-content {
        padding: 1.75rem;
    }

    .recipe-name {
        font-size: 1.5rem;
    }
}

@media (max-width: 767.98px) {
    .recipes-card-wrapper {
        border-radius: 0;
    }

    .recipe-image-wrap {
        max-height: 260px;
    }

    .recipe-content {
        padding: 1.5rem 1.25rem 1.75rem;
    }

    .recipe-meta {
        gap: 1rem;
    }
}

@media (max-width: 575.98px) {
    .recipes-title {
        font-size: 1.9rem;
        margin-bottom: 0.75rem;
    }

    .recipe-name {
        font-size: 1.4rem;
    }

    .recipe-meta {
        flex-direction: column;
        /*gap: 1rem !important;*/
        gap:0rem !important;
    }
}