/* =====================================================
   FMCG & FOOD PRODUCTS PAGE
===================================================== */

:root {
    --fmcg-green: #198128;
    --fmcg-green-dark: #073818;
    --fmcg-green-dark-2: #052b13;
    --fmcg-green-dark-3: #0b4f21;
    --fmcg-orange: #ca710f;
    --fmcg-orange-light: #f2a444;
    --fmcg-heading: #102417;
    --fmcg-text: #52605a;
    --fmcg-soft: rgba(255,255,255,.78);
    --fmcg-border: rgba(255,255,255,.13);
}

html,
body {
    overflow-x: hidden;
}

.fmcg-page {
    overflow-x: hidden;
    background: #ffffff;
}

.fmcg-page h1,
.fmcg-page h2,
.fmcg-page h3,
.fmcg-page h4,
.fmcg-page h5,
.fmcg-page h6 {
    font-family: 'Nunito', sans-serif;
}

.fmcg-page p {
    font-family: 'Heebo', sans-serif;
    line-height: 1.85;
}

.fmcg-page .section-title {
    color: var(--fmcg-orange) !important;
    font-size: 14px;
    font-weight: 900 !important;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.fmcg-page .section-title::before,
.fmcg-page .section-title::after {
    background: var(--fmcg-orange) !important;
}

/* =====================================================
   HERO SECTION
===================================================== */

.fmcg-hero-section {
    position: relative;
    min-height: 720px;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding-top: 145px;
    padding-bottom: 90px;
    background:
        linear-gradient(90deg, rgba(5,43,19,.74) 0%, rgba(5,43,19,.50) 44%, rgba(5,43,19,.12) 100%),
        url("../img/fmcg-hero.jpg") center center / cover no-repeat;
}

.fmcg-hero-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 12% 22%, rgba(202,113,15,.20), transparent 28%),
        linear-gradient(180deg, rgba(5,43,19,.12), rgba(5,43,19,.08));
    pointer-events: none;
}

.fmcg-hero-section .container {
    position: relative;
    z-index: 2;
}

.fmcg-hero-shape {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    z-index: 1;
}

.fmcg-hero-shape.shape-one {
    width: 300px;
    height: 300px;
    right: -120px;
    top: 160px;
    border: 1px solid rgba(255,255,255,.14);
}

.fmcg-hero-shape.shape-two {
    width: 190px;
    height: 190px;
    left: -80px;
    bottom: 80px;
    background: rgba(202,113,15,.14);
}

.fmcg-hero-content {
    max-width: 760px;
}

.fmcg-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: var(--fmcg-orange-light);
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
    margin-bottom: 22px;
}

.fmcg-eyebrow::before {
    content: "";
    width: 42px;
    height: 2px;
    background: var(--fmcg-orange);
    border-radius: 5px;
}

.fmcg-hero-content h1 {
    color: #ffffff !important;
    font-size: clamp(42px, 5.7vw, 72px);
    font-weight: 900;
    line-height: 1.04;
    letter-spacing: 0.006em;
    margin-bottom: 24px;
    overflow-wrap: break-word;
    text-shadow: 0 10px 28px rgba(0,0,0,.26);
}

.fmcg-hero-content p {
    color: rgba(255,255,255,.90) !important;
    max-width: 690px;
    font-size: 18px;
    margin-bottom: 32px;
}

.fmcg-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.fmcg-hero-path {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: 34px;
    color: rgba(255,255,255,.74);
    font-family: 'Nunito', sans-serif;
    font-weight: 800;
}

.fmcg-hero-path a {
    color: #ffffff;
    text-decoration: none;
}

.fmcg-hero-path a:hover {
    color: var(--fmcg-orange-light);
}

.fmcg-hero-path i,
.fmcg-hero-path span {
    color: var(--fmcg-orange-light);
}

/* =====================================================
   PRODUCTS SECTION
===================================================== */

.fmcg-product-section {
    position: relative;
    overflow: hidden;
    background: #ffffff;
    padding: 100px 0;
}

.fmcg-product-section::before {
    content: "";
    position: absolute;
    width: 320px;
    height: 320px;
    right: -150px;
    top: -140px;
    border-radius: 50%;
    background: rgba(25,129,40,.06);
    pointer-events: none;
}

.fmcg-product-section::after {
    content: "";
    position: absolute;
    width: 230px;
    height: 230px;
    left: -105px;
    bottom: -105px;
    border-radius: 50%;
    background: rgba(202,113,15,.07);
    pointer-events: none;
}

.fmcg-product-section .container {
    position: relative;
    z-index: 2;
}

.fmcg-product-section h2 {
    color: var(--fmcg-heading) !important;
    font-size: clamp(32px, 4vw, 52px);
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: -0.055em;
    margin-bottom: 22px;
}

.fmcg-product-section p {
    color: var(--fmcg-text) !important;
}

.fmcg-product-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 26px;
}

.fmcg-product-card {
    position: relative;
    overflow: hidden;
    min-height: 100%;
    border-radius: 5px;
    background:
        linear-gradient(145deg, #ffffff 0%, #f8fbf8 100%);
    border: 1px solid rgba(25,129,40,.12);
    box-shadow: 0 16px 42px rgba(5,43,19,.075);
    padding: 12px 12px 22px;
    transition: all .35s ease;
}

.fmcg-product-card::before {
    content: "";
    position: absolute;
    width: 110px;
    height: 110px;
    right: -50px;
    top: -50px;
    border-radius: 50%;
    background: rgba(202,113,15,.08);
    transition: all .35s ease;
    pointer-events: none;
}

.fmcg-product-card:hover {
    transform: translateY(-8px);
    border-color: var(--fmcg-green);
    box-shadow: 0 24px 60px rgba(25,129,40,.16);
}

.fmcg-product-card:hover::before {
    background: rgba(25,129,40,.09);
}

.fmcg-product-img {
    position: relative;
    overflow: hidden;
    height: 230px;
    border-radius: 5px;
    background:
        radial-gradient(circle at 20% 15%, rgba(202,113,15,.14), transparent 28%),
        linear-gradient(135deg, var(--fmcg-green-dark-2), var(--fmcg-green-dark-3));
    padding: 8px;
}

.fmcg-product-img::after {
    content: "";
    position: absolute;
    inset: 8px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 5px;
    pointer-events: none;
}

.fmcg-product-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 5px !important;
    transition: all .55s ease;
}

.fmcg-product-card:hover .fmcg-product-img img {
    transform: scale(1.07);
}

.fmcg-product-card h5 {
    position: relative;
    color: var(--fmcg-heading) !important;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.35;
    text-align: center;
    margin: 20px 6px 0;
    transition: all .35s ease;
}

.fmcg-product-card h5::after {
    content: "";
    display: block;
    width: 42px;
    height: 3px;
    background: var(--fmcg-orange);
    border-radius: 5px;
    margin: 13px auto 0;
    transition: all .35s ease;
}

.fmcg-product-card:hover h5 {
    color: var(--fmcg-green) !important;
}

.fmcg-product-card:hover h5::after {
    width: 68px;
    background: var(--fmcg-green);
}

/* =====================================================
   CTA SECTION
===================================================== */

.fmcg-cta-section {
    position: relative;
    overflow: hidden;
    background: #ffffff;
    padding: 0 0 100px;
}

.fmcg-cta-section .container {
    position: relative;
    z-index: 2;
}

.fmcg-cta-card {
    position: relative;
    overflow: hidden;
    padding: 48px;
    border-radius: 5px;
    background:
        radial-gradient(circle at 12% 18%, rgba(202,113,15,.13), transparent 28%),
        linear-gradient(135deg, #052b13 0%, #073818 50%, #0b4f21 100%);
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 24px 70px rgba(5,43,19,.18);
}

.fmcg-cta-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 56px 56px;
    opacity: .22;
    pointer-events: none;
}

.fmcg-cta-card::after {
    content: "";
    position: absolute;
    width: 170px;
    height: 170px;
    right: -70px;
    top: -70px;
    border-radius: 50%;
    background: rgba(202,113,15,.15);
    pointer-events: none;
}

.fmcg-cta-card .row {
    position: relative;
    z-index: 2;
}

.fmcg-cta-card span {
    display: inline-block;
    color: var(--fmcg-orange-light);
    font-family: 'Nunito', sans-serif;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.fmcg-cta-card h2 {
    color: #ffffff !important;
    font-size: clamp(30px, 4vw, 46px);
    font-weight: 900;
    line-height: 1.12;
    letter-spacing: -0.05em;
    margin-bottom: 16px;
}

.fmcg-cta-card p {
    color: rgba(255,255,255,.76) !important;
    margin-bottom: 0;
}

.btn-outline-green {
    border: 2px solid #ffffff !important;
    color: #ffffff !important;
    background: transparent !important;
}

.btn-outline-green:hover {
    border-color: var(--fmcg-orange) !important;
    background: var(--fmcg-orange) !important;
    color: #ffffff !important;
    transform: translateY(-3px);
}

/* Footer gap remove */
.fmcg-cta-section + #footer-placeholder,
#footer-placeholder {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width: 1199px) {
    .fmcg-product-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 991px) {
    .fmcg-hero-section {
        min-height: auto;
        padding-top: 150px;
        padding-bottom: 90px;
    }

    .fmcg-product-section {
        padding: 80px 0;
    }

    .fmcg-product-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .fmcg-cta-section {
        padding-bottom: 80px;
    }

    .fmcg-cta-card {
        padding: 38px 30px;
    }
}

@media (max-width: 575px) {
    .fmcg-hero-section {
        padding-top: 135px;
        padding-bottom: 70px;
    }

    .fmcg-hero-content h1 {
        font-size: 36px;
        letter-spacing: -0.045em;
    }

    .fmcg-hero-content p {
        font-size: 16px;
    }

    .fmcg-hero-actions {
        flex-direction: column;
        align-items: flex-start;
    }

    .fmcg-product-section {
        padding: 65px 0;
    }

    .fmcg-product-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .fmcg-product-img {
        height: 240px;
    }

    .fmcg-cta-section {
        padding-bottom: 65px;
    }

    .fmcg-cta-card {
        padding: 30px 22px;
    }
}
/* =====================================================
   FMCG PAGE FIX
   Remove green image background + make CTA white
===================================================== */

/* Product image card background remove green */
.fmcg-product-img {
    background: #f8fbf8 !important;
    border: 1px solid rgba(25, 129, 40, .12) !important;
    padding: 8px !important;
}

.fmcg-product-img::after {
    border: 1px solid rgba(202, 113, 15, .16) !important;
}

.fmcg-product-card:hover .fmcg-product-img {
    background: #ffffff !important;
    border-color: #198128 !important;
}

/* Product image should stay clean */
.fmcg-product-img img {
    background: #ffffff !important;
}


/* CTA not green */
.fmcg-cta-card {
    background:
        linear-gradient(145deg, #ffffff 0%, #f8fbf8 100%) !important;
    border: 1px solid rgba(25, 129, 40, .14) !important;
    box-shadow: 0 24px 65px rgba(5, 43, 19, .10) !important;
}

.fmcg-cta-card::before {
    background:
        radial-gradient(circle at 12% 18%, rgba(202,113,15,.08), transparent 28%),
        radial-gradient(circle at 88% 82%, rgba(25,129,40,.06), transparent 28%) !important;
    opacity: 1 !important;
}

.fmcg-cta-card::after {
    background: rgba(202, 113, 15, .10) !important;
}

.fmcg-cta-card span {
    color: #ca710f !important;
}

.fmcg-cta-card h2 {
    color: #102417 !important;
}

.fmcg-cta-card p {
    color: #52605a !important;
}

/* CTA second button for white CTA */
.fmcg-cta-card .btn-outline-green {
    border: 2px solid #198128 !important;
    color: #198128 !important;
    background: transparent !important;
}

.fmcg-cta-card .btn-outline-green:hover {
    border-color: #198128 !important;
    background: #198128 !important;
    color: #ffffff !important;
}   
/* =====================================================
   FMCG PRODUCT GRID - 3 COLUMNS PREMIUM IMAGE SIZE
===================================================== */

/* Desktop: only 3 cards per row */
.fmcg-product-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 34px !important;
}

/* Bigger premium card */
.fmcg-product-card {
    padding: 14px 14px 26px !important;
    border-radius: 5px !important;
    box-shadow: 0 18px 48px rgba(5, 43, 19, .09) !important;
}

/* Bigger image area */
.fmcg-product-img {
    height: 310px !important;
    padding: 8px !important;
    border-radius: 5px !important;
    background: #ffffff !important;
    border: 1px solid rgba(25, 129, 40, .14) !important;
}

/* Image clean and premium */
.fmcg-product-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px !important;
}

/* Bigger title spacing */
.fmcg-product-card h5 {
    font-size: 20px !important;
    margin-top: 24px !important;
    margin-bottom: 0 !important;
}

/* Hover effect */
.fmcg-product-card:hover {
    transform: translateY(-9px);
    border-color: #198128 !important;
    box-shadow: 0 28px 68px rgba(25, 129, 40, .17) !important;
}

.fmcg-product-card:hover .fmcg-product-img {
    border-color: #198128 !important;
}

/* Tablet: 2 cards per row */
@media (max-width: 991px) {
    .fmcg-product-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 26px !important;
    }

    .fmcg-product-img {
        height: 280px !important;
    }
}

/* Mobile: 1 card per row */
@media (max-width: 575px) {
    .fmcg-product-grid {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    .fmcg-product-img {
        height: 260px !important;
    }

    .fmcg-product-card h5 {
        font-size: 18px !important;
    }
}

/* =====================================================
   FMCG / GLOBAL PRODUCT PAGE
===================================================== */

:root {

    --fmcg-green:
        #198128;

    --fmcg-green-dark:
        #073818;

    --fmcg-green-dark-2:
        #052b13;

    --fmcg-green-dark-3:
        #0b4f21;

    --fmcg-orange:
        #ca710f;

    --fmcg-orange-light:
        #f2a444;

    --fmcg-heading:
        #102417;

    --fmcg-text:
        #52605a;

    --fmcg-border:
        rgba(25, 129, 40, .14);

}


html,
body {

    overflow-x:
        hidden;

}


.fmcg-page {

    overflow-x:
        hidden;

    background:
        #ffffff;

}


.fmcg-page h1,
.fmcg-page h2,
.fmcg-page h3,
.fmcg-page h4,
.fmcg-page h5,
.fmcg-page h6 {

    font-family:
        'Nunito',
        sans-serif;

}


.fmcg-page p {

    font-family:
        'Heebo',
        sans-serif;

    line-height:
        1.85;

}


/* =====================================================
   SECTION TITLE
===================================================== */

.fmcg-page .section-title {

    color:
        var(--fmcg-orange) !important;

    font-size:
        14px;

    font-weight:
        900 !important;

    letter-spacing:
        .1em;

    text-transform:
        uppercase;

}


.fmcg-page .section-title::before,
.fmcg-page .section-title::after {

    background:
        var(--fmcg-orange) !important;

}


/* =====================================================
   GLOBAL HERO TITLE
===================================================== */

.gs-hero-title {

    letter-spacing:
        -0.045em !important;

    line-height:
        1.05 !important;

}


/* =====================================================
   HERO SECTION
===================================================== */

.fmcg-hero-section {

    position:
        relative;

    min-height:
        720px;

    overflow:
        hidden;

    display:
        flex;

    align-items:
        center;

    padding-top:
        145px;

    padding-bottom:
        90px;

    background:

        linear-gradient(
            90deg,
            rgba(5, 43, 19, .74) 0%,
            rgba(5, 43, 19, .50) 44%,
            rgba(5, 43, 19, .12) 100%
        ),

        url("../img/fmcg-hero.jpg")
        center center /
        cover
        no-repeat;

}


.fmcg-hero-section::before {

    content:
        "";

    position:
        absolute;

    inset:
        0;

    background:

        radial-gradient(
            circle at 12% 22%,
            rgba(202, 113, 15, .20),
            transparent 28%
        ),

        linear-gradient(
            180deg,
            rgba(5, 43, 19, .12),
            rgba(5, 43, 19, .08)
        );

    pointer-events:
        none;

}


.fmcg-hero-section .container {

    position:
        relative;

    z-index:
        2;

}


/* Hero Shapes */

.fmcg-hero-shape {

    position:
        absolute;

    border-radius:
        50%;

    pointer-events:
        none;

    z-index:
        1;

}


.fmcg-hero-shape.shape-one {

    width:
        300px;

    height:
        300px;

    right:
        -120px;

    top:
        160px;

    border:
        1px solid
        rgba(255, 255, 255, .14);

}


.fmcg-hero-shape.shape-two {

    width:
        190px;

    height:
        190px;

    left:
        -80px;

    bottom:
        80px;

    background:
        rgba(202, 113, 15, .14);

}


/* Hero Content */

.fmcg-hero-content {

    max-width:
        760px;

}


.fmcg-eyebrow {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        12px;

    color:
        var(--fmcg-orange-light);

    font-family:
        'Nunito',
        sans-serif;

    font-size:
        14px;

    font-weight:
        900;

    letter-spacing:
        .12em;

    text-transform:
        uppercase;

    margin-bottom:
        22px;

}


.fmcg-eyebrow::before {

    content:
        "";

    width:
        42px;

    height:
        2px;

    background:
        var(--fmcg-orange);

    border-radius:
        5px;

}


.fmcg-hero-content h1 {

    color:
        #ffffff !important;

    font-size:
        clamp(
            42px,
            5.7vw,
            72px
        );

    font-weight:
        900;

    margin-bottom:
        24px;

    overflow-wrap:
        break-word;

    text-shadow:
        0 10px 28px
        rgba(0, 0, 0, .26);

}


.fmcg-hero-content p {

    color:
        rgba(255, 255, 255, .90) !important;

    max-width:
        690px;

    font-size:
        18px;

    margin-bottom:
        32px;

}


.fmcg-hero-actions {

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        14px;

}


.fmcg-hero-path {

    display:
        flex;

    flex-wrap:
        wrap;

    align-items:
        center;

    gap:
        10px;

    margin-top:
        34px;

    color:
        rgba(255, 255, 255, .74);

    font-family:
        'Nunito',
        sans-serif;

    font-weight:
        800;

}


.fmcg-hero-path a {

    color:
        #ffffff;

    text-decoration:
        none;

}


.fmcg-hero-path a:hover {

    color:
        var(--fmcg-orange-light);

}


.fmcg-hero-path i,
.fmcg-hero-path span {

    color:
        var(--fmcg-orange-light);

}


/* =====================================================
   PRODUCT SECTION
===================================================== */

.fmcg-product-section {

    position:
        relative;

    overflow:
        hidden;

    background:
        #ffffff;

    padding:
        100px 0;

}


.fmcg-product-section::before {

    content:
        "";

    position:
        absolute;

    width:
        320px;

    height:
        320px;

    right:
        -150px;

    top:
        -140px;

    border-radius:
        50%;

    background:
        rgba(25, 129, 40, .06);

    pointer-events:
        none;

}


.fmcg-product-section::after {

    content:
        "";

    position:
        absolute;

    width:
        230px;

    height:
        230px;

    left:
        -105px;

    bottom:
        -105px;

    border-radius:
        50%;

    background:
        rgba(202, 113, 15, .07);

    pointer-events:
        none;

}


.fmcg-product-section .container {

    position:
        relative;

    z-index:
        2;

}


.fmcg-product-section h2 {

    color:
        var(--fmcg-heading) !important;

    font-size:
        clamp(
            32px,
            4vw,
            52px
        );

    font-weight:
        900;

    line-height:
        1.1;

    letter-spacing:
        -0.055em;

    margin-bottom:
        22px;

}


.fmcg-product-section p {

    color:
        var(--fmcg-text);

}


/* =====================================================
   PRODUCT LIST
===================================================== */

.gs-product-list {

    display:
        grid;

    grid-template-columns:
        1fr;

    gap:
        34px;

}


/* =====================================================
   PRODUCT SOURCE
===================================================== */

.gs-product-source {

    width:
        100%;

}


/* =====================================================
   MAIN PRODUCT CARD
===================================================== */

.gs-product-card {

    position:
        relative;

    display:
        grid;

    grid-template-columns:
        minmax(0, 430px)
        minmax(0, 1fr);

    align-items:
        stretch;

    overflow:
        hidden;

    min-height:
        338px;

    padding:
        14px;

    border-radius:
        5px;

    background:

        linear-gradient(
            145deg,
            #ffffff 0%,
            #f8fbf8 100%
        );

    border:
        1px solid
        rgba(25, 129, 40, .14);

    box-shadow:

        0 18px 48px
        rgba(5, 43, 19, .09);

    transition:

        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;

}


.gs-product-card::before {

    content:
        "";

    position:
        absolute;

    width:
        190px;

    height:
        190px;

    right:
        -95px;

    top:
        -95px;

    border-radius:
        50%;

    background:
        rgba(202, 113, 15, .07);

    pointer-events:
        none;

    transition:
        all .35s ease;

}


.gs-product-card:hover {

    transform:
        translateY(-7px);

    border-color:
        var(--fmcg-green);

    box-shadow:

        0 28px 68px
        rgba(25, 129, 40, .16);

}


.gs-product-card:hover::before {

    background:
        rgba(25, 129, 40, .08);

}


/* =====================================================
   LEFT PRODUCT MEDIA
===================================================== */

.gs-product-media {

    position:
        relative;

    min-width:
        0;

    z-index:
        2;

}


/* =====================================================
   PRODUCT CAROUSEL
   SAME HEIGHT AS CURRENT PRODUCT IMAGES
===================================================== */

.gs-product-carousel {

    position:
        relative;

    width:
        100%;

    height:
        310px;

    overflow:
        hidden;

    border-radius:
        5px;

    background:
        #ffffff;

    border:
        1px solid
        rgba(25, 129, 40, .14);

    box-shadow:

        inset 0 0 0 7px
        #ffffff;

    transition:

        border-color .35s ease,
        box-shadow .35s ease;

}


.gs-product-card:hover
.gs-product-carousel {

    border-color:
        var(--fmcg-green);

    box-shadow:

        inset 0 0 0 7px
        #ffffff,

        0 15px 38px
        rgba(5, 43, 19, .11);

}


/* Carousel Inner */

.gs-product-carousel .carousel-inner,
.gs-product-carousel .carousel-item {

    width:
        100%;

    height:
        100%;

}


.gs-product-carousel .carousel-item {

    overflow:
        hidden;

}


.gs-product-carousel .carousel-item img {

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

    display:
        block;

    border-radius:
        5px;

    transition:
        transform .8s ease;

}


.gs-product-card:hover
.gs-product-carousel
.carousel-item.active img {

    transform:
        scale(1.035);

}


/* Inner Frame */

.gs-product-carousel::after {

    content:
        "";

    position:
        absolute;

    inset:
        7px;

    z-index:
        3;

    border:
        1px solid
        rgba(255, 255, 255, .28);

    border-radius:
        5px;

    pointer-events:
        none;

}


/* =====================================================
   CAROUSEL ARROWS
===================================================== */

.gs-product-carousel
.carousel-control-prev,

.gs-product-carousel
.carousel-control-next {

    width:
        44px;

    height:
        44px;

    top:
        50%;

    bottom:
        auto;

    transform:
        translateY(-50%);

    opacity:
        1;

    border-radius:
        5px;

    background:
        rgba(5, 43, 19, .84);

    border:
        1px solid
        rgba(255, 255, 255, .18);

    backdrop-filter:
        blur(9px);

    -webkit-backdrop-filter:
        blur(9px);

    transition:

        background .3s ease,
        transform .3s ease;

}


.gs-product-carousel
.carousel-control-prev {

    left:
        15px;

}


.gs-product-carousel
.carousel-control-next {

    right:
        15px;

}


.gs-product-carousel
.carousel-control-prev:hover,

.gs-product-carousel
.carousel-control-next:hover {

    background:
        var(--fmcg-orange);

}


.gs-product-carousel
.carousel-control-prev:hover {

    transform:
        translateY(-50%)
        translateX(-3px);

}


.gs-product-carousel
.carousel-control-next:hover {

    transform:
        translateY(-50%)
        translateX(3px);

}


.gs-product-carousel
.carousel-control-prev-icon,

.gs-product-carousel
.carousel-control-next-icon {

    width:
        17px;

    height:
        17px;

}


/* =====================================================
   CAROUSEL INDICATORS
===================================================== */

.gs-product-carousel
.carousel-indicators {

    position:
        absolute;

    z-index:
        5;

    right:
        auto;

    left:
        50%;

    bottom:
        16px;

    width:
        auto;

    margin:
        0;

    padding:
        7px 9px;

    display:
        flex;

    align-items:
        center;

    gap:
        6px;

    transform:
        translateX(-50%);

    border-radius:
        5px;

    background:
        rgba(5, 43, 19, .70);

    backdrop-filter:
        blur(8px);

    -webkit-backdrop-filter:
        blur(8px);

}


.gs-product-carousel
.carousel-indicators button {

    flex:
        0 0 auto;

    width:
        18px;

    height:
        3px;

    margin:
        0;

    padding:
        0;

    border:
        0;

    border-radius:
        5px;

    background:
        rgba(255, 255, 255, .55);

    opacity:
        1;

    transition:

        width .3s ease,
        background .3s ease;

}


.gs-product-carousel
.carousel-indicators button.active {

    width:
        34px;

    background:
        var(--fmcg-orange-light);

}


/* =====================================================
   IMAGE COUNTER
===================================================== */

.gs-carousel-count {

    position:
        absolute;

    z-index:
        5;

    top:
        15px;

    right:
        15px;

    display:
        inline-flex;

    align-items:
        center;

    gap:
        7px;

    padding:
        8px 11px;

    border-radius:
        5px;

    background:
        rgba(5, 43, 19, .76);

    border:
        1px solid
        rgba(255, 255, 255, .15);

    color:
        #ffffff;

    font-family:
        'Nunito',
        sans-serif;

    font-size:
        12px;

    font-weight:
        800;

    backdrop-filter:
        blur(8px);

    -webkit-backdrop-filter:
        blur(8px);

}


.gs-carousel-count i {

    color:
        var(--fmcg-orange-light);

}


/* =====================================================
   RIGHT PRODUCT CONTENT
===================================================== */

.gs-product-content {

    position:
        relative;

    z-index:
        2;

    display:
        flex;

    flex-direction:
        column;

    justify-content:
        center;

    align-items:
        flex-start;

    padding:
        30px 38px;

}


/* Product Kicker */

.gs-product-kicker {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        10px;

    color:
        var(--fmcg-orange);

    font-family:
        'Nunito',
        sans-serif;

    font-size:
        12px;

    font-weight:
        900;

    letter-spacing:
        .11em;

    text-transform:
        uppercase;

    margin-bottom:
        13px;

}


.gs-product-kicker::before {

    content:
        "";

    width:
        30px;

    height:
        2px;

    border-radius:
        5px;

    background:
        var(--fmcg-orange);

}


/* Product Name */

.gs-product-content h3 {

    color:
        var(--fmcg-heading) !important;

    font-size:
        clamp(
            26px,
            3vw,
            35px
        );

    font-weight:
        900;

    line-height:
        1.15;

    letter-spacing:
        -0.035em;

    margin:
        0 0 17px;

}


.gs-product-content h3::after {

    content:
        "";

    display:
        block;

    width:
        52px;

    height:
        3px;

    margin-top:
        15px;

    border-radius:
        5px;

    background:
        var(--fmcg-orange);

    transition:

        width .35s ease,
        background .35s ease;

}


.gs-product-card:hover
.gs-product-content h3::after {

    width:
        82px;

    background:
        var(--fmcg-green);

}


/* Product Description */

.gs-product-description {

    max-width:
        760px;

    color:
        var(--fmcg-text) !important;

    font-size:
        15px;

    line-height:
        1.8;

    margin:
        0 0 17px;

}


/* =====================================================
   PRODUCT META
===================================================== */

.gs-product-meta {

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        9px;

    margin-bottom:
        18px;

}


.gs-product-meta div {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        7px;

    padding:
        8px 11px;

    border-radius:
        5px;

    background:
        rgba(25, 129, 40, .07);

    border:
        1px solid
        rgba(25, 129, 40, .11);

    color:
        #3f5146;

    font-family:
        'Nunito',
        sans-serif;

    font-size:
        12px;

    font-weight:
        800;

}


.gs-product-meta i {

    color:
        var(--fmcg-green);

}


/* =====================================================
   PRODUCT NOTE
===================================================== */

.gs-product-note {

    display:
        flex;

    align-items:
        flex-start;

    gap:
        10px;

    max-width:
        720px;

    padding-top:
        16px;

    border-top:
        1px solid
        rgba(25, 129, 40, .11);

    color:
        #6b756f;

    font-size:
        13px;

    line-height:
        1.65;

}


.gs-product-note i {

    color:
        var(--fmcg-green);

    margin-top:
        4px;

}


/* =====================================================
   PRODUCT INQUIRY LINK
===================================================== */

.gs-product-inquiry {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        10px;

    margin-top:
        20px;

    color:
        var(--fmcg-green);

    font-family:
        'Nunito',
        sans-serif;

    font-size:
        14px;

    font-weight:
        900;

    text-decoration:
        none;

    transition:
        all .3s ease;

}


.gs-product-inquiry i {

    transition:
        transform .3s ease;

}


.gs-product-inquiry:hover {

    color:
        var(--fmcg-orange);

}


.gs-product-inquiry:hover i {

    transform:
        translateX(5px);

}


/* =====================================================
   CTA SECTION
===================================================== */

.fmcg-cta-section {

    position:
        relative;

    overflow:
        hidden;

    background:
        #ffffff;

    padding:
        0 0 100px;

}


.fmcg-cta-section .container {

    position:
        relative;

    z-index:
        2;

}


.fmcg-cta-card {

    position:
        relative;

    overflow:
        hidden;

    padding:
        48px;

    border-radius:
        5px;

    background:

        linear-gradient(
            145deg,
            #ffffff 0%,
            #f8fbf8 100%
        ) !important;

    border:
        1px solid
        rgba(25, 129, 40, .14) !important;

    box-shadow:

        0 24px 65px
        rgba(5, 43, 19, .10) !important;

}


.fmcg-cta-card::before {

    content:
        "";

    position:
        absolute;

    inset:
        0;

    background:

        radial-gradient(
            circle at 12% 18%,
            rgba(202, 113, 15, .08),
            transparent 28%
        ),

        radial-gradient(
            circle at 88% 82%,
            rgba(25, 129, 40, .06),
            transparent 28%
        );

    pointer-events:
        none;

}


.fmcg-cta-card::after {

    content:
        "";

    position:
        absolute;

    width:
        170px;

    height:
        170px;

    right:
        -70px;

    top:
        -70px;

    border-radius:
        50%;

    background:
        rgba(202, 113, 15, .10);

    pointer-events:
        none;

}


.fmcg-cta-card .row {

    position:
        relative;

    z-index:
        2;

}


.fmcg-cta-card span {

    display:
        inline-block;

    color:
        var(--fmcg-orange) !important;

    font-family:
        'Nunito',
        sans-serif;

    font-size:
        13px;

    font-weight:
        900;

    letter-spacing:
        .1em;

    text-transform:
        uppercase;

    margin-bottom:
        14px;

}


.fmcg-cta-card h2 {

    color:
        var(--fmcg-heading) !important;

    font-size:
        clamp(
            30px,
            4vw,
            46px
        );

    font-weight:
        900;

    line-height:
        1.12;

    letter-spacing:
        -0.05em;

    margin-bottom:
        16px;

}


.fmcg-cta-card p {

    color:
        var(--fmcg-text) !important;

    margin-bottom:
        0;

}


/* CTA Outline Button */

.fmcg-cta-card
.btn-outline-green {

    border:
        2px solid
        var(--fmcg-green) !important;

    color:
        var(--fmcg-green) !important;

    background:
        transparent !important;

}


.fmcg-cta-card
.btn-outline-green:hover {

    border-color:
        var(--fmcg-green) !important;

    background:
        var(--fmcg-green) !important;

    color:
        #ffffff !important;

}


/* Footer Gap */

.fmcg-cta-section
+ #footer-placeholder,

#footer-placeholder {

    margin-top:
        0 !important;

    padding-top:
        0 !important;

}


/* =====================================================
   LARGE TABLET
===================================================== */

@media (max-width: 1199px) {

    .gs-product-card {

        grid-template-columns:
            minmax(0, 400px)
            minmax(0, 1fr);

    }


    .gs-product-content {

        padding:
            26px 30px;

    }

}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 991px) {

    .fmcg-hero-section {

        min-height:
            auto;

        padding-top:
            150px;

        padding-bottom:
            90px;

    }


    .fmcg-product-section {

        padding:
            80px 0;

    }


    .gs-product-list {

        gap:
            28px;

    }


    .gs-product-card {

        grid-template-columns:
            minmax(0, 360px)
            minmax(0, 1fr);

    }


    .gs-product-carousel {

        height:
            280px;

    }


    .gs-product-card {

        min-height:
            308px;

    }


    .gs-product-content {

        padding:
            23px 25px;

    }


    .gs-product-description {

        font-size:
            14px;

    }


    .gs-product-meta {

        display:
            none;

    }


    .fmcg-cta-section {

        padding-bottom:
            80px;

    }


    .fmcg-cta-card {

        padding:
            38px 30px;

    }

}


/* =====================================================
   SMALL TABLET / LARGE MOBILE
===================================================== */

@media (max-width: 767px) {

    .gs-product-card {

        grid-template-columns:
            1fr;

        padding:
            12px;

    }


    .gs-product-carousel {

        height:
            310px;

    }


    .gs-product-content {

        padding:
            28px 14px 18px;

    }


    .gs-product-meta {

        display:
            flex;

    }


    .gs-product-content h3 {

        font-size:
            27px;

    }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 575px) {

    .fmcg-hero-section {

        padding-top:
            135px;

        padding-bottom:
            70px;

    }


    .fmcg-hero-content h1 {

        font-size:
            36px;

    }


    .gs-hero-title {

        letter-spacing:
            -0.035em !important;

        line-height:
            1.08 !important;

    }


    .fmcg-hero-content p {

        font-size:
            16px;

    }


    .fmcg-hero-actions {

        flex-direction:
            column;

        align-items:
            flex-start;

    }


    .fmcg-product-section {

        padding:
            65px 0;

    }


    .gs-product-list {

        gap:
            24px;

    }


    .gs-product-carousel {

        height:
            260px;

    }


    .gs-product-carousel
    .carousel-control-prev,

    .gs-product-carousel
    .carousel-control-next {

        width:
            40px;

        height:
            40px;

    }


    .gs-product-carousel
    .carousel-control-prev {

        left:
            11px;

    }


    .gs-product-carousel
    .carousel-control-next {

        right:
            11px;

    }


    .gs-product-content {

        padding:
            25px 10px 16px;

    }


    .gs-product-content h3 {

        font-size:
            24px;

    }


    .gs-product-description {

        font-size:
            15px;

    }


    .gs-product-meta {

        gap:
            7px;

    }


    .gs-product-meta div {

        padding:
            7px 9px;

        font-size:
            11px;

    }


    .fmcg-cta-section {

        padding-bottom:
            65px;

    }


    .fmcg-cta-card {

        padding:
            30px 22px;

    }

}


/* =====================================================
   EXTRA SMALL MOBILE
===================================================== */

@media (max-width: 420px) {

    .gs-product-carousel {

        height:
            240px;

    }


    .gs-carousel-count {

        top:
            11px;

        right:
            11px;

    }


    .gs-product-meta {

        display:
            grid;

        grid-template-columns:
            1fr;

        width:
            100%;

    }


    .gs-product-meta div {

        width:
            100%;

    }

}
/* =====================================================
   FMCG PRODUCT PAGE
===================================================== */

:root {
    --fmcg-green: #198128;
    --fmcg-green-dark: #073818;
    --fmcg-green-dark-2: #052b13;
    --fmcg-green-dark-3: #0b4f21;

    --fmcg-orange: #ca710f;
    --fmcg-orange-light: #f2a444;

    --fmcg-heading: #102417;
    --fmcg-text: #52605a;

    --fmcg-border: rgba(25, 129, 40, .14);
}


html,
body {
    overflow-x: hidden;
}


.fmcg-page {
    overflow-x: hidden;
    background: #ffffff;
}


.fmcg-page h1,
.fmcg-page h2,
.fmcg-page h3,
.fmcg-page h4,
.fmcg-page h5,
.fmcg-page h6 {
    font-family: 'Nunito', sans-serif;
}


.fmcg-page p {
    font-family: 'Heebo', sans-serif;
    line-height: 1.85;
}


/* =====================================================
   SECTION TITLE
===================================================== */

.fmcg-page .section-title {
    color: var(--fmcg-orange) !important;

    font-size: 14px;

    font-weight: 900 !important;

    letter-spacing: .1em;

    text-transform: uppercase;
}


.fmcg-page .section-title::before,
.fmcg-page .section-title::after {
    background: var(--fmcg-orange) !important;
}


/* =====================================================
   HERO
===================================================== */

.fmcg-hero-section {
    position: relative;

    min-height: 720px;

    overflow: hidden;

    display: flex;

    align-items: center;

    padding-top: 145px;

    padding-bottom: 90px;

    background:
        linear-gradient(
            90deg,
            rgba(5, 43, 19, .74) 0%,
            rgba(5, 43, 19, .50) 44%,
            rgba(5, 43, 19, .12) 100%
        ),
        url("../img/fmcg-hero.jpg")
        center center / cover no-repeat;
}


.fmcg-hero-section::before {
    content: "";

    position: absolute;

    inset: 0;

    background:
        radial-gradient(
            circle at 12% 22%,
            rgba(202, 113, 15, .20),
            transparent 28%
        ),
        linear-gradient(
            180deg,
            rgba(5, 43, 19, .12),
            rgba(5, 43, 19, .08)
        );

    pointer-events: none;
}


.fmcg-hero-section .container {
    position: relative;
    z-index: 2;
}


/* Hero Decorative Shapes */

.fmcg-hero-shape {
    position: absolute;

    z-index: 1;

    border-radius: 50%;

    pointer-events: none;
}


.fmcg-hero-shape.shape-one {
    width: 300px;

    height: 300px;

    right: -120px;

    top: 160px;

    border:
        1px solid
        rgba(255, 255, 255, .14);
}


.fmcg-hero-shape.shape-two {
    width: 190px;

    height: 190px;

    left: -80px;

    bottom: 80px;

    background:
        rgba(202, 113, 15, .14);
}


/* Hero Content */

.fmcg-hero-content {
    max-width: 760px;
}


.fmcg-eyebrow {
    display: inline-flex;

    align-items: center;

    gap: 12px;

    color:
        var(--fmcg-orange-light);

    font-family:
        'Nunito',
        sans-serif;

    font-size: 14px;

    font-weight: 900;

    letter-spacing: .12em;

    text-transform: uppercase;

    margin-bottom: 22px;
}


.fmcg-eyebrow::before {
    content: "";

    width: 42px;

    height: 2px;

    background:
        var(--fmcg-orange);

    border-radius: 5px;
}


.fmcg-hero-content h1 {
    color: #ffffff !important;

    font-size:
        clamp(42px, 5.7vw, 72px);

    font-weight: 900;

    margin-bottom: 24px;

    overflow-wrap: break-word;

    text-shadow:
        0 10px 28px
        rgba(0, 0, 0, .26);
}


.gs-hero-title {
    letter-spacing: -0.045em !important;
    line-height: 1.05 !important;
}


.fmcg-hero-content p {
    max-width: 690px;

    color:
        rgba(255, 255, 255, .90) !important;

    font-size: 18px;

    margin-bottom: 32px;
}


.fmcg-hero-actions {
    display: flex;

    flex-wrap: wrap;

    gap: 14px;
}


.fmcg-hero-path {
    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: 10px;

    margin-top: 34px;

    color:
        rgba(255, 255, 255, .74);

    font-family:
        'Nunito',
        sans-serif;

    font-weight: 800;
}


.fmcg-hero-path a {
    color: #ffffff;

    text-decoration: none;
}


.fmcg-hero-path a:hover {
    color:
        var(--fmcg-orange-light);
}


.fmcg-hero-path i,
.fmcg-hero-path span {
    color:
        var(--fmcg-orange-light);
}


/* =====================================================
   PRODUCT SECTION
===================================================== */

.fmcg-product-section {
    position: relative;

    overflow: hidden;

    background: #ffffff;

    padding: 100px 0;
}


.fmcg-product-section::before {
    content: "";

    position: absolute;

    width: 320px;

    height: 320px;

    right: -150px;

    top: -140px;

    border-radius: 50%;

    background:
        rgba(25, 129, 40, .06);

    pointer-events: none;
}


.fmcg-product-section::after {
    content: "";

    position: absolute;

    width: 230px;

    height: 230px;

    left: -105px;

    bottom: -105px;

    border-radius: 50%;

    background:
        rgba(202, 113, 15, .07);

    pointer-events: none;
}


.fmcg-product-section .container {
    position: relative;

    z-index: 2;
}


.fmcg-product-section h2 {
    color:
        var(--fmcg-heading) !important;

    font-size:
        clamp(32px, 4vw, 52px);

    font-weight: 900;

    line-height: 1.1;

    letter-spacing: -0.055em;

    margin-bottom: 22px;
}


.fmcg-product-section p {
    color:
        var(--fmcg-text);
}


/* =====================================================
   PRODUCT LIST
===================================================== */

.gs-product-list {
    display: grid;

    grid-template-columns: 1fr;

    gap: 32px;
}


.gs-product-source {
    display: block !important;

    width: 100% !important;

    opacity: 1 !important;

    visibility: visible !important;
}


/* =====================================================
   MAIN PRODUCT CARD
===================================================== */

.gs-product-card {
    position: relative;

    display: grid;

    grid-template-columns:
        minmax(0, 430px)
        minmax(0, 1fr);

    align-items: stretch;

    width: 100%;

    padding: 14px;

    overflow: hidden;

    border-radius: 5px;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f8fbf8 100%
        );

    border:
        1px solid
        var(--fmcg-border);

    box-shadow:
        0 18px 48px
        rgba(5, 43, 19, .09);

    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}


.gs-product-card::before {
    content: "";

    position: absolute;

    width: 180px;

    height: 180px;

    right: -90px;

    top: -90px;

    border-radius: 50%;

    background:
        rgba(202, 113, 15, .07);

    pointer-events: none;

    transition:
        background .35s ease;
}


.gs-product-card:hover {
    transform:
        translateY(-7px);

    border-color:
        var(--fmcg-green);

    box-shadow:
        0 28px 68px
        rgba(25, 129, 40, .16);
}


.gs-product-card:hover::before {
    background:
        rgba(25, 129, 40, .08);
}


/* =====================================================
   LEFT CAROUSEL
===================================================== */

.gs-product-media {
    position: relative;

    z-index: 2;

    width: 100%;

    min-width: 0;
}


.gs-product-carousel {
    position: relative;

    width: 100%;

    height: 310px;

    overflow: hidden;

    border-radius: 5px;

    background: #ffffff;

    border:
        1px solid
        rgba(25, 129, 40, .14);

    box-shadow:
        inset 0 0 0 7px
        #ffffff;

    transition:
        border-color .35s ease,
        box-shadow .35s ease;
}


.gs-product-card:hover
.gs-product-carousel {
    border-color:
        var(--fmcg-green);

    box-shadow:
        inset 0 0 0 7px #ffffff,
        0 15px 38px rgba(5, 43, 19, .11);
}


.gs-product-carousel .carousel-inner,
.gs-product-carousel .carousel-item {
    width: 100%;

    height: 100%;
}


.gs-product-carousel .carousel-item {
    overflow: hidden;
}


.gs-product-carousel .carousel-item img {
    width: 100%;

    height: 100%;

    object-fit: cover;

    display: block;

    border-radius: 5px;

    transition:
        transform .75s ease;
}


.gs-product-card:hover
.gs-product-carousel
.carousel-item.active img {
    transform:
        scale(1.035);
}


/* Inner Premium Frame */

.gs-product-carousel::after {
    content: "";

    position: absolute;

    inset: 7px;

    z-index: 3;

    border:
        1px solid
        rgba(255, 255, 255, .30);

    border-radius: 5px;

    pointer-events: none;
}


/* =====================================================
   CAROUSEL ARROWS
===================================================== */

.gs-product-carousel
.carousel-control-prev,

.gs-product-carousel
.carousel-control-next {
    width: 44px;

    height: 44px;

    top: 50%;

    bottom: auto;

    opacity: 1;

    transform:
        translateY(-50%);

    border-radius: 5px;

    background:
        rgba(5, 43, 19, .84);

    border:
        1px solid
        rgba(255, 255, 255, .18);

    backdrop-filter:
        blur(9px);

    -webkit-backdrop-filter:
        blur(9px);

    transition:
        background .3s ease,
        transform .3s ease;
}


.gs-product-carousel
.carousel-control-prev {
    left: 15px;
}


.gs-product-carousel
.carousel-control-next {
    right: 15px;
}


.gs-product-carousel
.carousel-control-prev:hover,

.gs-product-carousel
.carousel-control-next:hover {
    background:
        var(--fmcg-orange);
}


.gs-product-carousel
.carousel-control-prev:hover {
    transform:
        translateY(-50%)
        translateX(-3px);
}


.gs-product-carousel
.carousel-control-next:hover {
    transform:
        translateY(-50%)
        translateX(3px);
}


.gs-product-carousel
.carousel-control-prev-icon,

.gs-product-carousel
.carousel-control-next-icon {
    width: 17px;

    height: 17px;
}


/* =====================================================
   CAROUSEL INDICATORS
===================================================== */

.gs-product-carousel
.carousel-indicators {
    position: absolute;

    z-index: 5;

    left: 50%;

    right: auto;

    bottom: 16px;

    width: auto;

    margin: 0;

    padding: 7px 9px;

    display: flex;

    align-items: center;

    gap: 6px;

    transform:
        translateX(-50%);

    border-radius: 5px;

    background:
        rgba(5, 43, 19, .70);

    backdrop-filter:
        blur(8px);

    -webkit-backdrop-filter:
        blur(8px);
}


.gs-product-carousel
.carousel-indicators button {
    flex: 0 0 auto;

    width: 18px;

    height: 3px;

    padding: 0;

    margin: 0;

    border: 0;

    border-radius: 5px;

    background:
        rgba(255, 255, 255, .55);

    opacity: 1;

    transition:
        width .3s ease,
        background .3s ease;
}


.gs-product-carousel
.carousel-indicators button.active {
    width: 34px;

    background:
        var(--fmcg-orange-light);
}


/* =====================================================
   IMAGE COUNTER
===================================================== */

.gs-carousel-count {
    position: absolute;

    z-index: 5;

    top: 15px;

    right: 15px;

    display: inline-flex;

    align-items: center;

    gap: 7px;

    padding: 8px 11px;

    border-radius: 5px;

    background:
        rgba(5, 43, 19, .76);

    border:
        1px solid
        rgba(255, 255, 255, .15);

    color: #ffffff;

    font-family:
        'Nunito',
        sans-serif;

    font-size: 12px;

    font-weight: 800;

    backdrop-filter:
        blur(8px);

    -webkit-backdrop-filter:
        blur(8px);
}


.gs-carousel-count i {
    color:
        var(--fmcg-orange-light);
}


/* =====================================================
   RIGHT CONTENT
   SAME HEIGHT AS CAROUSEL
===================================================== */

.gs-product-content {
    position: relative;

    z-index: 2;

    width: 100%;

    height: 310px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

    padding:
        38px 42px;

    overflow: hidden;
}


/* Product Overview Label */

.gs-product-kicker {
    display: inline-flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 14px;

    color:
        var(--fmcg-orange);

    font-family:
        'Nunito',
        sans-serif;

    font-size: 12px;

    font-weight: 900;

    letter-spacing: .11em;

    text-transform: uppercase;
}


.gs-product-kicker::before {
    content: "";

    width: 30px;

    height: 2px;

    border-radius: 5px;

    background:
        var(--fmcg-orange);
}


/* Product Name */

.gs-product-content h3 {
    color:
        var(--fmcg-heading) !important;

    font-size:
        clamp(27px, 3vw, 36px);

    font-weight: 900;

    line-height: 1.12;

    letter-spacing: -0.035em;

    margin:
        0 0 20px;
}


.gs-product-content h3::after {
    content: "";

    display: block;

    width: 52px;

    height: 3px;

    margin-top: 16px;

    border-radius: 5px;

    background:
        var(--fmcg-orange);

    transition:
        width .35s ease,
        background .35s ease;
}


.gs-product-card:hover
.gs-product-content h3::after {
    width: 82px;

    background:
        var(--fmcg-green);
}


/* Product Description */

.gs-product-description {
    width: 100%;

    max-width: 760px;

    margin: 0 !important;

    color:
        var(--fmcg-text) !important;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.82;

    letter-spacing: 0;
}


/* =====================================================
   CTA
===================================================== */

.fmcg-cta-section {
    position: relative;

    overflow: hidden;

    background: #ffffff;

    padding:
        0 0 100px;
}


.fmcg-cta-section .container {
    position: relative;

    z-index: 2;
}


.fmcg-cta-card {
    position: relative;

    overflow: hidden;

    padding: 48px;

    border-radius: 5px;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f8fbf8 100%
        ) !important;

    border:
        1px solid
        rgba(25, 129, 40, .14) !important;

    box-shadow:
        0 24px 65px
        rgba(5, 43, 19, .10) !important;
}


.fmcg-cta-card::before {
    content: "";

    position: absolute;

    inset: 0;

    background:
        radial-gradient(
            circle at 12% 18%,
            rgba(202, 113, 15, .08),
            transparent 28%
        ),
        radial-gradient(
            circle at 88% 82%,
            rgba(25, 129, 40, .06),
            transparent 28%
        );

    pointer-events: none;
}


.fmcg-cta-card::after {
    content: "";

    position: absolute;

    width: 170px;

    height: 170px;

    right: -70px;

    top: -70px;

    border-radius: 50%;

    background:
        rgba(202, 113, 15, .10);

    pointer-events: none;
}


.fmcg-cta-card .row {
    position: relative;

    z-index: 2;
}


.fmcg-cta-card span {
    display: inline-block;

    margin-bottom: 14px;

    color:
        var(--fmcg-orange) !important;

    font-family:
        'Nunito',
        sans-serif;

    font-size: 13px;

    font-weight: 900;

    letter-spacing: .1em;

    text-transform: uppercase;
}


.fmcg-cta-card h2 {
    color:
        var(--fmcg-heading) !important;

    font-size:
        clamp(30px, 4vw, 46px);

    font-weight: 900;

    line-height: 1.12;

    letter-spacing: -0.05em;

    margin-bottom: 16px;
}


.fmcg-cta-card p {
    color:
        var(--fmcg-text) !important;

    margin-bottom: 0;
}


.fmcg-cta-card
.btn-outline-green {
    border:
        2px solid
        var(--fmcg-green) !important;

    color:
        var(--fmcg-green) !important;

    background:
        transparent !important;
}


.fmcg-cta-card
.btn-outline-green:hover {
    border-color:
        var(--fmcg-green) !important;

    background:
        var(--fmcg-green) !important;

    color:
        #ffffff !important;
}


/* Remove Footer Gap */

.fmcg-cta-section
+ #footer-placeholder,

#footer-placeholder {
    margin-top: 0 !important;

    padding-top: 0 !important;
}


/* =====================================================
   LARGE TABLET
===================================================== */

@media (max-width: 1199px) {

    .gs-product-card {
        grid-template-columns:
            minmax(0, 400px)
            minmax(0, 1fr);
    }


    .gs-product-content {
        padding:
            34px 34px;
    }


    .gs-product-description {
        font-size: 15px;

        line-height: 1.78;
    }

}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 991px) {

    .fmcg-hero-section {
        min-height: auto;

        padding-top: 150px;

        padding-bottom: 90px;
    }


    .fmcg-product-section {
        padding:
            80px 0;
    }


    .gs-product-list {
        gap: 28px;
    }


    .gs-product-card {
        grid-template-columns:
            minmax(0, 350px)
            minmax(0, 1fr);
    }


    .gs-product-carousel {
        height: 280px;
    }


    .gs-product-content {
        height: 280px;

        padding:
            26px 28px;
    }


    .gs-product-content h3 {
        font-size: 27px;

        margin-bottom: 16px;
    }


    .gs-product-description {
        font-size: 14px;

        line-height: 1.72;
    }


    .fmcg-cta-section {
        padding-bottom: 80px;
    }


    .fmcg-cta-card {
        padding:
            38px 30px;
    }

}


/* =====================================================
   MOBILE / SMALL TABLET
===================================================== */

@media (max-width: 767px) {

    .gs-product-card {
        grid-template-columns: 1fr;

        padding: 12px;
    }


    .gs-product-carousel {
        height: 310px;
    }


    .gs-product-content {
        height: auto;

        min-height: 230px;

        padding:
            30px 20px 28px;
    }


    .gs-product-content h3 {
        font-size: 27px;
    }


    .gs-product-description {
        font-size: 15px;

        line-height: 1.75;
    }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 575px) {

    .fmcg-hero-section {
        padding-top: 135px;

        padding-bottom: 70px;
    }


    .fmcg-hero-content h1 {
        font-size: 36px;
    }


    .gs-hero-title {
        letter-spacing: -0.035em !important;

        line-height: 1.08 !important;
    }


    .fmcg-hero-content p {
        font-size: 16px;
    }


    .fmcg-hero-actions {
        flex-direction: column;

        align-items: flex-start;
    }


    .fmcg-product-section {
        padding:
            65px 0;
    }


    .gs-product-list {
        gap: 24px;
    }


    .gs-product-carousel {
        height: 260px;
    }


    .gs-product-carousel
    .carousel-control-prev,

    .gs-product-carousel
    .carousel-control-next {
        width: 40px;

        height: 40px;
    }


    .gs-product-carousel
    .carousel-control-prev {
        left: 11px;
    }


    .gs-product-carousel
    .carousel-control-next {
        right: 11px;
    }


    .gs-product-content {
        min-height: 220px;

        padding:
            27px 14px 24px;
    }


    .gs-product-content h3 {
        font-size: 24px;

        margin-bottom: 17px;
    }


    .gs-product-description {
        font-size: 15px;

        line-height: 1.72;
    }


    .gs-carousel-count {
        top: 11px;

        right: 11px;
    }


    .fmcg-cta-section {
        padding-bottom: 65px;
    }


    .fmcg-cta-card {
        padding:
            30px 22px;
    }

}


/* =====================================================
   EXTRA SMALL MOBILE
===================================================== */

@media (max-width: 420px) {

    .gs-product-carousel {
        height: 240px;
    }


    .gs-product-content {
        min-height: 210px;

        padding:
            24px 10px 20px;
    }


    .gs-product-description {
        font-size: 14px;
    }

}