/* =========================================
  HOME PAGE- CSS EROTH IMPEX - 
========================================= */

/* =========================================
   ROOT VARIABLES
========================================= */

:root {
    --green: #07513d;
    --dark: #03372a;
    --deep: #02251c;
    --gold: #b78a32;
    --cream: #f6f5ef;
    --soft: #eaf1ed;
    --text: #18352c;
    --muted: #6b7c75;
    --line: #e1e8e4;
}


/* =========================================
   GLOBAL STYLES
========================================= */

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: "DM Sans", sans-serif;
    color: var(--text);
}

a {
    text-decoration: none;
}

p {
    color: var(--muted);
    line-height: 1.8;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: "Playfair Display", serif;
}


/* =========================================
   TOP BAR
========================================= */

.topbar {
    background: var(--deep);
    color: #d2e0da;
    font-size: 11px;
    padding: 9px 0;
}

.topbar a {
    color: #d2e0da;
}

.topbar b {
    color: var(--gold);
    margin: 0 5px;
}

/* =========================================
   NAVBAR
========================================= */

.navbar {
    padding: 0px 0;
    border-bottom: 1px solid #edf0ee;
    transition: 0.25s;
}

.navbar.scrolled {
    box-shadow: 0 8px 30px rgba(2, 37, 28, 0.1);
}

.navbar-brand img {
    width: 188px;
    height: 90px;
    object-fit: contain;
}

.nav-link {
    font-size: 14px;
    font-weight: 700;
    color: #17372d !important;
    padding: 18px 10px !important;
}

.nav-link:hover,
.nav-link.active {
    color: #D9B964 !important;
}


/* =========================================
   DROPDOWN MENU
========================================= */

.dropdown-menu {
    border: 1px solid var(--line);
    border-radius: 2px;
    padding: 8px;
    box-shadow: 0 16px 35px #00000016;
}

.dropdown-item {
    font-size: 12px;
    font-weight: 600;
    padding: 10px 13px;
}

.dropdown-item:hover {
    background: var(--soft);
    color: var(--green);
}

.dropdown-item.active {
    background: var(--gold);
    color: #fff;
}


/* =========================================
   BUTTONS
========================================= */

.quote-btn,
.btn-primary-brand,
.btn-outline-brand,
.btn-light-brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 800;
    padding: 13px 20px;
    border-radius: 2px;
    transition: 0.25s;
}

.quote-btn,
.btn-primary-brand {
    background: var(--green);
    color: #fff;
    border: 1px solid var(--green);
}

.quote-btn:hover,
.btn-primary-brand:hover {
    background: var(--dark);
    color: #fff;
    transform: translateY(-2px);
}

.btn-outline-brand {
    border: 1px solid #ffffff80;
    color: #fff;
}

.btn-outline-brand:hover {
    background: #fff;
    color: var(--green);
}

.btn-light-brand {
    background: #fff;
    color: var(--green);
    border: 1px solid #fff;
    margin-top: 12px;
}

/* =========================================
  HOME PAGE- Hero Section 
========================================= */

.hero {
    min-height: 615px;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    color: #fff;
    background: var(--deep);
}

.hero-bg {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            #02251cf8 0%,
            #02251ced 38%,
            #02251c8f 72%,
            #02251ca8 100%
        ),
        url("../images/home_page_image/home\ page\ hero\ section\ 1-200kb.jpg")
        center / cover;
}

.hero-pattern {
    position: absolute;
    inset: 0;
    opacity: 0.25;

    background-image:
        linear-gradient(
            #d5b25d22 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            #d5b25d22 1px,
            transparent 1px
        );

    background-size: 55px 55px;
}


/* =========================================
   EYEBROW / SECTION LABEL
========================================= */

.eyebrow,
.section-label {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2.4px;
    color: var(--gold);
    margin-bottom: 16px;
}

.eyebrow {
    color: #d9b964;
}

.eyebrow span {
    display: inline-block;
    width: 30px;
    height: 2px;
    background: var(--gold);
    vertical-align: middle;
    margin-right: 9px;
}


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

.hero h1 {
    font-size: clamp(46px, 6vw, 76px);
    line-height: 1.02;
    margin: 0 0 25px;
    color: #fff;
}

.hero h1 em {
    font-style: normal;
    color: #d9b964;
}

.hero p {
    max-width: 650px;
    color: #e2ebe6;
    font-size: 16px;
}

.hero-buttons {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 28px;
}

.hero-points {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
    margin-top: 26px;
}

.hero-points span {
    font-size: 11px;
    color: #d5e0dc;
    font-weight: 600;
}

.hero-points i {
    color: #d9b964;
    margin-right: 5px;
}


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

.hero-visual {
    height: 470px;
    position: relative;
}

.visual-circle {
    width: 330px;
    height: 330px;
    border-radius: 50%;
    border: 1px solid #d5b25d59;
    background: #ffffff0a;

    position: absolute;
    left: 70px;
    top: 60px;

    display: grid;
    place-items: center;

    color: #d5b25db3;
}

.visual-circle i {
    font-size: 180px;
}

.visual-circle span {
    position: absolute;
    bottom: 78px;

    font-size: 12px;
    letter-spacing: 5px;
    font-weight: 800;
}


/* =========================================
   HERO VISUAL CARDS
========================================= */

.visual-card {
    position: absolute;
    z-index: 3;

    background: #fffffff5;
    color: var(--text);

    display: flex;
    align-items: center;
    gap: 12px;

    padding: 14px 16px;

    box-shadow: 0 20px 50px #0000002e;

    min-width: 210px;
}

.visual-card i {
    font-size: 22px;
    color: var(--green);
}

.visual-card strong,
.visual-card small {
    display: block;
}

.visual-card strong {
    font-size: 12px;
}

.visual-card small {
    font-size: 9px;
    color: var(--muted);
    margin-top: 3px;
}

.card-one {
    left: 0;
    top: 50px;
}

.card-two {
    right: 0;
    bottom: 55px;
}


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

.hero-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;

    padding: 15px 0;

    border-top: 1px solid #ffffff1a;
}

.hero-bottom small {
    font-size: 9px;
    letter-spacing: 2px;
    color: #a8bab2;
}


/* =========================================
   SUPPORT STRIP
========================================= */

.support-strip {
    background: #fff;
    box-shadow: 0 10px 30px #00000014;

    position: relative;
    z-index: 5;
}

.support-item {
    display: flex;
    align-items: center;
    gap: 15px;

    padding: 24px 25px;

    border-right: 1px solid var(--line);
}

.support-item:last-child {
    border: 0;
}

.support-item > i {
    font-size: 25px;
    color: var(--gold);
}

.support-item strong,
.support-item small {
    display: block;
}

.support-item strong {
    font-size: 13px;
}

.support-item small {
    font-size: 10px;
    color: var(--muted);
    margin-top: 3px;
}

/* =========================================
   HOME- ABOUT SECTION
========================================= */


.about-home {
    padding: 100px 0;
    background: var(--cream);
    overflow: hidden;
}

.about-home-row {
    row-gap: 55px;
}

/* About Image */

.about-home-image {
    position: relative;
    padding: 0 25px 25px 0;
}

.about-home-image > img {
    display: block;
    width: 100%;
    height: 585px;
    object-fit: cover;
    object-position: center;
}

/* Floating Image Card */

.about-image-card {
    position: absolute;
    left: -20px;
    bottom: -15px;
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 240px;
    padding: 20px 23px;
    background: #ffffff;
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.10);
    z-index: 2;
}

.about-card-icon {
    width: 51px;
    height: 51px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--soft);
    color: var(--green);
    font-size: 23px;
}

.about-card-content strong,
.about-card-content span {
    display: block;
}

.about-card-content strong {
    color: var(--dark);
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 4px;
}

.about-card-content span {
    color: var(--muted);
    font-size: 11px;
}

/* About Content */

.about-home-content {
    padding-left: 20px;
}

.about-home-label {
    margin-bottom: 22px;
    color: var(--gold);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2.8px;
}

.about-home-content h2 {
    color: var(--dark);
    font-family: "Playfair Display", serif;
    font-size: clamp(39px, 4vw, 62px);
    font-weight: 600;
    line-height: 1.08;
    margin: 0 0 25px;
    letter-spacing: -1px;
}

.about-home-content h2 > span:first-of-type {
    color: var(--gold);
}

.about-home-content h2 .about-heading-line {
    color: var(--gold);
}

.about-home-intro {
    color: var(--text);
    font-size: 16px;
    line-height: 1.9;
    margin-bottom: 20px;
}

.about-home-description {
    color: var(--muted);
    font-size: 15px;
    line-height: 2;
    margin-bottom: 25px;
}

/* About Points */

.about-home-points {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 25px;
    row-gap: 15px;
    margin-bottom: 35px;
}

.about-point {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: var(--text);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.6;
}

.about-point i {
    flex-shrink: 0;
    color: var(--gold);
    font-size: 15px;
    line-height: 1.4;
}

/* Discover More Link */

.about-home-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--green);
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
    transition: color 0.25s ease;
}

.about-home-link i {
    transition: transform 0.25s ease;
}

.about-home-link:hover {
    color: var(--gold);
}

.about-home-link:hover i {
    transform: translateX(5px);
}



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

.products-home {
    padding: 100px 0;
    background: #ffffff;
    overflow: hidden;
}

/* Section Heading */

.products-heading {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: end;
    gap: 50px;
    margin-bottom: 65px;
}

.products-label {
    color: var(--gold);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2.8px;
    margin-bottom: 23px;
}

.products-heading-left h2 {
    max-width: 650px;
    color: var(--dark);
    font-family: "Playfair Display", serif;
    font-size: clamp(42px, 4.5vw, 62px);
    font-weight: 600;
    line-height: 1.04;
    letter-spacing: -0.7px;
    margin: 0;
}

.products-heading-left h2 span {
    display: block;
    color: var(--gold);
}

.products-heading-right {
    max-width: 500px;
    justify-self: end;
    padding-bottom: 5px;
}

.products-heading-right p {
    color: var(--muted);
    font-size: 14px;
    line-height: 1.9;
    margin: 0;
}

/* Product Cards */

.products-grid {
    align-items: stretch;
}

.product-home-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border: 1px solid var(--line);
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

/* Hover Effect */

.product-home-card:hover {
    transform: translateY(-7px);
    border-color: #d4c49e;
    box-shadow: 0 16px 35px rgba(2, 37, 28, 0.10);
}

/* Product Images */

.product-home-image {
    width: 100%;
    height: 210px;
    overflow: hidden;
    background: var(--soft);
}

.product-home-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.45s ease;
}

.product-home-card:hover .product-home-image img {
    transform: scale(1.035);
}

/* Product Content */

.product-home-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 25px 23px 24px;
}

.product-home-icon {
    color: var(--gold);
    font-size: 25px;
    line-height: 1;
    margin-bottom: 23px;
}

.product-home-content h3 {
    color: var(--dark);
    font-family: "Playfair Display", serif;
    font-size: 23px;
    font-weight: 600;
    line-height: 1.25;
    margin: 0 0 10px;
}

.product-home-content p {
    color: var(--muted);
    font-size: 12px;
    line-height: 1.8;
    margin: 0 0 22px;
}

/* Product Links */

.product-home-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: auto;
    color: var(--green);
    font-size: 10px;
    font-weight: 800;
    line-height: 1.6;
    text-decoration: none;
    transition: color 0.25s ease;
}

.product-home-link i {
    color: var(--gold);
    font-size: 22px;
    font-weight: 400;
    transition: transform 0.25s ease;
}

.product-home-link:hover {
    color: var(--gold);
}

.product-home-link:hover i {
    transform: translate(3px, -3px);
}



/* =========================================
  HOME-  WHY EROTH IMPEX SECTION
========================================= */

.why-eroth-section {
    padding: 100px 0;
    background: #03372a;
    color: #ffffff;
    overflow: hidden;
}

.why-eroth-row {
    row-gap: 45px;
}

/* LEFT CONTENT */

.why-eroth-content {
    padding-right: 25px;
}

.why-eroth-label {
    color: #d9b964;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2.5px;
    margin-bottom: 25px;
}

.why-eroth-heading {
    color: #ffffff;
    font-family: "Playfair Display", serif;
    font-size: clamp(44px, 4.1vw, 62px);
    font-weight: 600;
    line-height: 1.06;
    letter-spacing: -0.8px;
    margin: 0 0 25px;
}

.why-eroth-heading span {
    color: #b78a32;
}

.why-eroth-description {
    max-width: 560px;
    color: #d0e0d9;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 2;
    margin: 0 0 32px;
}

/* BUTTON */

.why-eroth-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 17px 24px;
    background: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 2px;
    color: #07513d;
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
    transition:
        background 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}

.why-eroth-button i {
    font-size: 16px;
    transition: transform 0.25s ease;
}

.why-eroth-button:hover {
    background: #b78a32;
    border-color: #b78a32;
    color: #ffffff;
    transform: translateY(-2px);
}

.why-eroth-button:hover i {
    transform: translateX(4px);
}

/* FEATURE CARDS GRID */

.why-eroth-cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

/* FEATURE CARD */

.why-eroth-card {
    min-width: 0;
    min-height: 203px;
    padding: 30px 28px;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.12);
    transition:
        transform 0.3s ease,
        background 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}

.why-eroth-card:hover {
    transform: translateY(-5px);
    background: rgba(255, 255, 255, 0.075);
    border-color: rgba(183, 138, 50, 0.65);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.10);
}

/* CARD ICON */

.why-eroth-icon {
    color: #d9b964;
    font-size: 26px;
    line-height: 1;
    margin-bottom: 22px;
}

.why-eroth-icon i {
    display: inline-block;
}

/* CARD HEADING */

.why-eroth-card h3 {
    color: #ffffff;
    font-family: "Playfair Display", serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 9px;
}

/* CARD DESCRIPTION */

.why-eroth-card p {
    color: #c1d5cc;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.9;
    margin: 0;
}



/* =========================================
   HOME - GLOBAL SOURCING SECTION
========================================= */

.global-sourcing-section {
    padding: 100px 0 90px;
    background: var(--cream);
    overflow: hidden;
}

/* Main Heading */

.global-sourcing-heading {
    max-width: 1000px;
    margin: 0 auto 48px;
    text-align: center;
}

.global-sourcing-label,
.sourcing-process-label {
    color: var(--gold);
    font-family: "DM Sans", sans-serif;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2.8px;
}

.global-sourcing-label {
    margin-bottom: 22px;
}

.global-sourcing-heading h2 {
    color: var(--dark);
    font-family: "Playfair Display", serif;
    font-size: clamp(42px, 4.5vw, 58px);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.6px;
    margin: 0 0 20px;
}

.global-sourcing-heading h2 span {
    display: block;
    color: var(--gold);
}

.global-sourcing-heading > p {
    max-width: 800px;
    margin: 0 auto;
    color: var(--muted);
    font-family: "DM Sans", sans-serif;
    font-size: 13px;
    line-height: 1.9;
}

/* Requirement Banner */

.sourcing-requirement-banner {
    display: grid;
    grid-template-columns: 1.15fr 1.6fr 1fr;
    align-items: center;
    gap: 22px;
    padding: 35px 38px;
    margin-bottom: 65px;
    background: #07513d;
    color: #ffffff;
}

.sourcing-requirement-banner h3 {
    color: #ffffff;
    font-family: "Playfair Display", serif;
    font-size: 23px;
    font-weight: 600;
    line-height: 1.3;
    margin: 0;
}

.sourcing-requirement-tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.sourcing-requirement-tags span {
    display: inline-block;
    padding: 10px 11px;
    border: 1px solid #ffffff30;
    color: #ffffff;
    font-family: "DM Sans", sans-serif;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
}

.sourcing-requirement-link {
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    color: #ffffff;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.25s ease;
}

.sourcing-requirement-link i {
    font-size: 15px;
    transition: transform 0.25s ease;
}

.sourcing-requirement-link:hover {
    color: #d9b964;
}

.sourcing-requirement-link:hover i {
    transform: translateX(5px);
}

/* Process Heading */

.sourcing-process-label {
    margin-bottom: 18px;
}

.sourcing-process-heading {
    color: var(--dark);
    font-family: "Playfair Display", serif;
    font-size: 29px;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 24px;
}

/* Process Grid */

.sourcing-process-grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 10px;
}

/* Process Card */

.sourcing-process-card {
    position: relative;
    min-width: 0;
    min-height: 235px;
    padding: 29px 14px 22px;
    background: #ffffff;
    border: 1px solid var(--line);
    transition:
        transform 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}

.sourcing-process-card:hover {
    transform: translateY(-5px);
    border-color: #c7b27f;
    box-shadow: 0 12px 28px rgba(2, 37, 28, 0.08);
}

/* Step Number */

.sourcing-step-number {
    position: absolute;
    top: 13px;
    right: 12px;
    color: #b9c8c1;
    font-family: "DM Sans", sans-serif;
    font-size: 10px;
    font-weight: 700;
}

/* Process Icon */

.sourcing-process-icon {
    color: var(--green);
    font-size: 24px;
    line-height: 1;
    margin-bottom: 25px;
}

/* Process Title */

.sourcing-process-card h4 {
    color: var(--dark);
    font-family: "Playfair Display", serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 10px;
}

/* Process Description */

.sourcing-process-card p {
    color: var(--muted);
    font-family: "DM Sans", sans-serif;
    font-size: 9px;
    line-height: 1.85;
    margin: 0;
}



/* =========================================
   EXPORT SUPPORT HOME SECTION
========================================= */

.export-home-section {
    padding: 100px 0;
    background: #ffffff;
    overflow: hidden;
}

.export-home-row {
    row-gap: 45px;
}

/* LEFT VISUAL */

.export-home-visual {
    position: relative;
    width: 100%;
    min-height: 480px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--deep);
    overflow: hidden;
}

/* Globe */

.export-globe {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 205px;
    height: 205px;
    border-radius: 50%;
    color: #b5a052;
}

.export-globe i {
    font-size: 200px;
    line-height: 1;
}

/* India Label */

.export-india-label {
    position: absolute;
    top: calc(50% + 135px);
    left: 50%;
    transform: translateX(-50%);
    color: #d9b964;
    font-family: "DM Sans", sans-serif;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: 6px;
}

/* Floating Labels */

.export-floating-label {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 15px;
    background: #ffffff;
    color: var(--dark);
    font-family: "DM Sans", sans-serif;
    font-size: 10px;
    font-weight: 800;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

.export-label-market {
    top: 12%;
    left: 5%;
}

.export-label-document {
    top: 23%;
    right: 5%;
}

.export-label-buyer {
    bottom: 23%;
    left: 6%;
}

.export-label-shipment {
    bottom: 14%;
    right: 8%;
}

/* RIGHT CONTENT */

.export-home-content {
    padding-left: 20px;
}

.export-home-label {
    color: var(--gold);
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2.5px;
    margin-bottom: 22px;
}

.export-home-content h2 {
    color: var(--dark);
    font-family: "Playfair Display", serif;
    font-size: clamp(40px, 4vw, 58px);
    font-weight: 600;
    line-height: 1.06;
    letter-spacing: -0.6px;
    margin: 0 0 22px;
}

.export-home-content h2 span {
    display: block;
    color: var(--gold);
}

.export-home-intro {
    color: var(--text);
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    line-height: 1.8;
    margin: 0 0 20px;
}

.export-home-description {
    color: var(--muted);
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    line-height: 1.95;
    margin: 0 0 25px;
}

/* FEATURES */

.export-home-features {
    margin-bottom: 27px;
}

.export-feature-item {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 17px 0;
    border-bottom: 1px solid var(--line);
}

.export-feature-item:first-child {
    padding-top: 10px;
}

.export-feature-icon {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 22px;
    color: var(--gold);
    font-size: 21px;
}

.export-feature-text h3 {
    color: var(--dark);
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.5;
    margin: 0 0 2px;
}

.export-feature-text p {
    color: var(--muted);
    font-family: "DM Sans", sans-serif;
    font-size: 10px;
    line-height: 1.6;
    margin: 0;
}

/* CTA BUTTON */

.export-home-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 16px 22px;
    background: var(--green);
    border: 1px solid var(--green);
    border-radius: 2px;
    color: #ffffff;
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
    transition:
        background 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}

.export-home-button i {
    font-size: 15px;
    transition: transform 0.25s ease;
}

.export-home-button:hover {
    background: var(--dark);
    color: #ffffff;
    transform: translateY(-2px);
}

.export-home-button:hover i {
    transform: translateX(4px);
}



/* =========================================
   PACKAGING SOLUTIONS HOME SECTION
========================================= */

.packaging-home-section {
    padding: 100px 0 95px;
    background: var(--cream);
    overflow: hidden;
}

/* Section Heading */

.packaging-home-heading {
    display: grid;
    grid-template-columns: 1.3fr 0.7fr;
    align-items: end;
    gap: 45px;
    margin-bottom: 55px;
}

.packaging-home-label {
    color: var(--gold);
    font-family: "DM Sans", sans-serif;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2.5px;
    margin-bottom: 22px;
}

.packaging-heading-left h2 {
    color: var(--dark);
    font-family: "Playfair Display", serif;
    font-size: clamp(40px, 4.2vw, 55px);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.5px;
    margin: 0;
}

.packaging-heading-left h2 span {
    display: block;
    color: var(--gold);
}

.packaging-heading-right {
    max-width: 410px;
    justify-self: end;
    padding-bottom: 7px;
}

.packaging-heading-right p {
    color: var(--muted);
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    line-height: 1.9;
    margin: 0;
}

/* Packaging Cards Grid */

.packaging-home-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

/* Individual Card */

.packaging-home-card {
    min-width: 0;
    min-height: 173px;
    padding: 28px 24px;
    background: #ffffff;
    border: 1px solid var(--line);
    transition:
        transform 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}

.packaging-home-card:hover {
    transform: translateY(-5px);
    border-color: #c8b47e;
    box-shadow: 0 12px 28px rgba(2, 37, 28, 0.08);
}

/* Card Icon */

.packaging-card-icon {
    color: var(--green);
    font-size: 25px;
    line-height: 1;
    margin-bottom: 23px;
}

/* Card Title */

.packaging-home-card h3 {
    color: var(--dark);
    font-family: "Playfair Display", serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 6px;
}

/* Card Description */

.packaging-home-card p {
    color: var(--muted);
    font-family: "DM Sans", sans-serif;
    font-size: 9px;
    line-height: 1.7;
    margin: 0;
}

/* International Buyers CTA */

.packaging-home-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-top: 95px;
    padding: 40px 48px;
    background: var(--deep);
    color: #ffffff;
}

.packaging-cta-content {
    min-width: 0;
}

.packaging-cta-label {
    color: #d9b964;
    font-family: "DM Sans", sans-serif;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2.2px;
    margin-bottom: 18px;
}

.packaging-cta-content h3 {
    color: #ffffff;
    font-family: "Playfair Display", serif;
    font-size: clamp(27px, 2.6vw, 36px);
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 10px;
}

.packaging-cta-steps {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    color: #d4e2dc;
    font-family: "DM Sans", sans-serif;
    font-size: 10px;
}

.packaging-cta-steps i {
    color: var(--gold);
    font-size: 12px;
}

/* CTA Button */

.packaging-cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    gap: 10px;
    padding: 15px 20px;
    background: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 2px;
    color: var(--green);
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none;
    transition:
        background 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}

.packaging-cta-button i {
    font-size: 14px;
    transition: transform 0.25s ease;
}

.packaging-cta-button:hover {
    background: var(--gold);
    border-color: var(--gold);
    color: #ffffff;
    transform: translateY(-2px);
}

.packaging-cta-button:hover i {
    transform: translateX(4px);
}



/* =========================================
   LET'S TALK BUSINESS SECTION
========================================= */

.business-enquiry-section {
    padding: 100px 0;
    background: #ffffff;
    overflow: hidden;
}

.business-enquiry-row {
    align-items: stretch;
    row-gap: 40px;
}

/* LEFT CONTACT CONTENT */

.business-contact-content {
    padding: 0 35px 0 0;
}

.business-section-label {
    color: var(--gold);
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2.5px;
    margin-bottom: 24px;
}

.business-contact-heading {
    color: var(--dark);
    font-family: "Playfair Display", serif;
    font-size: clamp(42px, 4.2vw, 60px);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.5px;
    margin: 0 0 23px;
}

.business-contact-heading span {
    color: var(--gold);
}

.business-contact-description {
    color: var(--muted);
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    line-height: 1.95;
    margin: 0 0 30px;
}

/* CONTACT ITEMS */

.business-contact-item {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.business-contact-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 45px;
    height: 45px;
    background: #eaf0ec;
    color: var(--green);
    font-size: 19px;
    transition:
        background 0.25s ease,
        color 0.25s ease;
}

.business-contact-item:hover .business-contact-icon {
    background: var(--green);
    color: #ffffff;
}

.business-contact-text h3 {
    color: var(--green);
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    font-weight: 800;
    margin: 0 0 3px;
}

.business-contact-text p {
    color: var(--muted);
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    line-height: 1.7;
    margin: 0;
}

.business-contact-text a {
    color: inherit;
    text-decoration: none;
    overflow-wrap: anywhere;
    transition: color 0.25s ease;
}

.business-contact-text a:hover {
    color: var(--gold);
}

/* FORM WRAPPER */

.business-enquiry-form-wrapper {
    height: 100%;
    padding: 35px 36px;
    background: var(--cream);
}

.business-form-heading {
    color: var(--dark);
    font-family: "Playfair Display", serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 22px;
}

/* FORM GRID */

.business-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 19px 18px;
}

.business-form-group {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.business-form-full {
    grid-column: 1 / -1;
}

.business-form-group label {
    color: var(--green);
    font-family: "DM Sans", sans-serif;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1px;
    margin-bottom: 8px;
}

.business-form-group label span {
    color: var(--gold);
}

/* INPUTS */

.business-form-group input,
.business-form-group textarea {
    width: 100%;
    min-width: 0;
    padding: 11px 12px;
    background: #ffffff;
    border: 1px solid #d9e1dc;
    border-radius: 2px;
    outline: none;
    color: var(--dark);
    font-family: "DM Sans", sans-serif;
    font-size: 13px;
    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.business-form-group input {
    height: 46px;
}

.business-form-group textarea {
    min-height: 100px;
    resize: vertical;
}

.business-form-group input:focus,
.business-form-group textarea:focus {
    border-color: var(--green);
    box-shadow: 0 0 0 3px rgba(7, 81, 61, 0.07);
}

/* SUBMIT BUTTON */

.business-form-submit {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    width: 100%;
    min-height: 51px;
    padding: 14px 22px;
    margin-top: 18px;
    background: var(--green);
    border: 1px solid var(--green);
    border-radius: 2px;
    color: #ffffff;
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    transition:
        background 0.25s ease,
        border-color 0.25s ease;
}

.business-form-submit i {
    font-size: 15px;
}

.business-form-submit:hover {
    background: var(--dark);
    border-color: var(--dark);
}



/* =========================================
   EROTH IMPEX FOOTER
========================================= */

.eroth-footer {
    background: var(--deep);
    color: #ffffff;
    padding: 75px 0 0;
    overflow: hidden;
}

/* Main Footer Layout */

.eroth-footer-main {
    display: grid;
    grid-template-columns: 1.35fr 0.8fr 1fr 1.15fr;
    gap: 45px;
    padding-bottom: 55px;
}

/* Logo */

.eroth-footer-logo {
    display: inline-block;
    color: #ffffff;
    font-family: "Playfair Display", serif;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 1px;
    text-decoration: none;
    margin-bottom: 22px;
}

.eroth-footer-logo img{
    width: 160px;
    
}
.eroth-footer-logo span {
    color: var(--gold);
}

/* Company Description */

.eroth-footer-description {
    max-width: 310px;
    color: #c5d7cf;
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    line-height: 1.95;
    margin: 0 0 25px;
}

/* Social Links */

.eroth-footer-socials {
    display: flex;
    align-items: center;
    gap: 10px;
}

.eroth-footer-socials a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    color: #ffffff;
    font-size: 15px;
    text-decoration: none;
    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease;
}

.eroth-footer-socials a:hover {
    background: var(--gold);
    border-color: var(--gold);
    color: var(--deep);
}

/* Footer Headings */

.eroth-footer-heading {
    color: #ffffff;
    font-family: "Playfair Display", serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    margin: 4px 0 25px;
}

.eroth-footer-heading::after {
    content: "";
    display: block;
    width: 35px;
    height: 2px;
    margin-top: 12px;
    background: var(--gold);
}

/* Footer Links */

.eroth-footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.eroth-footer-links li {
    margin-bottom: 13px;
}

.eroth-footer-links a {
    display: inline-block;
    color: #c5d7cf;
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    line-height: 1.6;
    text-decoration: none;
    transition:
        color 0.25s ease,
        transform 0.25s ease;
}

.eroth-footer-links a:hover {
    color: var(--gold);
    transform: translateX(3px);
}

/* Contact Information */

.eroth-footer-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 19px;
}

.eroth-footer-contact-item > i {
    flex-shrink: 0;
    color: var(--gold);
    font-size: 16px;
    margin-top: 2px;
}

.eroth-footer-contact-item p,
.eroth-footer-contact-item a {
    color: #c5d7cf;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    line-height: 1.85;
    margin: 0;
    text-decoration: none;
    overflow-wrap: anywhere;
    transition: color 0.25s ease;
}

.eroth-footer-contact-item a:hover {
    color: var(--gold);
}

/* Footer CTA */

.eroth-footer-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 5px;
    padding: 12px 15px;
    background: #ffffff;
    color: var(--green);
    border: 1px solid #ffffff;
    border-radius: 2px;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none;
    transition:
        background 0.25s ease,
        color 0.25s ease;
}

.eroth-footer-cta:hover {
    background: var(--gold);
    border-color: var(--gold);
    color: var(--deep);
}

/* Footer Bottom */

.eroth-footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 18px;
    padding: 23px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
}

.eroth-footer-bottom p {
    color: #b7cbc2;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    line-height: 1.7;
    margin: 0;
}

.eroth-footer-bottom-links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 22px;
}

.eroth-footer-bottom-links a {
    color: #b7cbc2;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    text-decoration: none;
    transition: color 0.25s ease;
}

.eroth-footer-bottom-links a:hover {
    color: var(--gold);
}


/* =========================================
   About Page Css Start here
========================================= */


.about-hero {
    position: relative;
    isolation: isolate;
    width: 100%;
    min-height: 735px;

    display: flex;
    align-items: center;

    overflow: hidden;

    background-image: url("../images/about_img/India’s_Golden_Global_Trade_Network_\(1\).jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

/* Dark Green Overlay */

.about-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: -1;

    background: linear-gradient(
        90deg,
        rgba(2, 37, 28, 0.97) 0%,
        rgba(2, 37, 28, 0.91) 29%,
        rgba(2, 37, 28, 0.70) 49%,
        rgba(2, 37, 28, 0.34) 72%,
        rgba(2, 37, 28, 0.12) 100%
    );
}

/* Container */

.about-hero-container {
    width: 100%;
    max-width: 1640px;

    margin: 0 auto;
    padding: 100px 40px;
}

/* Content */

.about-hero-content {
    width: 100%;
    max-width: 1000px;

    color: #ffffff;
}

/* Eyebrow Label */

.about-hero-eyebrow {
    display: flex;
    align-items: center;
    gap: 15px;

    margin-bottom: 34px;

    color: #e9b33e;

    font-family: "DM Sans", sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 4px;
    text-transform: uppercase;
}

/* Small Golden Line */

.about-hero-line {
    display: inline-block;

    width: 56px;
    height: 2px;
    flex-shrink: 0;

    background-color: #e9b33e;
}

/* Main Heading */

.about-hero h1 {
    max-width: 1000px;

    margin: 0 0 30px;

    color: #ffffff;

    font-family: "Playfair Display", serif;
    font-size: clamp(48px, 5vw, 88px);
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -2px;
}

/* Partner from India Highlight */

.about-hero .about-hero-highlight {
    color: #e9b33e;
}

/* Description */

.about-hero-description {
    max-width: 650px;

    margin: 0;

    color: rgba(255, 255, 255, 0.96);

    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.7;
}

/* Golden Divider */

.about-hero-divider {
    width: 112px;
    height: 2px;

    margin: 36px 0 37px;

    background-color: #e9b33e;
}

/* Features Container */

.about-hero-features {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 32px;
}

/* Individual Feature */

.about-hero-feature {
    display: flex;
    align-items: center;
    gap: 10px;

    color: #ffffff;

    font-family: "DM Sans", sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.2px;
}

/* Feature Icons */

.about-hero-feature i {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #e9b33e;

    font-size: 21px;
    line-height: 1;
}



/* =========================================
   ABOUT PAGE - WHO WE ARE SECTION
========================================= */

.about-who-section {
    width: 100%;
    padding: 100px 0;
    background-color: #ffffff;
    overflow: hidden;
}

.about-who-container {
    width: 100%;
    max-width: 1640px;
    margin: 0 auto;
    padding: 0 40px;

    display: grid;
    grid-template-columns: 0.88fr 1.12fr;
    align-items: center;
    gap: 84px;
}

/* LEFT IMAGE */

.about-who-image-column {
    position: relative;
    min-width: 0;
    padding-bottom: 0;
}

.about-who-image {
    width: 100%;
    height: 596px;
    overflow: hidden;
    background-color: #eaf1ed;
}

.about-who-image img {
    display: block;
    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    transition: transform 0.6s ease;
}

.about-who-image:hover img {
    transform: scale(1.035);
}

/* FLOATING CARD */

.about-who-floating-card {
    position: absolute;
    right: -28px;
    bottom: 28px;

    width: 270px;
    min-height: 160px;

    padding: 25px 26px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    background-color: #07513d;
    color: #ffffff;

    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.15);
    z-index: 2;
}

.about-who-card-label {
    display: block;
    margin-bottom: 13px;

    color: #e9b33e;

    font-family: "DM Sans", sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2.5px;
}

.about-who-floating-card h3 {
    margin: 0 0 9px;

    color: #ffffff;

    font-family: "Playfair Display", serif;
    font-size: 25px;
    font-weight: 500;
    line-height: 1.25;
}

.about-who-floating-card p {
    margin: 0;

    color: rgba(255, 255, 255, 0.95);

    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.7;
}

/* RIGHT CONTENT */

.about-who-content {
    min-width: 0;
}

/* Section Label */

.about-who-eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;

    margin-bottom: 27px;

    color: #b78a32;

    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.about-who-eyebrow-line {
    display: inline-block;
    width: 35px;
    height: 2px;
    flex-shrink: 0;

    background-color: #b78a32;
}

/* Main Heading */

.about-who-content h2 {
    margin: 0 0 25px;

    color: #064735;

    font-family: "Playfair Display", serif;
    font-size: clamp(42px, 4vw, 68px);
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -1.5px;
}

/* Intro Paragraph */

.about-who-content .about-who-intro {
    margin-bottom: 27px;

    color: #243d35;

    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.95;
}

/* Remaining Paragraphs */

.about-who-content > p:not(.about-who-intro) {
    margin: 0 0 20px;

    color: #718078;

    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 2;
}

.about-who-content > p:last-child {
    margin-bottom: 0;
}



/* =========================================
   ABOUT PAGE - OUR APPROACH SECTION
========================================= */

.about-approach-section {
    width: 100%;
    padding: 105px 0 100px;
    background-color: #f6f4ed;
    overflow: hidden;
}

.about-approach-container {
    width: 100%;
    max-width: 1640px;
    margin: 0 auto;
    padding: 0 40px;
}

/* Section Heading */

.about-approach-heading {
    margin-bottom: 58px;
}

.about-approach-eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 28px;

    color: #b78a32;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.about-approach-line {
    display: inline-block;
    width: 36px;
    height: 2px;
    flex-shrink: 0;
    background-color: #b78a32;
}

.about-approach-heading h2 {
    margin: 0;

    color: #064735;
    font-family: "Playfair Display", serif;
    font-size: clamp(44px, 4.2vw, 68px);
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -1.5px;
}

/* Cards Grid */

.about-approach-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 30px;
}

/* Individual Card */

.about-approach-card {
    position: relative;
    min-width: 0;
    min-height: 318px;

    padding: 43px 35px 35px;
    overflow: hidden;

    background-color: #ffffff;
    border: 1px solid #e4e4df;

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

.about-approach-card:hover {
    transform: translateY(-5px);
    border-color: #d9c9a6;
    box-shadow: 0 15px 35px rgba(3, 55, 42, 0.07);
}

/* Card Number */

.about-approach-number {
    position: absolute;
    top: 29px;
    right: 25px;

    color: #e0e6e1;
    font-family: "Playfair Display", serif;
    font-size: 42px;
    font-weight: 600;
    line-height: 1;
}

/* Icon Circle */

.about-approach-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 66px;
    height: 66px;
    margin-bottom: 35px;

    border-radius: 50%;
    background-color: #f6f4ed;
}

.about-approach-icon i {
    color: #c58b25;
    font-size: 24px;
    line-height: 1;
}

/* Card Heading */

.about-approach-card h3 {
    position: relative;
    z-index: 1;

    margin: 0 0 17px;

    color: #064735;
    font-family: "Playfair Display", serif;
    font-size: clamp(20px, 1.45vw, 28px);
    font-weight: 600;
    line-height: 1.3;
}

/* Card Description */

.about-approach-card p {
    position: relative;
    z-index: 1;

    margin: 0;

    color: #718078;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.95;
}

/* Decorative Quarter Circle */

.about-approach-decoration {
    position: absolute;
    right: -1px;
    bottom: -1px;

    width: 70px;
    height: 70px;

    border-top: 1px solid #eee4d2;
    border-left: 1px solid #eee4d2;
    border-top-left-radius: 70px;

    pointer-events: none;
}



/* =========================================
   ABOUT PAGE - OUR BELIEF SECTION
========================================= */

.about-belief-section {
    position: relative;
    isolation: isolate;
    width: 100%;
    padding: 115px 0 125px;

    overflow: hidden;
    background-color: #02251c;
    color: #ffffff;
}

/* Main Container */

.about-belief-container {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1640px;
    margin: 0 auto;
    padding: 0 40px;

    display: grid;
    grid-template-columns: 0.88fr 1.12fr;
    gap: 90px;
    align-items: start;
}

/* Left Column */

.about-belief-left {
    min-width: 0;
}

/* Eyebrow */

.about-belief-eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;

    margin-bottom: 30px;

    color: #e9b33e;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.about-belief-line {
    display: inline-block;
    width: 37px;
    height: 2px;
    flex-shrink: 0;

    background-color: #e9b33e;
}

/* Main Heading */

.about-belief-left h2 {
    margin: 0;

    color: #ffffff;
    font-family: "Playfair Display", serif;
    font-size: clamp(48px, 4.2vw, 76px);
    font-weight: 500;
    line-height: 1.14;
    letter-spacing: -1.5px;
}

.about-belief-left h2 span {
    color: #e9b33e;
}

/* Left Golden Divider */

.about-belief-divider {
    width: 100px;
    height: 2px;
    margin-top: 36px;

    background-color: #e9b33e;
}

/* Right Column */

.about-belief-right {
    min-width: 0;
    padding-top: 1px;
}

/* Main Statement */

.about-belief-right h3 {
    max-width: 850px;

    margin: 0 0 34px;

    color: #ffffff;
    font-family: "Playfair Display", serif;
    font-size: clamp(23px, 1.65vw, 31px);
    font-weight: 500;
    line-height: 1.5;
}

/* Intro Text */

.about-belief-intro {
    margin: 0 0 30px;

    color: rgba(255, 255, 255, 0.88);
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    line-height: 1.8;
}

/* Trust Points Grid */

.about-belief-points {
    display: grid;
    grid-template-columns: repeat(4, max-content);
    column-gap: 34px;
    row-gap: 24px;
    align-items: center;
}

/* Individual Point */

.about-belief-point {
    display: flex;
    align-items: center;
    gap: 10px;

    color: #ffffff;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
}

.about-belief-point i {
    color: #e9b33e;
    font-size: 19px;
    line-height: 1;
}

/* Bottom Divider */

.about-belief-bottom-divider {
    width: 100%;
    height: 1px;
    margin: 39px 0 30px;

    background-color: rgba(255, 255, 255, 0.15);
}

/* Conclusion */

.about-belief-conclusion {
    margin: 0;

    color: rgba(255, 255, 255, 0.94);
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    line-height: 1.8;
}

/* Decorative Circles */

.about-belief-circle {
    position: absolute;
    z-index: 0;

    border: 1px solid rgba(233, 179, 62, 0.13);
    border-radius: 50%;

    pointer-events: none;
}

.about-belief-circle-one {
    width: 750px;
    height: 750px;
    top: -250px;
    right: -290px;
}

.about-belief-circle-two {
    width: 600px;
    height: 600px;
    top: -180px;
    right: -215px;

    border-color: rgba(255, 255, 255, 0.07);
}



/* =========================================
   ABOUT PAGE - MISSION & VISION
========================================= */

.about-mission-vision-section {
    width: 100%;
    padding: 100px 0;
    background-color: #ffffff;
    overflow: hidden;
}

.about-mission-vision-container {
    width: 100%;
    max-width: 1640px;
    margin: 0 auto;
    padding: 0 40px;
}

/* Section Header */

.about-mission-vision-header {
    text-align: center;
    margin-bottom: 58px;
}

.about-mission-vision-eyebrow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    margin-bottom: 27px;

    color: #b78a32;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.about-mission-vision-line {
    display: inline-block;
    width: 36px;
    height: 2px;
    flex-shrink: 0;
    background-color: #b78a32;
}

.about-mission-vision-header h2 {
    margin: 0;

    color: #064735;
    font-family: "Playfair Display", serif;
    font-size: clamp(44px, 4.2vw, 68px);
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -1.5px;
}

/* Cards Grid */

.about-mission-vision-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
    align-items: stretch;
}

/* Individual Card */

.about-mv-card {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    align-content: start;
    align-items: start;
    gap: 28px;

    min-width: 0;
    min-height: 395px;
    padding: 46px 46px 42px;

    background-color: #ffffff;
    border: 1px solid #e1e5e1;

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

.about-mv-card:hover {
    border-color: #d7c49b;
    box-shadow: 0 14px 35px rgba(3, 55, 42, 0.06);
}

/* Icon Circle */

.about-mv-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 70px;
    height: 70px;
    border-radius: 50%;

    background-color: #f6f4ed;
}

.about-mv-icon i {
    color: #c18a29;
    font-size: 25px;
    line-height: 1;
}

/* Card Content */

.about-mv-content {
    min-width: 0;
}

/* Mission / Vision Label */

.about-mv-label {
    display: block;
    margin: 1px 0 19px;

    color: #b78a32;
    font-family: "DM Sans", sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2.5px;
}

/* Card Heading */

.about-mv-content h3 {
    margin: 0 0 22px;

    color: #064735;
    font-family: "Playfair Display", serif;
    font-size: clamp(24px, 1.85vw, 32px);
    font-weight: 600;
    line-height: 1.28;
    letter-spacing: -0.3px;
}

/* Card Paragraphs */

.about-mv-content p {
    margin: 0 0 17px;

    color: #718078;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.95;
}

.about-mv-content p:last-child {
    margin-bottom: 0;
}



/* =========================================
   ABOUT PAGE - GET IN TOUCH SECTION
========================================= */

.about-contact-cta-section {
    width: 100%;
    background-color: #f6f4ed;
}

/* =========================================
   TRUST FEATURES STRIP
========================================= */

.about-contact-trust-strip {
    width: 100%;
    background-color: #07513d;
    color: #ffffff;
}

.about-contact-trust-container {
    width: 100%;
    max-width: 1640px;
    margin: 0 auto;
    padding: 0 40px;

    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.about-contact-trust-item {
    min-width: 0;
    min-height: 210px;
    padding: 35px 20px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center;

    border-right: 1px solid rgba(255, 255, 255, 0.12);
}

.about-contact-trust-item:first-child {
    border-left: 1px solid rgba(255, 255, 255, 0.12);
}

.about-contact-trust-item i {
    margin-bottom: 23px;

    color: #e9b33e;
    font-size: 29px;
    line-height: 1;
}

.about-contact-trust-item h3 {
    margin: 0 0 8px;

    color: #ffffff;
    font-family: "Playfair Display", serif;
    font-size: 27px;
    font-weight: 500;
    line-height: 1.3;
}

.about-contact-trust-item p {
    margin: 0;

    color: rgba(255, 255, 255, 0.85);
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.6;
}

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

.about-contact-cta-container {
    width: 100%;
    max-width: 1640px;
    margin: 0 auto;
    padding: 108px 40px;
}

/* CTA Card */

.about-contact-cta-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;

    width: 100%;
    padding: 76px 72px;

    background-color: #ffffff;
    border: 1px solid #e1e5e1;
}

/* CTA Left Content */

.about-contact-cta-content {
    flex: 1;
    min-width: 0;
}

/* Eyebrow */

.about-contact-cta-eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;

    margin-bottom: 26px;

    color: #b78a32;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.about-contact-cta-line {
    display: inline-block;
    width: 36px;
    height: 2px;
    flex-shrink: 0;

    background-color: #b78a32;
}

/* Heading */

.about-contact-cta-content h2 {
    margin: 0 0 20px;

    color: #064735;
    font-family: "Playfair Display", serif;
    font-size: clamp(46px, 4.2vw, 68px);
    font-weight: 500;
    line-height: 1.08;
    letter-spacing: -1.5px;
}

/* Description */

.about-contact-cta-content p {
    max-width: 790px;
    margin: 0;

    color: #718078;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.9;
}

/* CTA Buttons */

.about-contact-cta-actions {
    width: 218px;
    flex-shrink: 0;

    display: flex;
    flex-direction: column;
    gap: 14px;
}

.about-contact-quote-btn,
.about-contact-us-btn {
    width: 100%;
    min-height: 56px;
    padding: 15px 18px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    font-family: "DM Sans", sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;

    transition:
        background-color 0.3s ease,
        color 0.3s ease,
        border-color 0.3s ease;
}

/* Primary Button */

.about-contact-quote-btn {
    color: #ffffff;
    background-color: #07513d;
    border: 1px solid #07513d;
}

.about-contact-quote-btn:hover {
    color: #ffffff;
    background-color: #03372a;
    border-color: #03372a;
}

.about-contact-quote-btn i {
    font-size: 16px;
    transition: transform 0.3s ease;
}

.about-contact-quote-btn:hover i {
    transform: translateX(4px);
}

/* Secondary Button */

.about-contact-us-btn {
    color: #03372a;
    background-color: #ffffff;
    border: 1px solid #07513d;
}

.about-contact-us-btn:hover {
    color: #ffffff;
    background-color: #07513d;
}


/* =========================================
   Products page css start here
========================================= */


/* =========================================
   PRODUCT PAGE HERO SECTION
========================================= */

.product-hero {
    min-height: 735px;
    width: 100%;
    isolation: isolate;
    background-image: url("../images/product_img/Global_Trade_Harvest_Panorama.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    color: #ffffff;
}

/* Dark Green Overlay */

.product-hero-overlay {
    z-index: -1;
    background: linear-gradient(
        90deg,
        rgba(2, 37, 28, 0.97) 0%,
        rgba(2, 37, 28, 0.91) 32%,
        rgba(2, 37, 28, 0.70) 57%,
        rgba(2, 37, 28, 0.40) 100%
    );
}

/* Content Spacing */

.product-hero-container {
    z-index: 1;
    padding-top: 90px;
    padding-bottom: 90px;
}

/* Eyebrow */

.product-hero-eyebrow {
    color: #e9b33e;
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.product-hero-line {
    display: inline-block;
    width: 38px;
    height: 2px;
    flex-shrink: 0;
    background-color: #e9b33e;
}

/* Main Heading */

.product-hero-title {
    color: #ffffff;
    font-family: "Playfair Display", serif;
    font-size: clamp(48px, 5.2vw, 88px);
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -1.8px;
}

.product-hero-title span {
    color: #e9b33e;
}

/* Description */

.product-hero-description {
    max-width: 790px;
    color: rgba(255, 255, 255, 0.95);
    font-family: "DM Sans", sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.9;
}

/* Divider */

.product-hero-divider {
    width: 113px;
    height: 3px;
    background-color: #e9b33e;
}

/* Feature Items */

.product-hero-features {
    row-gap: 18px !important;
}

.product-hero-feature {
    color: #ffffff;
    font-family: "DM Sans", sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.2px;
}

.product-hero-feature i {
    color: #e9b33e;
    font-size: 21px;
    line-height: 1;
}


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

.product-portfolio-section {
    background-color: #ffffff;
}

.product-portfolio-line {
    display: inline-block;
    width: 38px;
    height: 2px;
    flex-shrink: 0;
    background-color: #b78a32;
}

.product-portfolio-eyebrow {
    color: #b78a32;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
}

.product-portfolio-title {
    color: #064735;
    font-family: "Playfair Display", serif;
    font-size: clamp(42px, 4vw, 68px);
    font-weight: 500;
    line-height: 1.14;
    letter-spacing: -1.2px;
}

.product-portfolio-description,
.product-portfolio-subtitle {
    color: #718078;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    line-height: 1.95;
}

.product-portfolio-card {
    position: relative;
    overflow: hidden;
    background-color: #f6f4ed;
    border: 1px solid #e5e5df;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.product-portfolio-card:hover {
    border-color: #d9c49a;
    box-shadow: 0 10px 28px rgba(3, 55, 42, 0.07);
}

.product-portfolio-icon {
    display: block;
    color: #bd8b2b;
    font-size: 29px;
    line-height: 1;
}

.product-portfolio-card-title {
    position: relative;
    z-index: 1;
    color: #064735;
    font-family: "Playfair Display", serif;
    font-size: 23px;
    font-weight: 600;
    line-height: 1.45;
}

.product-portfolio-card-text {
    position: relative;
    z-index: 1;
    color: #718078;
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    line-height: 1.8;
}

.product-portfolio-card-decoration {
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 60px;
    height: 60px;
    border-top: 1px solid #eadfc9;
    border-left: 1px solid #eadfc9;
    border-top-left-radius: 60px;
    pointer-events: none;
}



/* =========================================
   FOOD & NATURAL PRODUCTS
========================================= */

.food-products-section {
    background-color: #f6f4ed;
}

.food-products-line {
    width: 24px;
    height: 1px;
    flex-shrink: 0;
    background-color: #b78a32;
}

.food-products-eyebrow {
    color: #b78a32;
    font-family: "DM Sans", sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2.5px;
}

.food-products-heading {
    color: #064735;
    font-family: "Playfair Display", serif;
    font-size: clamp(38px, 4vw, 54px);
    font-weight: 500;
    line-height: 1.08;
    letter-spacing: -0.8px;
}

.food-products-intro {
    max-width: 700px;
    color: #718078;
    font-family: "DM Sans", sans-serif;
    font-size: 13px;
    line-height: 1.9;
}

/* Product Card */

.food-product-card {
    min-width: 0;
    overflow: hidden;
    background-color: #ffffff;
    border: 1px solid #e4e6e1;
    transition: box-shadow 0.3s ease, border-color 0.3s ease;
}

.food-product-card:hover {
    border-color: #d9c49a;
    box-shadow: 0 10px 25px rgba(3, 55, 42, 0.08);
}

/* Product Image */

.food-product-image-wrap {
    width: 100%;
    aspect-ratio: 2.05 / 1;
    overflow: hidden;
    background-color: #eae8df;
}

.food-product-image {
    display: block;
    width: 100%;
    height: 125%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.food-product-card:hover .food-product-image {
    transform: scale(1.035);
}

/* Product Details */

.food-product-body {
    min-height: 185px;
}

.food-product-number {
    display: block;
    margin-bottom: 8px;
    color: #b78a32;
    font-family: "DM Sans", sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.food-product-title {
    margin: 0 0 8px;
    color: #064735;
    font-family: "Playfair Display", serif;
    font-size: 21px;
    font-weight: 600;
    line-height: 1.3;
    text-transform: uppercase;
}

.food-product-description {
    margin-bottom: 10px;
    color: #718078;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    line-height: 1.8;
}

.food-product-note {
    margin-bottom: 12px;
    color: #8a968f;
    font-family: "DM Sans", sans-serif;
    font-size: 10px;
    line-height: 1.7;
}

/* Arrow Link */

.food-product-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-top: 6px;
    color: #b78a32;
    font-size: 20px;
    text-decoration: none;
    transition: color 0.3s ease, transform 0.3s ease;
}

.food-product-arrow:hover {
    color: #064735;
    transform: translate(3px, -3px);
}

/* Bottom CTA */

.food-products-cta {
    background-color: #07513d;
}

.food-products-cta-title {
    color: #ffffff;
    font-family: "Playfair Display", serif;
    font-size: 20px;
    font-weight: 600;
}

.food-products-cta-text {
    color: rgba(255, 255, 255, 0.85);
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    line-height: 1.8;
}

.food-products-cta-button {
    padding: 13px 18px;
    border: 1px solid #ffffff;
    border-radius: 0;
    background-color: #ffffff;
    color: #064735;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.food-products-cta-button:hover {
    border-color: #e9b33e;
    background-color: #e9b33e;
    color: #03372a;
}


/* =========================================
   FRESH FARM PRODUCTS SECTION
========================================= */

.fresh-farm-section {
    background-color: #ffffff;
}

.fresh-farm-line {
    width: 24px;
    height: 1px;
    flex-shrink: 0;
    background-color: #b78a32;
}

.fresh-farm-eyebrow {
    color: #b78a32;
    font-family: "DM Sans", sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2.5px;
}

.fresh-farm-heading {
    color: #064735;
    font-family: "Playfair Display", serif;
    font-size: clamp(38px, 4vw, 54px);
    font-weight: 500;
    line-height: 1.12;
    letter-spacing: -0.8px;
}

.fresh-farm-intro {
    max-width: 700px;
    color: #718078;
    font-family: "DM Sans", sans-serif;
    font-size: 13px;
    line-height: 1.9;
}

/* Product Cards */

.fresh-farm-card {
    min-width: 0;
    overflow: hidden;
    background-color: #ffffff;
    border: 1px solid #e4e6e1;
    transition: box-shadow 0.3s ease, border-color 0.3s ease;
}

.fresh-farm-card:hover {
    border-color: #d9c49a;
    box-shadow: 0 10px 25px rgba(3, 55, 42, 0.08);
}

/* Images */

.fresh-farm-image-wrap {
    width: 100%;
    aspect-ratio: 2.05 / 1;
    overflow: hidden;
    background-color: #f6f4ed;
}

.fresh-farm-image {
    display: block;
    width: 100%;
    height: 125%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.fresh-farm-card:hover .fresh-farm-image {
    transform: scale(1.035);
}

/* Card Content */

.fresh-farm-body {
    min-height: 165px;
}

.fresh-farm-number {
    display: block;
    margin-bottom: 8px;
    color: #b78a32;
    font-family: "DM Sans", sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.fresh-farm-title {
    margin: 0 0 8px;
    color: #064735;
    font-family: "Playfair Display", serif;
    font-size: 21px;
    font-weight: 600;
    line-height: 1.3;
    text-transform: uppercase;
}

.fresh-farm-description {
    margin-bottom: 12px;
    color: #718078;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    line-height: 1.8;
}

/* Arrow */

.fresh-farm-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-top: 6px;
    color: #b78a32;
    font-size: 20px;
    text-decoration: none;
    transition: color 0.3s ease, transform 0.3s ease;
}

.fresh-farm-arrow:hover {
    color: #064735;
    transform: translate(3px, -3px);
}

/* Bottom CTA */

.fresh-farm-cta {
    background-color: #07513d;
}

.fresh-farm-cta-title {
    color: #ffffff;
    font-family: "Playfair Display", serif;
    font-size: 20px;
    font-weight: 600;
}

.fresh-farm-cta-text {
    color: rgba(255, 255, 255, 0.85);
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    line-height: 1.8;
}

.fresh-farm-cta-button {
    padding: 13px 18px;
    border: 1px solid #ffffff;
    border-radius: 0;
    background-color: #ffffff;
    color: #064735;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.fresh-farm-cta-button:hover {
    border-color: #e9b33e;
    background-color: #e9b33e;
    color: #03372a;
}



/* =========================================
   AGRICULTURAL COMMODITIES SECTION
========================================= */

.agri-commodities-section {
    background-color: #f6f4ed;
}

.agri-commodities-line {
    width: 24px;
    height: 1px;
    flex-shrink: 0;
    background-color: #b78a32;
}

.agri-commodities-eyebrow {
    color: #b78a32;
    font-family: "DM Sans", sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2.5px;
}

.agri-commodities-heading {
    color: #064735;
    font-family: "Playfair Display", serif;
    font-size: clamp(38px, 4vw, 54px);
    font-weight: 500;
    line-height: 1.12;
    letter-spacing: -0.8px;
}

.agri-commodities-intro {
    max-width: 700px;
    color: #718078;
    font-family: "DM Sans", sans-serif;
    font-size: 13px;
    line-height: 1.9;
}

/* Product Cards */

.agri-commodity-card {
    min-width: 0;
    overflow: hidden;
    background-color: #ffffff;
    border: 1px solid #e4e6e1;
    transition: box-shadow 0.3s ease, border-color 0.3s ease;
}

.agri-commodity-card:hover {
    border-color: #d9c49a;
    box-shadow: 0 10px 25px rgba(3, 55, 42, 0.08);
}

/* Product Images */

.agri-commodity-image-wrap {
    width: 100%;
    aspect-ratio: 2.05 / 1;
    overflow: hidden;
    background-color: #eae8df;
}

.agri-commodity-image {
    display: block;
    width: 100%;
    height: 125%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.agri-commodity-card:hover .agri-commodity-image {
    transform: scale(1.035);
}

/* Card Content */

.agri-commodity-body {
    min-height: 165px;
}

.agri-commodity-number {
    display: block;
    margin-bottom: 8px;
    color: #b78a32;
    font-family: "DM Sans", sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.agri-commodity-title {
    margin: 0 0 8px;
    color: #064735;
    font-family: "Playfair Display", serif;
    font-size: 21px;
    font-weight: 600;
    line-height: 1.3;
    text-transform: uppercase;
}

.agri-commodity-description {
    margin-bottom: 12px;
    color: #718078;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    line-height: 1.8;
}

/* Arrow */

.agri-commodity-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-top: 6px;
    color: #b78a32;
    font-size: 20px;
    text-decoration: none;
    transition: color 0.3s ease, transform 0.3s ease;
}

.agri-commodity-arrow:hover {
    color: #064735;
    transform: translate(3px, -3px);
}

/* Bottom CTA */

.agri-commodities-cta {
    background-color: #07513d;
}

.agri-commodities-cta-title {
    color: #ffffff;
    font-family: "Playfair Display", serif;
    font-size: 20px;
    font-weight: 600;
}

.agri-commodities-cta-text {
    color: rgba(255, 255, 255, 0.85);
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    line-height: 1.8;
}

.agri-commodities-cta-button {
    padding: 13px 18px;
    border: 1px solid #ffffff;
    border-radius: 0;
    background-color: #ffffff;
    color: #064735;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.agri-commodities-cta-button:hover {
    border-color: #e9b33e;
    background-color: #e9b33e;
    color: #03372a;
}



/* =========================================
   PACKAGING SOLUTIONS SECTION
========================================= */

.packaging-solutions-section {
    background-color: #ffffff;
}

.packaging-solutions-line {
    width: 24px;
    height: 1px;
    flex-shrink: 0;
    background-color: #b78a32;
}

.packaging-solutions-eyebrow {
    color: #b78a32;
    font-family: "DM Sans", sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2.5px;
}

.packaging-solutions-heading {
    color: #064735;
    font-family: "Playfair Display", serif;
    font-size: clamp(38px, 4vw, 54px);
    font-weight: 500;
    line-height: 1.12;
    letter-spacing: -0.8px;
}

.packaging-solutions-intro {
    max-width: 700px;
    color: #718078;
    font-family: "DM Sans", sans-serif;
    font-size: 13px;
    line-height: 1.9;
}

/* Cards */

.packaging-card {
    min-width: 0;
    overflow: hidden;
    background-color: #ffffff;
    border: 1px solid #e4e6e1;
    transition: box-shadow 0.3s ease, border-color 0.3s ease;
}

.packaging-card:hover {
    border-color: #d9c49a;
    box-shadow: 0 10px 25px rgba(3, 55, 42, 0.08);
}

/* Images */

.packaging-image-wrap {
    width: 100%;
    aspect-ratio: 2.05 / 1;
    overflow: hidden;
    background-color: #f6f4ed;
}

.packaging-image {
    display: block;
    width: 100%;
    height: 125%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.packaging-card:hover .packaging-image {
    transform: scale(1.035);
}

/* Card Content */

.packaging-card-body {
    min-height: 165px;
}

.packaging-number {
    display: block;
    margin-bottom: 8px;
    color: #b78a32;
    font-family: "DM Sans", sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.packaging-card-title {
    margin: 0 0 8px;
    color: #064735;
    font-family: "Playfair Display", serif;
    font-size: 21px;
    font-weight: 600;
    line-height: 1.35;
    text-transform: uppercase;
}

.packaging-description {
    margin-bottom: 12px;
    color: #718078;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    line-height: 1.8;
}

/* Arrow */

.packaging-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-top: 6px;
    color: #b78a32;
    font-size: 20px;
    text-decoration: none;
    transition: color 0.3s ease, transform 0.3s ease;
}

.packaging-arrow:hover {
    color: #064735;
    transform: translate(3px, -3px);
}

/* Bottom CTA */

.packaging-cta {
    background-color: #07513d;
}

.packaging-cta-title {
    color: #ffffff;
    font-family: "Playfair Display", serif;
    font-size: 20px;
    font-weight: 600;
}

.packaging-cta-text {
    color: rgba(255, 255, 255, 0.85);
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    line-height: 1.8;
}

.packaging-cta-button {
    padding: 13px 18px;
    border: 1px solid #ffffff;
    border-radius: 0;
    background-color: #ffffff;
    color: #064735;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.packaging-cta-button:hover {
    border-color: #e9b33e;
    background-color: #e9b33e;
    color: #03372a;
}


/* =========================================
   PRODUCT VALUES + CTA SECTION
========================================= */

/* Green Feature Strip */

.product-values-strip {
    background-color: #07513d;
}

.product-value-item {
    min-height: 207px;
    padding: 30px 15px;
    border-right: 1px solid rgba(255, 255, 255, 0.10);
}

.product-value-icon {
    margin-bottom: 26px;
    color: #e9b33e;
    font-size: 30px;
    line-height: 1;
}

.product-value-title {
    margin-bottom: 8px;
    color: #ffffff;
    font-family: "Playfair Display", serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3;
}

.product-value-description {
    color: rgba(255, 255, 255, 0.85);
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    line-height: 1.6;
}

/* Cream CTA Background */

.product-values-cta-area {
    background-color: #f6f4ed;
}

.product-values-cta-box {
    position: relative;
    overflow: hidden;
    background-color: #ffffff;
    border: 1px solid #e1e5df;
}

/* CTA Eyebrow */

.product-values-cta-line {
    width: 38px;
    height: 2px;
    flex-shrink: 0;
    background-color: #b78a32;
}

.product-values-cta-eyebrow {
    color: #b78a32;
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 3px;
}

/* CTA Heading */

.product-values-cta-heading {
    position: relative;
    z-index: 1;
    color: #064735;
    font-family: "Playfair Display", serif;
    font-size: clamp(38px, 4vw, 64px);
    font-weight: 500;
    line-height: 1.12;
    letter-spacing: -0.8px;
}

.product-values-cta-description {
    position: relative;
    z-index: 1;
    max-width: 820px;
    color: #718078;
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    line-height: 1.9;
}

/* CTA Button */

.product-values-cta-button {
    position: relative;
    z-index: 2;
    padding: 20px 25px;
    border: 1px solid #07513d;
    border-radius: 0;
    background-color: #07513d;
    color: #ffffff;
    font-family: "DM Sans", sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.product-values-cta-button:hover {
    border-color: #e9b33e;
    background-color: #e9b33e;
    color: #03372a;
}

.product-values-cta-button i {
    font-size: 16px;
    transition: transform 0.3s ease;
}

.product-values-cta-button:hover i {
    transform: translateX(4px);
}

/* Decorative Circles */

.product-values-cta-decoration {
    position: absolute;
    top: -150px;
    right: -90px;
    width: 310px;
    height: 310px;
    border: 1px solid rgba(183, 138, 50, 0.18);
    border-radius: 50%;
    pointer-events: none;
}

.product-values-cta-decoration::after {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 250px;
    height: 250px;
    border: 1px solid rgba(183, 138, 50, 0.10);
    border-radius: 50%;
    content: "";
}



/* =========================================
   GLOBAL SOURCING PAGE CSS HERO
========================================= */

.global-sourcing-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 720px;
    padding: 80px 0;
    background-image:
        linear-gradient(
            90deg,
            rgba(1, 42, 31, 0.96) 0%,
            rgba(1, 42, 31, 0.88) 38%,
            rgba(1, 42, 31, 0.65) 70%,
            rgba(1, 42, 31, 0.60) 100%
        ),
        url("../images/Global_Sourcing/global_sourcing_hero.jpeg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* Content above background decorations */

.global-sourcing-hero .container-fluid {
    position: relative;
    z-index: 2;
}

/* Eyebrow */

.global-sourcing-line {
    display: inline-block;
    width: 70px;
    height: 2px;
    flex-shrink: 0;
    background-color: #e9b33e;
}

.global-sourcing-eyebrow {
    color: #e9b33e;
    font-family: "DM Sans", sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3px;
}

/* Main Heading */

.global-sourcing-title {
    color: #ffffff;
    font-family: "Playfair Display", serif;
    font-size: clamp(52px, 5.2vw, 96px);
    font-weight: 600;
    line-height: 1.02;
    letter-spacing: -1.5px;
}

.global-sourcing-title span {
    color: #e9b33e;
}

/* Subtitle */

.global-sourcing-subtitle {
    color: #ffffff;
    font-family: "DM Sans", sans-serif;
    font-size: clamp(18px, 1.5vw, 25px);
    font-weight: 700;
    line-height: 1.5;
}

/* Description */

.global-sourcing-description {
    max-width: 950px;
    color: #ffffff;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
}

.global-sourcing-description strong {
    font-weight: 700;
}

/* Buttons */

.global-sourcing-btn {
    min-height: 60px;
    padding: 16px 24px;
    border-radius: 0;
    font-family: "DM Sans", sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

.global-sourcing-btn-primary {
    border: 1px solid #ffffff;
    background-color: #ffffff;
    color: #07513d;
}

.global-sourcing-btn-primary:hover {
    border-color: #e9b33e;
    background-color: #e9b33e;
    color: #03372a;
}

.global-sourcing-btn-outline {
    border: 1px solid rgba(255, 255, 255, 0.55);
    background-color: transparent;
    color: #ffffff;
}

.global-sourcing-btn-outline:hover {
    border-color: #e9b33e;
    background-color: #e9b33e;
    color: #03372a;
}

.global-sourcing-btn i {
    font-size: 17px;
}

/* Bottom Gold Line */

.global-sourcing-bottom-line {
    width: 138px;
    height: 3px;
    background-color: #e9b33e;
}

/* Feature Points */

.global-sourcing-feature {
    color: #ffffff;
    font-family: "DM Sans", sans-serif;
    font-size: 13px;
    font-weight: 700;
}

.global-sourcing-feature i {
    color: #e9b33e;
    font-size: 23px;
}

/* Decorative Circle */

.global-sourcing-circle {
    position: absolute;
    z-index: 1;
    top: 5%;
    right: 8%;
    width: min(30vw, 560px);
    aspect-ratio: 1 / 1;
    border: 1px solid rgba(233, 179, 62, 0.15);
    border-radius: 50%;
    pointer-events: none;
}

.global-sourcing-circle::after {
    position: absolute;
    inset: 30px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 50%;
    content: "";
}



/* =========================================
   GLOBAL SOURCING INTRO SECTION
========================================= */

.gs-intro-section {
    background-color: #ffffff;
}

/* Image */

.gs-intro-image-wrap {
    max-width: 540px;
    margin-bottom: 20px;
}

.gs-intro-image {
    height: 590px;
    object-fit: cover;
    object-position: center;
    display: block;
}

/* Floating Card */

.gs-intro-floating-card {
    position: absolute;
    left: -22px;
    bottom: -20px;
    z-index: 2;
    width: min(320px, 90%);
    min-height: 90px;
    padding: 20px 25px;
    background-color: #ffffff;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.12);
}

.gs-intro-icon {
    width: 50px;
    height: 50px;
    background-color: #eaf1ed;
    color: #07513d;
    font-size: 23px;
}

.gs-intro-card-title {
    color: #07513d;
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    font-weight: 700;
}

.gs-intro-card-text {
    color: #718078;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
}

/* Content */

.gs-intro-content {
    padding: 10px 0;
}

.gs-intro-eyebrow {
    color: #b78a32;
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 3px;
}

.gs-intro-heading {
    color: #064735;
    font-family: "Playfair Display", serif;
    font-size: clamp(38px, 3.6vw, 62px);
    font-weight: 500;
    line-height: 1.12;
    letter-spacing: -0.8px;
}

.gs-intro-heading span {
    color: #b78a32;
}

.gs-intro-description {
    color: #18352c;
    font-family: "DM Sans", sans-serif;
    font-size: 17px;
    line-height: 1.9;
}

.gs-intro-secondary {
    color: #718078;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    line-height: 1.9;
}

/* Highlight Strip */

.gs-intro-highlight {
    padding: 22px 24px;
    border-left: 2px solid #b78a32;
    background-color: #eaf1ed;
}

.gs-intro-check-icon {
    flex-shrink: 0;
    margin-top: 2px;
    color: #07513d;
    font-size: 23px;
}

.gs-intro-highlight-title {
    color: #07513d;
    font-family: "DM Sans", sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.6;
}

.gs-intro-highlight-text {
    color: #718078;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    line-height: 1.8;
}



/* =========================================
   GLOBAL SOURCING - OUR APPROACH
========================================= */

.gs-approach-section {
    background-color: #f6f4ed;
}

/* Heading */

.gs-approach-eyebrow {
    color: #b78a32;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
}

.gs-approach-heading {
    max-width: 1050px;
    color: #064735;
    font-family: "Playfair Display", serif;
    font-size: clamp(38px, 4vw, 54px);
    font-weight: 500;
    line-height: 1.1;
}

.gs-approach-heading span {
    color: #b78a32;
}

.gs-approach-subtitle {
    color: #718078;
    font-family: "DM Sans", sans-serif;
    font-size: 13px;
    line-height: 1.8;
}

/* Cards */

.gs-approach-card {
    position: relative;
    overflow: hidden;
    min-height: 296px;
    border: 1px solid #e1e7e2;
    background-color: #ffffff;
}

.gs-approach-number {
    position: absolute;
    top: 18px;
    right: 20px;
    color: #d5dfd9;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    font-weight: 700;
}

.gs-approach-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 51px;
    height: 53px;
    background-color: #eaf1ed;
    color: #07513d;
    font-size: 24px;
}

.gs-approach-card-title {
    position: relative;
    z-index: 1;
    margin-bottom: 9px;
    color: #064735;
    font-family: "Playfair Display", serif;
    font-size: 21px;
    font-weight: 500;
    line-height: 1.4;
}

.gs-approach-card-text {
    position: relative;
    z-index: 1;
    margin-bottom: 14px;
    color: #718078;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    line-height: 1.8;
}

/* Small Tags */

.gs-approach-tag {
    position: relative;
    z-index: 1;
    padding: 6px 8px;
    border: 1px solid #e1e7e2;
    background-color: #fafbf9;
    color: #07513d;
    font-family: "DM Sans", sans-serif;
    font-size: 9px;
    font-weight: 700;
}

/* Decorative Corner Circle */

.gs-approach-decoration {
    position: absolute;
    right: -40px;
    bottom: -55px;
    width: 120px;
    height: 120px;
    border: 1px solid rgba(183, 138, 50, 0.14);
    border-radius: 50%;
    pointer-events: none;
}

.gs-approach-card:hover .gs-approach-icon {
    background-color: #07513d;
    color: #e9b33e;
    transition: all 0.3s ease;
}


/* =========================================
   GLOBAL SOURCING - OUR PROCESS
========================================= */

.gs-process-section {
    background: #ffffff;
}

/* Heading */

.gs-process-eyebrow {
    color: #b78a32;
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 3px;
}

.gs-process-heading {
    color: #064735;
    font-family: "Playfair Display", serif;
    font-size: clamp(36px, 3.5vw, 62px);
    font-weight: 500;
    line-height: 1.2;
}

.gs-process-heading span {
    color: #b78a32;
}

.gs-process-subtitle {
    color: #718078;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    line-height: 1.8;
}

/* Seven-column grid */

@media (min-width: 1400px) {
    .gs-process-grid > .col-xxl {
        flex: 0 0 14.285714%;
        max-width: 14.285714%;
        width: 14.285714%;
    }
}

/* Cards */

.gs-process-card {
    position: relative;
    min-height: 300px;
    overflow: hidden;
    border: 1px solid #dfe7e2;
    background: #ffffff;
    transform: translateY(0) scale(1);
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.gs-process-number {
    position: absolute;
    top: 13px;
    right: 14px;
    color: #c7d5ce;
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    font-weight: 700;
}

.gs-process-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    background: #eaf1ed;
    color: #07513d;
    font-size: 24px;
    transition:
        background-color 0.3s ease,
        color 0.3s ease;
}

.gs-process-card-title {
    margin-bottom: 12px;
    color: #064735;
    font-family: "Playfair Display", serif;
    font-size: 19px;
    font-weight: 500;
    line-height: 1.4;
    overflow-wrap: break-word;
}

.gs-process-card-text {
    color: #718078;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    line-height: 1.8;
}

/* Hover effect */

@media (hover: hover) and (pointer: fine) {

    .gs-process-card:hover {
        position: relative;
        z-index: 2;
        transform: translateY(-8px) scale(1.025);
        border-color: #b78a32;
        box-shadow: 0 15px 30px rgba(3, 55, 42, 0.10);
    }

    .gs-process-card:hover .gs-process-icon {
        background: #07513d;
        color: #e9b33e;
    }

}



/* =========================================
   GLOBAL SOURCING - SOURCING CATEGORIES
========================================= */

.gs-categories-section {
    background: #f6f5ef;
}

.gs-categories-label {
    color: #b78a32;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.5px;
}

.gs-categories-heading {
    color: #064735;
    font-family: "Playfair Display", serif;
    font-size: clamp(34px, 3.2vw, 56px);
    font-weight: 500;
    line-height: 1.2;
}

.gs-categories-heading span {
    color: #b78a32;
}

.gs-categories-description {
    color: #718078;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    line-height: 1.8;
}

/* Card */

.gs-category-card {
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e1e8e4;
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.gs-category-image-wrap {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1.55 / 1;
    background: #eaf1ed;
}

.gs-category-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.gs-category-number {
    position: absolute;
    top: 16px;
    right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: #ffffff;
    color: #07513d;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    font-weight: 700;
}

/* Card content */

.gs-category-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.gs-category-icon {
    color: #b78a32;
    font-size: 24px;
    line-height: 1;
}

.gs-category-title {
    color: #064735;
    font-family: "Playfair Display", serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
}

.gs-category-list {
    width: 100%;
    color: #718078;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
}

.gs-category-list li {
    position: relative;
    padding: 9px 0 9px 17px;
    border-bottom: 1px solid #edf0ed;
    line-height: 1.4;
}

.gs-category-list li::before {
    position: absolute;
    top: 14px;
    left: 0;
    width: 5px;
    height: 5px;
    content: "";
    border-radius: 50%;
    background: #b78a32;
}

.gs-category-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-top: auto;
    color: #07513d;
    font-family: "DM Sans", sans-serif;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.6;
    text-decoration: none;
    text-transform: uppercase;
}

.gs-category-link i {
    color: #b78a32;
    font-size: 13px;
    transition: transform 0.3s ease;
}

/* Hover effects */

@media (hover: hover) and (pointer: fine) {

    .gs-category-card:hover {
        transform: translateY(-8px) scale(1.015);
        border-color: #b78a32;
        box-shadow: 0 15px 35px rgba(3, 55, 42, 0.12);
    }

    .gs-category-card:hover .gs-category-image {
        transform: scale(1.07);
    }

    .gs-category-card:hover .gs-category-link i {
        transform: translateX(5px);
    }

}

/* Keyboard accessibility */

.gs-category-link:focus-visible {
    outline: 2px solid #b78a32;
    outline-offset: 4px;
}



/* =========================================
   GLOBAL SOURCING - CUSTOM SOURCING
========================================= */

.gs-custom-section {
    overflow: hidden;
    background: #ffffff;
}

/* Left image */

.gs-custom-image-wrap {
    position: relative;
    width: 100%;
    padding-right: 20px;
    padding-bottom: 20px;
}

.gs-custom-image {
    display: block;
    width: 100%;
    aspect-ratio: 0.96 / 1;
    object-fit: cover;
}

.gs-custom-floating-card {
    position: absolute;
    right: 18px;
    bottom: 0;
    width: 205px;
    min-height: 120px;
    background: #07513d;
    color: #ffffff;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.14);
}

.gs-custom-floating-icon {
    display: block;
    margin-bottom: 12px;
    color: #e9b33e;
    font-size: 26px;
}

.gs-custom-floating-title {
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    font-weight: 700;
}

.gs-custom-floating-text {
    color: #d4e3dc;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
}

/* Right content */

.gs-custom-label {
    color: #b78a32;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.5px;
}

.gs-custom-heading {
    color: #064735;
    font-family: "Playfair Display", serif;
    font-size: clamp(35px, 3.1vw, 56px);
    font-weight: 500;
    line-height: 1.15;
}

.gs-custom-heading span {
    color: #b78a32;
}

.gs-custom-intro {
    color: #173b30;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    line-height: 1.8;
}

.gs-custom-description {
    color: #718078;
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    line-height: 1.9;
}

/* Requirement cards */

.gs-custom-requirement {
    min-height: 52px;
    background: #eaf1ed;
    color: #07513d;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    font-weight: 700;
    transition:
        background-color 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.gs-custom-requirement-icon {
    flex-shrink: 0;
    color: #b78a32;
    font-size: 19px;
    transition: color 0.3s ease;
}

/* Hover: background and icon colors */

@media (hover: hover) and (pointer: fine) {

    .gs-custom-requirement:hover {
        background: #07513d;
        color: #ffffff;
        transform: translateY(-3px);
        box-shadow: 0 7px 18px rgba(3, 55, 42, 0.12);
    }

    .gs-custom-requirement:hover .gs-custom-requirement-icon {
        color: #e9b33e;
    }

}

/* Closing heading */

.gs-custom-closing {
    color: #064735;
    font-family: "Playfair Display", serif;
    font-size: clamp(21px, 1.6vw, 27px);
    font-weight: 500;
    line-height: 1.5;
}

.gs-custom-closing span {
    color: #b78a32;
}

/* CTA button */

.gs-custom-button {
    min-height: 50px;
    padding: 14px 22px;
    border: 1px solid #07513d;
    border-radius: 0;
    background: #07513d;
    color: #ffffff;
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    transition:
        background-color 0.3s ease,
        color 0.3s ease,
        border-color 0.3s ease;
}

.gs-custom-button i {
    font-size: 15px;
    transition: transform 0.3s ease;
}

.gs-custom-button:hover {
    border-color: #03372a;
    background: #03372a;
    color: #e9b33e;
}

.gs-custom-button:hover i {
    transform: translateX(4px);
}



/* =========================================
   GLOBAL SOURCING - PRIVATE LABEL SOURCING
========================================= */

.gs-private-label-section {
    background: #03372a;
    color: #ffffff;
    overflow: hidden;
}

/* Left content */

.gs-private-label-section .gs-private-label {
    color: #d5a13a;
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2.5px;
}

.gs-private-heading {
    max-width: 780px;
    color: #ffffff;
    font-family: "Playfair Display", serif;
    font-size: clamp(38px, 3.6vw, 66px);
    font-weight: 500;
    line-height: 1.12;
}

.gs-private-heading span {
    color: #bd8d2d;
}

.gs-private-description {
    color: #e0e9e5;
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    line-height: 2;
}

.gs-private-subheading {
    color: #ffffff;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    font-weight: 700;
}

/* Requirement tags */

.gs-private-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 41px;
    padding: 10px 14px;
    border: 1px solid rgba(207, 226, 216, 0.18);
    background: rgba(255, 255, 255, 0.025);
    color: #f4f7f5;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    font-weight: 700;
    cursor: default;
    transition:
        background-color 0.3s ease,
        border-color 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}

/* Hover effect on requirement cards */

@media (hover: hover) and (pointer: fine) {

    .gs-private-tag:hover {
        background: #e9b33e;
        border-color: #e9b33e;
        color: #03372a;
        transform: translateY(-3px);
    }

}

/* CTA button */

.gs-private-button {
    min-height: 56px;
    padding: 16px 26px;
    border: 1px solid #ffffff;
    border-radius: 0;
    background: #ffffff;
    color: #07513d;
    font-family: "DM Sans", sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition:
        background-color 0.3s ease,
        color 0.3s ease,
        border-color 0.3s ease;
}

.gs-private-button i {
    font-size: 16px;
    transition: transform 0.3s ease;
}

.gs-private-button:hover {
    background: #e9b33e;
    border-color: #e9b33e;
    color: #03372a;
}

.gs-private-button:hover i {
    transform: translateX(4px);
}

/* Right image */

.gs-private-image-wrap {
    position: relative;
    width: 100%;
}

.gs-private-image {
    display: block;
    width: 100%;
    aspect-ratio: 1.22 / 1;
    object-fit: cover;
}

/* Image badge */

.gs-private-image-badge {
    position: absolute;
    left: 25px;
    bottom: 25px;
    min-width: 225px;
    background: rgba(3, 37, 29, 0.96);
    color: #ffffff;
}

.gs-private-image-badge i {
    color: #e9b33e;
    font-size: 21px;
}

.gs-private-image-badge span {
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.2px;
}

/* Respect reduced motion preference */

@media (prefers-reduced-motion: reduce) {

    .gs-private-tag,
    .gs-private-button,
    .gs-private-button i {
        transition: none;
    }

}



/* =========================================
   GLOBAL SOURCING - WHO WE WORK WITH
========================================= */

.gs-work-with-section {
    background: #ffffff;
    overflow: hidden;
}

/* Section heading */

.gs-work-with-heading {
    max-width: 800px;
}

.gs-work-with-label,
.gs-work-with-cta-label {
    color: #bd8d2d;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.5px;
}

.gs-work-with-title {
    color: #03372a;
    font-family: "Playfair Display", serif;
    font-size: clamp(36px, 3.2vw, 54px);
    font-weight: 500;
    line-height: 1.12;
}

.gs-work-with-title span {
    color: #bd8d2d;
}

.gs-work-with-description {
    color: #6b7c75;
    font-family: "DM Sans", sans-serif;
    font-size: 13px;
    line-height: 1.8;
}

/* Buyer cards */

.gs-work-with-card {
    min-height: 137px;
    padding: 25px 12px;
    border: 1px solid #e1e8e4;
    background: #ffffff;
    color: #07513d;
    transition:
        background-color 0.3s ease,
        border-color 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.gs-work-with-icon {
    width: 46px;
    height: 46px;
    flex-shrink: 0;
    background: #eaf1ed;
    color: #07513d;
    transition:
        background-color 0.3s ease,
        color 0.3s ease;
}

.gs-work-with-icon i {
    font-size: 20px;
    line-height: 1;
}

.gs-work-with-card-title {
    color: #07513d;
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    transition: color 0.3s ease;
}

/* Hover effect */

@media (hover: hover) and (pointer: fine) {

    .gs-work-with-card:hover {
        background: #07513d;
        border-color: #07513d;
        transform: translateY(-5px);
        box-shadow: 0 12px 28px rgba(3, 55, 42, 0.12);
    }

    .gs-work-with-card:hover .gs-work-with-icon {
        background: #e9b33e;
        color: #03372a;
    }

    .gs-work-with-card:hover .gs-work-with-card-title {
        color: #ffffff;
    }

}

/* Bottom CTA */

.gs-work-with-cta {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: #07513d;
    color: #ffffff;
}

.gs-work-with-cta::after {
    position: absolute;
    z-index: -1;
    top: -110px;
    right: -35px;
    width: 275px;
    height: 275px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.gs-work-with-cta-title {
    color: #ffffff;
    font-family: "Playfair Display", serif;
    font-size: clamp(30px, 3vw, 50px);
    font-weight: 500;
    line-height: 1.2;
}

.gs-work-with-cta-title span {
    color: #bd8d2d;
}

.gs-work-with-cta-text {
    color: #e0e9e5;
    font-family: "DM Sans", sans-serif;
    font-size: 13px;
}

.gs-work-with-keywords {
    color: #ffffff;
    font-family: "DM Sans", sans-serif;
    font-size: 10px;
    font-weight: 700;
}

.gs-work-with-dot {
    color: #e9b33e;
}

.gs-work-with-cta-note {
    color: #b9d0c7;
    font-family: "DM Sans", sans-serif;
    font-size: 10px;
    line-height: 1.8;
}

.gs-work-with-cta-button {
    position: relative;
    z-index: 1;
    min-height: 48px;
    padding: 14px 20px;
    border: 1px solid #ffffff;
    border-radius: 0;
    background: #ffffff;
    color: #07513d;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    transition:
        background-color 0.3s ease,
        color 0.3s ease,
        border-color 0.3s ease;
}

.gs-work-with-cta-button i {
    font-size: 14px;
    transition: transform 0.3s ease;
}

.gs-work-with-cta-button:hover {
    background: #e9b33e;
    border-color: #e9b33e;
    color: #03372a;
}

.gs-work-with-cta-button:hover i {
    transform: translateX(4px);
}



/* =========================================
   EXPORT SUPPORT HERO SECTION
========================================= */

.export-hero-section {
    min-height: 780px;
    padding: 90px 0 80px;
    overflow: hidden;
    isolation: isolate;
    background-color: #022d23;

    background-image:
        linear-gradient(
            90deg,
            rgba(2, 37, 28, 0.98) 0%,
            rgba(2, 37, 28, 0.95) 35%,
            rgba(2, 37, 28, 0.78) 58%,
            rgba(2, 37, 28, 0.48) 100%
        ),
        url("../images/export_support/export_hero.jpeg");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Eyebrow */

.export-hero-eyebrow {
    color: #e9b33e;
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2.5px;
    line-height: 1.6;
}

.export-hero-line {
    display: inline-block;
    width: 35px;
    height: 2px;
    flex-shrink: 0;
    background-color: #e9b33e;
}

/* Main heading */

.export-hero-title {
    color: #ffffff;
    font-family: "Playfair Display", serif;
    font-size: clamp(48px, 5vw, 84px);
    font-weight: 600;
    line-height: 1.06;
    letter-spacing: -1px;
}

.export-hero-title span {
    color: #e9b33e;
}

/* Description */

.export-hero-intro {
    color: #ffffff;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    line-height: 1.8;
}

.export-hero-description {
    max-width: 800px;
    color: #e0e9e5;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    line-height: 1.95;
}

/* Divider */

.export-hero-divider {
    width: 86px;
    height: 3px;
    background-color: #e9b33e;
}

/* Support message */

.export-hero-check {
    color: #e9b33e;
    font-size: 27px;
    line-height: 1.2;
    flex-shrink: 0;
}

.export-hero-support-title {
    color: #ffffff;
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
}

.export-hero-support-text {
    color: #e0e9e5;
    font-family: "DM Sans", sans-serif;
    font-size: 13px;
    line-height: 1.7;
}

/* CTA button */

.export-hero-button {
    min-height: 57px;
    padding: 16px 24px;
    border: 1px solid #bd8d2d;
    border-radius: 0;
    background-color: #bd8d2d;
    color: #ffffff;
    font-family: "DM Sans", sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition:
        background-color 0.3s ease,
        border-color 0.3s ease,
        color 0.3s ease;
}

.export-hero-button i {
    font-size: 16px;
    transition: transform 0.3s ease;
}

.export-hero-button:hover {
    background-color: #e9b33e;
    border-color: #e9b33e;
    color: #022d23;
}

.export-hero-button:hover i {
    transform: translateX(5px);
}

/* Bottom highlights */

.export-hero-highlights {
    color: #f4f7f5;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    font-weight: 600;
}

.export-hero-highlights i {
    color: #e9b33e;
    font-size: 15px;
}

/* Decorative circles */

.export-hero-circle {
    position: absolute;
    z-index: -1;
    width: 400px;
    height: 400px;
    border: 1px solid rgba(233, 179, 62, 0.16);
    border-radius: 50%;
    pointer-events: none;
}

.export-hero-circle-one {
    top: 8%;
    right: -110px;
}

.export-hero-circle-two {
    top: 15%;
    right: -35px;
    width: 300px;
    height: 300px;
}



/* =========================================
   EXPORT SUPPORT BY EROTH IMPEX
========================================= */

.export-intro-section {
    overflow: hidden;
}

/* Image */

.export-intro-visual {
    width: 100%;
    max-width: 760px;
    padding: 0 0 20px 0;
}

.export-intro-image {
    position: relative;
    z-index: 1;
    display: block;
    height: 568px;
    object-fit: cover;
    object-position: center;
}

/* Decorative cream block */

.export-intro-image-block {
    z-index: 0;
    left: 28px;
    right: 0;
    bottom: 0;
    height: 55px;
    background-color: var(--cream, #f6f5ef);
}

/* Floating information card */

.export-intro-floating-card {
    z-index: 2;
    right: -18px;
    bottom: 0;
    min-height: 92px;
    max-width: 390px;
    width: calc(100% - 40px);
}

.export-intro-icon {
    width: 52px;
    height: 52px;
    background-color: #eaf1ed;
    color: #07513d;
    font-size: 25px;
}

.export-intro-card-title {
    color: #07513d;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    font-weight: 700;
}

.export-intro-card-text {
    color: #6b7c75;
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    line-height: 1.6;
}

/* Content */

.export-intro-eyebrow {
    color: #b78a32;
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2.2px;
    line-height: 1.7;
}

.export-intro-title {
    color: #03372a;
    font-family: "Playfair Display", serif;
    font-size: clamp(38px, 3.4vw, 58px);
    font-weight: 600;
    line-height: 1.14;
}

.export-intro-title span {
    display: block;
    color: #b78a32;
}

.export-intro-lead {
    color: #18352c;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.8;
}

.export-intro-description {
    color: #6b7c75;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    line-height: 1.95;
}

/* Checklist */

.export-intro-list li {
    color: #18352c;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.7;
}

.export-intro-check {
    color: #b78a32;
    font-size: 19px;
    line-height: 1.4;
    flex-shrink: 0;
}

/* =========================================
   EXPORT INTRO RESPONSIVE
========================================= */

@media (max-width: 991.98px) {

    .export-intro-visual {
        max-width: 700px;
        margin-bottom: 15px;
    }

    .export-intro-image {
        height: 480px;
    }

    .export-intro-floating-card {
        right: 0;
    }

    .export-intro-content {
        padding-top: 15px;
    }

    .export-intro-title {
        font-size: clamp(38px, 5.5vw, 52px);
    }

}

@media (max-width: 575.98px) {

    .export-intro-section {
        padding-top: 45px !important;
        padding-bottom: 45px !important;
    }

    .export-intro-image {
        height: 320px;
    }

    .export-intro-image-block {
        left: 12px;
        height: 35px;
    }

    .export-intro-floating-card {
        right: 0;
        width: calc(100% - 20px);
        min-height: 75px;
        padding: 12px !important;
    }

    .export-intro-icon {
        width: 42px;
        height: 42px;
        font-size: 21px;
    }

    .export-intro-card-title {
        font-size: 12px;
    }

    .export-intro-card-text {
        font-size: 10px;
    }

    .export-intro-eyebrow {
        font-size: 10px;
        letter-spacing: 1.6px;
    }

    .export-intro-title {
        font-size: clamp(34px, 9vw, 44px);
        line-height: 1.16;
    }

    .export-intro-lead {
        font-size: 14px;
    }

    .export-intro-description {
        font-size: 12px;
        line-height: 1.9;
    }

    .export-intro-list li {
        font-size: 12px;
        gap: 10px !important;
    }

}



/* ==========================================
   OUR EXPORT SUPPORT SERVICES
========================================== */

.export-services-section {
    background: var(--cream, #f6f5ef);
}

.export-services-heading {
    max-width: 760px;
}

.export-services-eyebrow,
.export-service-label {
    color: var(--gold, #b78a32);
    font-family: "DM Sans", sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.7;
}

.export-services-main-title {
    color: var(--green, #07513d);
    font-family: "Playfair Display", serif;
    font-size: clamp(32px, 3.2vw, 44px);
    font-weight: 600;
    line-height: 1.18;
}

.export-services-main-title span {
    color: var(--gold, #b78a32);
}

.export-services-subtitle {
    color: var(--muted, #6b7c75);
    font-family: "DM Sans", sans-serif;
    font-size: 13px;
    line-height: 1.8;
}

/* Main service cards */

.export-service-card {
    border-color: var(--line, #e1e8e4) !important;
    transition: box-shadow 0.3s ease, border-color 0.3s ease;
}

.export-service-card:hover {
    border-color: rgba(183, 138, 50, 0.4) !important;
    box-shadow: 0 12px 32px rgba(3, 55, 42, 0.07);
}

/* Images */

.export-service-image-wrap {
    overflow: hidden;
    background: var(--cream, #f6f5ef);
}

.export-service-image {
    display: block;
    height: 310px;
    object-fit: cover;
    object-position: center;
    transition: transform 0.5s ease;
}

.export-service-card:hover .export-service-image {
    transform: scale(1.035);
}

.export-service-number {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 43px;
    height: 40px;
    padding: 0 10px;
    background: var(--green, #07513d);
    color: #fff;
    font-family: "Playfair Display", serif;
    font-size: 17px;
    font-weight: 600;
}

/* Service content */

.export-service-content {
    padding: 4px 4px 4px 12px;
}

.export-service-label {
    font-size: 9px;
    letter-spacing: 1.4px;
}

.export-service-title {
    color: var(--green, #07513d);
    font-family: "Playfair Display", serif;
    font-size: clamp(24px, 2.1vw, 30px);
    font-weight: 600;
    line-height: 1.2;
}

.export-service-description {
    color: var(--muted, #6b7c75);
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    line-height: 1.9;
}

.export-service-small-heading {
    color: var(--green, #07513d);
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    font-weight: 700;
}

.export-service-list p {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    margin: 0;
    color: var(--muted, #6b7c75);
    font-family: "DM Sans", sans-serif;
    font-size: 10px;
    line-height: 1.8;
}

.export-service-list i {
    flex-shrink: 0;
    color: var(--gold, #b78a32);
    font-size: 12px;
}

.export-service-note {
    border-left: 2px solid var(--gold, #b78a32);
    padding: 10px 0 10px 12px;
    color: var(--green, #07513d);
    font-family: "DM Sans", sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.8;
}

/* Shipment process grid */

.export-process-item {
    padding: 12px;
    border: 1px solid #e9eee9;
    background: #f7f8f5;
    transition: background-color 0.25s ease, border-color 0.25s ease;
}

.export-process-item:hover {
    background: #eaf1ed;
    border-color: #c9d9d0;
}

.export-process-item strong {
    display: block;
    margin-bottom: 4px;
    color: var(--green, #07513d);
    font-family: "DM Sans", sans-serif;
    font-size: 10px;
    font-weight: 700;
}

.export-process-item strong span {
    margin-right: 6px;
    color: var(--gold, #b78a32);
}

.export-process-item small {
    display: block;
    padding-left: 24px;
    color: var(--muted, #6b7c75);
    font-family: "DM Sans", sans-serif;
    font-size: 9px;
    line-height: 1.6;
}

/* Commercial structure */

.export-commercial-box {
    padding: 18px;
    background: var(--deep, #02251c);
    color: #fff;
}

.export-commercial-label {
    color: var(--gold, #b78a32);
    font-family: "DM Sans", sans-serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.export-commercial-description,
.export-commercial-footnote {
    color: rgba(255, 255, 255, 0.78);
    font-family: "DM Sans", sans-serif;
    font-size: 10px;
    line-height: 1.8;
}

.export-commercial-formula {
    color: #fff;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.8;
}

/* Respect reduced motion preferences */

@media (prefers-reduced-motion: reduce) {
    .export-service-card,
    .export-service-image,
    .export-process-item {
        transition: none;
    }
}



/* ========================================
   WHO CAN USE OUR EXPORT SUPPORT
======================================== */

.export-audience-section {
    background-color: #ffffff;
    padding-top: 90px !important;
    padding-bottom: 90px !important;
}

.export-audience-heading {
    max-width: 850px;
}

.export-audience-label {
    color: var(--gold, #b78a32);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 3px;
}

.export-audience-title {
    color: var(--green, #07513d);
    font-family: "Playfair Display", Georgia, serif;
    font-size: clamp(32px, 3.2vw, 54px);
    font-weight: 500;
    line-height: 1.15;
}

.export-audience-title span {
    color: var(--gold, #b78a32);
}

.export-audience-description {
    color: var(--muted, #6b7c75);
    font-size: 15px;
    line-height: 1.8;
}

.export-audience-grid {
    max-width: 1500px;
    margin: 0 auto;
}

.export-audience-card {
    background-color: #ffffff;
    border: 1px solid var(--line, #e1e8e4);
    overflow: hidden;
    transition: transform 0.3s ease,
                box-shadow 0.3s ease,
                border-color 0.3s ease;
}

.export-audience-card:hover {
    transform: translateY(-7px);
    border-color: var(--gold, #b78a32);
    box-shadow: 0 12px 28px rgba(3, 55, 42, 0.10);
}

.export-audience-image {
    width: 100%;
    height: 195px;
    overflow: hidden;
}

.export-audience-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.export-audience-card:hover .export-audience-image img {
    transform: scale(1.06);
}

.export-audience-content {
    padding: 24px 20px 26px;
}

.export-audience-icon {
    display: inline-block;
    color: var(--gold, #b78a32);
    font-size: 25px;
    margin-bottom: 18px;
    transition: color 0.3s ease, transform 0.3s ease;
}

.export-audience-card:hover .export-audience-icon {
    color: var(--green, #07513d);
    transform: translateY(-3px);
}

.export-audience-content h3 {
    color: var(--green, #07513d);
    font-family: "Playfair Display", Georgia, serif;
    font-size: 21px;
    font-weight: 500;
    line-height: 1.35;
    margin-bottom: 10px;
}

.export-audience-content p {
    color: var(--muted, #6b7c75);
    font-size: 13px;
    line-height: 1.7;
    margin-bottom: 0;
}



/* ==========================================
   HOW EXPORT SUPPORT WORKS
========================================== */

.export-process-section {
    background-color: #f6f5ef;
    padding-top: 85px !important;
    padding-bottom: 85px !important;
}

.export-process-heading {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.export-process-label,
.export-process-cta-label {
    display: inline-block;
    color: #b78a32;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.5px;
}

.export-process-title {
    color: #064434;
    font-family: "Playfair Display", Georgia, serif;
    font-size: clamp(34px, 3.1vw, 48px);
    font-weight: 500;
    line-height: 1.18;
}

.export-process-title span {
    color: #b78a32;
}

.export-process-description {
    color: #718078;
    font-size: 13px;
    line-height: 1.8;
}

/* Process cards */

.export-process-card {
    position: relative;
    min-height: 172px;
    padding: 27px 23px 22px;
    background-color: #ffffff;
    border: 1px solid #e1e8e4;
    transition: transform 0.3s ease,
                box-shadow 0.3s ease,
                border-color 0.3s ease;
}

.export-process-card:hover {
    transform: translateY(-6px);
    border-color: #b78a32;
    box-shadow: 0 10px 24px rgba(3, 55, 42, 0.08);
}

.export-process-number {
    position: absolute;
    top: 23px;
    right: 20px;
    color: #dce4df;
    font-family: "Playfair Display", Georgia, serif;
    font-size: 23px;
    font-weight: 700;
}

.export-process-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 47px;
    margin-bottom: 20px;
    background-color: #eaf1ed;
    color: #07513d;
    font-size: 23px;
    transition: background-color 0.3s ease,
                color 0.3s ease;
}

.export-process-card:hover .export-process-icon {
    background-color: #07513d;
    color: #ffffff;
}

.export-process-card h3 {
    max-width: 95%;
    margin-bottom: 10px;
    color: #064434;
    font-family: "Playfair Display", Georgia, serif;
    font-size: 19px;
    font-weight: 500;
    line-height: 1.35;
}

.export-process-card p {
    margin-bottom: 0;
    color: #718078;
    font-size: 12px;
    line-height: 1.7;
}

/* Bottom CTA banner */

.export-process-cta {
    position: relative;
    overflow: hidden;
    padding: 40px 46px;
    background:
        linear-gradient(110deg, rgba(2, 49, 37, 0.97), rgba(2, 39, 30, 0.94)),
        url("../images/export_support/export-banner.jpg") center / cover no-repeat;
    color: #ffffff;
}

.export-process-cta::after {
    position: absolute;
    top: -80px;
    right: -30px;
    width: 210px;
    height: 210px;
    border: 1px solid rgba(183, 138, 50, 0.25);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.export-process-cta-title {
    color: #ffffff;
    font-family: "Playfair Display", Georgia, serif;
    font-size: clamp(25px, 2.5vw, 39px);
    font-weight: 500;
    line-height: 1.25;
}

.export-process-cta-title span {
    display: block;
    color: #d9ad4f;
}

.export-process-cta-text {
    max-width: 700px;
    color: #d2dfd8;
    font-size: 12px;
    line-height: 1.8;
}

.export-process-cta-btn {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px 20px;
    background-color: #b78a32;
    border: 1px solid #b78a32;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    transition: background-color 0.3s ease,
                color 0.3s ease;
}

.export-process-cta-btn:hover {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #07513d;
}



/* ==========================================
   IMPORT SUPPORT PAGE HERO SECTION
========================================== */

.import-hero {
    position: relative;
    min-height: 650px;
    display: flex;
    align-items: center;
    padding: 75px 0 65px;
    background-color: #022b21;
    background-image: url("../images/import/import-hero.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    isolation: isolate;
}

/* Dark Green Image Overlay */

.import-hero-overlay {
    z-index: -1;
    background:
        linear-gradient(
            90deg,
            rgba(2, 37, 28, 0.98) 0%,
            rgba(2, 45, 34, 0.94) 34%,
            rgba(2, 45, 34, 0.76) 57%,
            rgba(2, 37, 28, 0.40) 100%
        ),
        linear-gradient(
            0deg,
            rgba(2, 37, 28, 0.35),
            rgba(2, 37, 28, 0.20)
        );
}

/* Content Container */

.import-hero-container {
    z-index: 2;
}

/* Eyebrow */

.import-hero-eyebrow {
    color: #e8bd59;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.5px;
    line-height: 1.7;
}

.import-hero-line {
    display: inline-block;
    width: 35px;
    height: 2px;
    flex-shrink: 0;
    background: #e8bd59;
}

/* Main Heading */

.import-hero-title {
    max-width: 850px;
    color: #ffffff;
    font-family: "Playfair Display", Georgia, serif;
    font-size: clamp(48px, 5.1vw, 76px);
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -1.7px;
}

.import-hero-title span {
    display: block;
    color: #e7bd60;
}

/* Description */

.import-hero-intro {
    max-width: 700px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8;
}

.import-hero-description {
    max-width: 790px;
    color: rgba(255, 255, 255, 0.86);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.95;
}

/* Gold Divider */

.import-hero-divider {
    width: 86px;
    height: 3px;
    background: #e7bd60;
}

/* Supporting Message */

.import-hero-check {
    flex-shrink: 0;
    color: #e7bd60;
    font-size: 27px;
}

.import-hero-message-title {
    color: #ffffff;
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    font-weight: 700;
}

.import-hero-message-text {
    color: rgba(255, 255, 255, 0.82);
    font-size: 13px;
    line-height: 1.7;
}

/* CTA Button */

.import-hero-btn {
    min-height: 57px;
    padding: 17px 25px;
    border: 1px solid #bd8d32;
    border-radius: 0;
    background: #bd8d32;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    transition: background 0.3s ease, border-color 0.3s ease;
}

.import-hero-btn:hover,
.import-hero-btn:focus {
    border-color: #e0b657;
    background: #e0b657;
    color: #022b21;
}

.import-hero-btn i {
    font-size: 17px;
    transition: transform 0.3s ease;
}

.import-hero-btn:hover i {
    transform: translateX(4px);
}

/* Bottom Features */

.import-hero-features {
    max-width: 780px;
}

.import-hero-features > div {
    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.6;
}

.import-hero-features i {
    color: #e7bd60;
    font-size: 15px;
}

/* Decorative Circle */

.import-hero-circle {
    position: absolute;
    top: 15%;
    right: -65px;
    width: 310px;
    height: 310px;
    border: 1px solid rgba(231, 189, 96, 0.22);
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

.import-hero-circle::before {
    content: "";
    position: absolute;
    inset: 28px;
    border: 1px solid rgba(231, 189, 96, 0.13);
    border-radius: 50%;
}


/* ==========================================
   IMPORT SUPPORT SERVICES
========================================== */

.import-services-section {
    background: var(--cream, #f6f5ef);
    padding-top: 90px;
    padding-bottom: 90px;
}

.import-services-label {
    color: var(--green, #07513d);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
}

.import-services-label span {
    width: 28px;
    height: 2px;
    background: var(--gold, #b78a32);
}

.import-services-heading {
    color: var(--dark, #03372a);
    font-family: "Playfair Display", Georgia, serif;
    font-size: clamp(34px, 4vw, 48px);
    font-weight: 600;
    line-height: 1.2;
}

.import-services-heading span {
    color: var(--gold, #b78a32);
}

.import-services-intro {
    max-width: 700px;
    margin-inline: auto;
    color: var(--muted, #6b7c75);
    font-size: 15px;
    line-height: 1.85;
}

/* Service Card */

.import-service-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--line, #e1e8e4);
    border-radius: 3px;
    box-shadow: 0 8px 28px rgba(3, 55, 42, 0.045);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.import-service-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(3, 55, 42, 0.12);
}

/* Card Image */

.import-service-image-wrap {
    position: relative;
    height: 225px;
    overflow: hidden;
    background: var(--soft, #eaf1ed);
}

.import-service-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.import-service-card:hover .import-service-image {
    transform: scale(1.05);
}

.import-service-number {
    position: absolute;
    left: 18px;
    bottom: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 53px;
    height: 47px;
    padding: 0 12px;
    background: var(--gold, #b78a32);
    color: #fff;
    font-family: "Playfair Display", Georgia, serif;
    font-size: 21px;
    font-weight: 600;
}

/* Card Content */

.import-service-body {
    padding: 26px !important;
}

.import-service-category {
    display: inline-block;
    color: var(--green, #07513d);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.5px;
    line-height: 1.7;
}

.import-service-title {
    color: var(--dark, #03372a);
    font-family: "Playfair Display", Georgia, serif;
    font-size: 23px;
    font-weight: 600;
    line-height: 1.35;
}

.import-service-subtitle {
    color: var(--green, #07513d);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.6;
}

.import-service-text {
    color: var(--muted, #6b7c75);
    font-size: 13px;
    line-height: 1.85;
}

.import-service-note {
    padding-top: 14px;
    border-top: 1px solid var(--line, #e1e8e4);
    color: var(--muted, #6b7c75);
    font-size: 11px;
    line-height: 1.8;
    font-style: italic;
}

/* Product Requirement Tags */

.import-service-tags span {
    display: inline-block;
    padding: 7px 9px;
    background: var(--soft, #eaf1ed);
    color: var(--green, #07513d);
    font-size: 10px;
    font-weight: 600;
    line-height: 1.4;
}

/* Service Bullet List */

.import-service-list li {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin-bottom: 10px;
    color: var(--muted, #6b7c75);
    font-size: 12px;
    line-height: 1.6;
}

.import-service-list li:last-child {
    margin-bottom: 0;
}

.import-service-list i {
    color: var(--gold, #b78a32);
    font-size: 15px;
    flex-shrink: 0;
}

/* Logistics Flow */

.import-logistics-flow {
    padding: 14px;
    background: var(--soft, #eaf1ed);
}

.import-logistics-flow span {
    color: var(--green, #07513d);
    font-size: 11px;
    font-weight: 700;
}

.import-logistics-flow i {
    color: var(--gold, #b78a32);
    font-size: 13px;
}

/* Clearance Information */

.import-service-info {
    padding: 15px;
    background: var(--soft, #eaf1ed);
    border-left: 3px solid var(--gold, #b78a32);
}

.import-service-info > i {
    color: var(--green, #07513d);
    font-size: 18px;
    flex-shrink: 0;
}

.import-service-info p {
    color: var(--muted, #6b7c75);
    font-size: 11px;
    line-height: 1.8;
}

/* Section Footer */

.import-services-footer {
    padding-top: 22px;
    border-top: 1px solid var(--line, #e1e8e4);
}

.import-services-footer p {
    color: var(--muted, #6b7c75);
    font-size: 12px;
    line-height: 1.8;
}

.import-services-footer i {
    color: var(--gold, #b78a32);
}


/* ==========================================
   HOW IMPORT SUPPORT WORKS
========================================== */

.import-process-section {
    position: relative;
    overflow: hidden;
    background: #ffffff;
    padding-top: 90px;
    padding-bottom: 90px;
}

.import-process-label {
    color: var(--green, #07513d);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
}

.import-process-label span {
    width: 28px;
    height: 2px;
    background: var(--gold, #b78a32);
}

.import-process-heading {
    color: var(--dark, #03372a);
    font-family: "Playfair Display", Georgia, serif;
    font-size: clamp(34px, 4vw, 48px);
    font-weight: 600;
    line-height: 1.2;
}

.import-process-heading span {
    color: var(--gold, #b78a32);
}

.import-process-intro {
    max-width: 700px;
    margin-inline: auto;
    color: var(--muted, #6b7c75);
    font-size: 14px;
    line-height: 1.9;
}

/* Process Cards */

.import-process-card {
    position: relative;
    overflow: hidden;
    padding: 28px;
    background: var(--cream, #f6f5ef);
    border: 1px solid var(--line, #e1e8e4);
    border-radius: 3px;
    transition: background 0.3s ease,
                border-color 0.3s ease,
                transform 0.3s ease,
                box-shadow 0.3s ease;
}

.import-process-card:hover {
    background: #ffffff;
    border-color: rgba(183, 138, 50, 0.55);
    transform: translateY(-5px);
    box-shadow: 0 16px 35px rgba(3, 55, 42, 0.08);
}

/* Number and Icon */

.import-process-number {
    color: var(--gold, #b78a32);
    font-family: "Playfair Display", Georgia, serif;
    font-size: 39px;
    font-weight: 600;
    line-height: 1;
}

.import-process-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    background: var(--soft, #eaf1ed);
    color: var(--green, #07513d);
    border: 1px solid rgba(7, 81, 61, 0.08);
    font-size: 23px;
    transition: background 0.3s ease, color 0.3s ease;
}

.import-process-card:hover .import-process-icon {
    background: var(--green, #07513d);
    color: #ffffff;
}

/* Titles and Text */

.import-process-title {
    color: var(--dark, #03372a);
    font-family: "Playfair Display", Georgia, serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
}

.import-process-text {
    color: var(--muted, #6b7c75);
    font-size: 13px;
    line-height: 1.9;
}

/* Requirement Tags */

.import-process-tags span {
    padding: 7px 10px;
    background: #ffffff;
    border: 1px solid var(--line, #e1e8e4);
    color: var(--green, #07513d);
    font-size: 10px;
    font-weight: 600;
    line-height: 1.4;
}

/* Bottom Accent */

.import-process-step-line {
    width: 42px;
    height: 3px;
    margin-top: 28px;
    background: var(--gold, #b78a32);
    transition: width 0.3s ease;
}

.import-process-card:hover .import-process-step-line {
    width: 75px;
}

/* Final Step */

.import-process-card-final {
    background: var(--dark, #03372a);
    border-color: var(--dark, #03372a);
}

.import-process-card-final .import-process-number {
    color: #e7bd60;
}

.import-process-card-final .import-process-icon {
    background: rgba(255, 255, 255, 0.09);
    color: #e7bd60;
    border-color: rgba(255, 255, 255, 0.12);
}

.import-process-card-final .import-process-title {
    color: #ffffff;
}

.import-process-card-final .import-process-text {
    color: rgba(255, 255, 255, 0.78);
}

.import-process-card-final:hover {
    background: #02251c;
    border-color: var(--gold, #b78a32);
}

.import-process-complete {
    padding-top: 17px;
    border-top: 1px solid rgba(255, 255, 255, 0.16);
    color: #e7bd60;
    font-size: 11px;
    font-weight: 700;
}

.import-process-complete i {
    font-size: 17px;
}


/* ==========================================
   WHO CAN USE OUR IMPORT SUPPORT
========================================== */

.import-audience-section {
    background: var(--cream, #f6f5ef);
    padding-top: 90px;
    padding-bottom: 90px;
}

.import-audience-label {
    color: var(--green, #07513d);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
}

.import-audience-label span {
    width: 28px;
    height: 2px;
    background: var(--gold, #b78a32);
}

.import-audience-heading {
    color: var(--dark, #03372a);
    font-family: "Playfair Display", Georgia, serif;
    font-size: clamp(34px, 4vw, 48px);
    font-weight: 600;
    line-height: 1.2;
}

.import-audience-heading span {
    color: var(--gold, #b78a32);
}

/* Audience Cards */

.import-audience-card {
    overflow: hidden;
    background: #ffffff;
    border: 1px solid var(--line, #e1e8e4);
    border-radius: 3px;
    box-shadow: 0 8px 25px rgba(3, 55, 42, 0.04);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.import-audience-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 35px rgba(3, 55, 42, 0.12);
}

/* Images */

.import-audience-image-wrap {
    position: relative;
    height: 185px;
    overflow: hidden;
    background: var(--soft, #eaf1ed);
}

.import-audience-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.import-audience-card:hover .import-audience-image {
    transform: scale(1.06);
}

.import-audience-number {
    position: absolute;
    left: 12px;
    bottom: 0;
    min-width: 40px;
    padding: 9px 10px;
    background: var(--gold, #b78a32);
    color: #ffffff;
    font-family: "Playfair Display", Georgia, serif;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
}

/* Card Body */

.import-audience-card-body {
    padding: 22px !important;
}

.import-audience-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    background: var(--soft, #eaf1ed);
    color: var(--green, #07513d);
    font-size: 20px;
    transition: background 0.3s ease, color 0.3s ease;
}

.import-audience-card:hover .import-audience-icon {
    background: var(--green, #07513d);
    color: #ffffff;
}

.import-audience-title {
    color: var(--dark, #03372a);
    font-family: "Playfair Display", Georgia, serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.45;
}



/* FINAL IMPORT CTA SECTION */

.import-final-cta-section {
    padding: 70px 0;
    background: var(--cream, #f6f5ef);
}

.import-final-cta-box {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding: 58px 65px;
    background:
        linear-gradient(110deg, rgba(2, 55, 42, 0.97), rgba(2, 37, 28, 0.97)),
        url("../images/import/1.1.jpg")
        center/cover no-repeat;
    color: #fff;
}

.import-final-cta-box::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    opacity: 0.12;
    background-image: repeating-linear-gradient(
        135deg,
        transparent 0,
        transparent 35px,
        rgba(255, 255, 255, 0.12) 36px,
        transparent 38px
    );
}

.import-final-cta-content {
    position: relative;
    z-index: 2;
    flex: 1;
    max-width: 900px;
}

.import-final-cta-eyebrow {
    display: block;
    margin-bottom: 24px;
    color: #e4b44f;
    font-family: "DM Sans", sans-serif;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 3px;
}

.import-final-cta-title {
    margin: 0 0 20px;
    color: #fff;
    font-family: "Playfair Display", serif;
    font-size: clamp(32px, 3.2vw, 52px);
    font-weight: 700;
    line-height: 1.2;
}

.import-final-cta-description {
    margin: 0 0 14px;
    color: rgba(255, 255, 255, 0.88);
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    line-height: 1.9;
}

.import-final-cta-requirements {
    margin: 0;
    color: #e5b957;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.8;
}

.import-final-cta-action {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
}

.import-final-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    min-width: 265px;
    padding: 21px 28px;
    background: #b78a32;
    color: #fff;
    text-decoration: none;
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    font-weight: 700;
    transition: background 0.3s ease, transform 0.3s ease;
}

.import-final-cta-btn:hover {
    background: #c99c43;
    color: #fff;
    transform: translateY(-2px);
}

.import-final-cta-btn i {
    font-size: 19px;
    transition: transform 0.3s ease;
}

.import-final-cta-btn:hover i {
    transform: translateX(5px);
}

.import-final-cta-circle {
    position: absolute;
    z-index: 0;
    top: -125px;
    right: -75px;
    width: 325px;
    height: 325px;
    border: 1px solid rgba(183, 138, 50, 0.28);
    border-radius: 50%;
    pointer-events: none;
}

.import-final-cta-circle::after {
    content: "";
    position: absolute;
    inset: 25px;
    border: 1px solid rgba(183, 138, 50, 0.12);
    border-radius: 50%;
}



/* =========================================
   PRIVATE LABEL & CUSTOM SOURCING - HERO
========================================= */

.plcs-hero-section {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    min-height: 620px;
    padding: 100px 0;
    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            rgba(2, 37, 28, 0.96) 0%,
            rgba(3, 55, 42, 0.88) 48%,
            rgba(3, 55, 42, 0.52) 100%
        ),
        url("../images/private_label/private_hero.jpg")
        center center / cover no-repeat;
}

.plcs-hero-content {
    position: relative;
    z-index: 2;
    max-width: 850px;
}

.plcs-hero-eyebrow {
    display: inline-block;
    margin-bottom: 25px;
    color: #e3b34d;
    font-family: "DM Sans", sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.plcs-hero-title {
    margin: 0 0 25px;
    color: #ffffff;
    font-family: "Playfair Display", serif;
    font-size: clamp(40px, 5vw, 68px);
    font-weight: 700;
    line-height: 1.16;
    letter-spacing: -1px;
}

.plcs-hero-title span {
    display: block;
    color: #e3b34d;
}

.plcs-hero-description {
    max-width: 720px;
    margin: 0 0 16px;
    color: rgba(255, 255, 255, 0.94);
    font-family: "DM Sans", sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.85;
}

.plcs-hero-note {
    max-width: 720px;
    margin: 0 0 30px;
    color: rgba(255, 255, 255, 0.78);
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    line-height: 1.8;
}

.plcs-hero-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 17px 27px;
    background: #b78a32;
    border: 1px solid #b78a32;
    color: #ffffff;
    text-decoration: none;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    font-weight: 700;
    transition: all 0.3s ease;
}

.plcs-hero-btn i {
    font-size: 18px;
    transition: transform 0.3s ease;
}

.plcs-hero-btn:hover {
    background: #ffffff;
    border-color: #ffffff;
    color: #07513d;
}

.plcs-hero-btn:hover i {
    transform: translateX(5px);
}



/* =========================================
   PRIVATE LABEL - REQUIREMENTS SECTION
========================================= */

.plcs-requirements-section {
    padding: 90px 0;
    background: #ffffff;
}

.plcs-requirements-heading {
    max-width: 760px;
    margin: 0 auto 50px;
}

.plcs-section-eyebrow {
    display: inline-block;
    margin-bottom: 16px;
    color: var(--gold, #b78a32);
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2.5px;
}

.plcs-section-title {
    margin: 0 0 18px;
    color: var(--green, #07513d);
    font-family: "Playfair Display", serif;
    font-size: clamp(32px, 4vw, 46px);
    font-weight: 700;
    line-height: 1.25;
}

.plcs-section-title span {
    color: var(--gold, #b78a32);
}

.plcs-section-description {
    margin: 0;
    color: var(--muted, #6b7c75);
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    line-height: 1.8;
}

/* Requirement Cards */

.plcs-requirements-grid {
    margin-bottom: 55px;
}

.plcs-requirement-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
    min-height: 175px;
    padding: 28px 25px;
    background: var(--cream, #f6f5ef);
    border: 1px solid var(--line, #e1e8e4);
    transition: all 0.3s ease;
}

.plcs-requirement-card:hover {
    background: #ffffff;
    border-color: var(--gold, #b78a32);
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(3, 55, 42, 0.08);
}

.plcs-requirement-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin-bottom: 22px;
    background: var(--green, #07513d);
    color: #ffffff;
    font-size: 23px;
    transition: all 0.3s ease;
}

.plcs-requirement-card:hover .plcs-requirement-icon {
    background: var(--gold, #b78a32);
}

.plcs-requirement-card h3 {
    margin: 0;
    color: var(--text, #18352c);
    font-family: "DM Sans", sans-serif;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
}

/* Brand CTA Banner */

.plcs-brand-cta {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: 38px 42px;
    overflow: hidden;
    background: var(--deep, #02251c);
    border-left: 4px solid var(--gold, #b78a32);
}

.plcs-brand-cta-content {
    position: relative;
    z-index: 1;
}

.plcs-brand-cta-label {
    display: block;
    margin-bottom: 12px;
    color: #e5b957;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
}

.plcs-brand-cta h3 {
    margin: 0;
    color: #ffffff;
    font-family: "Playfair Display", serif;
    font-size: clamp(24px, 3vw, 34px);
    font-weight: 700;
    line-height: 1.35;
}

.plcs-brand-cta-btn {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    flex-shrink: 0;
    padding: 17px 23px;
    background: var(--gold, #b78a32);
    border: 1px solid var(--gold, #b78a32);
    color: #ffffff;
    text-decoration: none;
    font-family: "DM Sans", sans-serif;
    font-size: 13px;
    font-weight: 700;
    transition: all 0.3s ease;
}

.plcs-brand-cta-btn:hover {
    background: #ffffff;
    border-color: #ffffff;
    color: var(--green, #07513d);
}

.plcs-brand-cta-btn i {
    font-size: 18px;
    transition: transform 0.3s ease;
}

.plcs-brand-cta-btn:hover i {
    transform: translateX(5px);
}




/* =========================================
   QUALITY & SOURCING SECTION
========================================= */

.plcs-quality-section {
    padding: 90px 0;
    background: #f6f5ef;
}

.plcs-quality-heading {
    max-width: 800px;
    margin: 0 auto 50px;
}

.plcs-quality-eyebrow {
    display: inline-block;
    margin-bottom: 16px;
    color: #b78a32;
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2.5px;
}

.plcs-quality-title {
    margin: 0 0 20px;
    color: #07513d;
    font-family: "Playfair Display", serif;
    font-size: clamp(32px, 4vw, 46px);
    font-weight: 700;
    line-height: 1.25;
}

.plcs-quality-title span {
    color: #b78a32;
}

.plcs-quality-description {
    max-width: 720px;
    margin: 0 auto;
    color: #6b7c75;
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    line-height: 1.9;
}

/* Quality Cards */

.plcs-quality-grid {
    margin-bottom: 45px;
}

.plcs-quality-card {
    height: 100%;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e1e8e4;
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        background-color 0.3s ease,
        border-color 0.3s ease;
}

/* Card Image */

.plcs-quality-image {
    position: relative;
    height: 190px;
    overflow: hidden;
    background: #eaf1ed;
}

.plcs-quality-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.plcs-quality-number {
    position: absolute;
    top: 12px;
    right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    background: #07513d;
    color: #ffffff;
    font-family: "DM Sans", sans-serif;
    font-size: 13px;
    font-weight: 700;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Card Content */

.plcs-quality-card-content {
    padding: 23px 20px 25px;
    transition: background-color 0.3s ease;
}

.plcs-quality-card-content h3 {
    min-height: 48px;
    margin: 0 0 10px;
    color: #07513d;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    transition: color 0.3s ease;
}

.plcs-quality-card-content p {
    margin: 0;
    color: #6b7c75;
    font-family: "DM Sans", sans-serif;
    font-size: 13px;
    line-height: 1.75;
    transition: color 0.3s ease;
}

/* Hover Effect */

.plcs-quality-card:hover {
    transform: translateY(-5px);
    border-color: #07513d;
    background: #07513d;
    box-shadow: 0 14px 30px rgba(3, 55, 42, 0.13);
}

.plcs-quality-card:hover .plcs-quality-image img {
    transform: scale(1.06);
}

.plcs-quality-card:hover .plcs-quality-number {
    background: #b78a32;
    color: #ffffff;
}

.plcs-quality-card:hover .plcs-quality-card-content {
    background: #07513d;
}

.plcs-quality-card:hover .plcs-quality-card-content h3 {
    color: #ffffff;
}

.plcs-quality-card:hover .plcs-quality-card-content p {
    color: rgba(255, 255, 255, 0.82);
}

/* Our Objective */

.plcs-quality-objective {
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 35px 40px;
    background: #ffffff;
    border-left: 4px solid #b78a32;
    box-shadow: 0 5px 25px rgba(3, 55, 42, 0.05);
}

.plcs-objective-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 65px;
    height: 65px;
    background: #07513d;
    color: #e5b957;
    font-size: 28px;
}

.plcs-objective-content {
    flex: 1;
}

.plcs-objective-label {
    display: block;
    margin-bottom: 10px;
    color: #b78a32;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2.5px;
}

.plcs-objective-content h3 {
    margin: 0 0 10px;
    color: #07513d;
    font-family: "Playfair Display", serif;
    font-size: 27px;
    font-weight: 700;
    line-height: 1.35;
}

.plcs-objective-content p {
    margin: 0;
    color: #6b7c75;
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    line-height: 1.8;
}



/* =========================================
   PRIVATE LABEL FINAL CTA
   Import Support Inspired Design
========================================= */

.plcs-final-cta-section {
    padding: 70px 0;
    background: var(--cream, #f6f5ef);
}

.plcs-final-cta-box {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding: 58px 65px;
    min-height: 320px;
    background:
        linear-gradient(
            110deg,
            rgba(2, 55, 42, 0.98),
            rgba(2, 37, 28, 0.98)
        ),
        url("../images/import/1.1.jpg")
        center/cover no-repeat;
    color: #ffffff;
}

/* Subtle background pattern */

.plcs-final-cta-box::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    opacity: 0.12;
    background-image: repeating-linear-gradient(
        135deg,
        transparent 0,
        transparent 35px,
        rgba(255, 255, 255, 0.12) 36px,
        transparent 38px
    );
}

/* CTA Content */

.plcs-final-cta-content {
    position: relative;
    z-index: 2;
    flex: 1;
    max-width: 900px;
}

.plcs-final-cta-eyebrow {
    display: inline-block;
    margin-bottom: 24px;
    color: #e4b44f;
    font-family: "DM Sans", sans-serif;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.plcs-final-cta-title {
    margin: 0 0 20px;
    color: #ffffff;
    font-family: "Playfair Display", serif;
    font-size: clamp(32px, 3.2vw, 52px);
    font-weight: 700;
    line-height: 1.2;
}

.plcs-final-cta-title span {
    display: block;
    color: #e5b957;
}

.plcs-final-cta-description {
    max-width: 720px;
    margin: 0;
    color: rgba(255, 255, 255, 0.88);
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    line-height: 1.9;
}

/* CTA Button */

.plcs-final-cta-action {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
}

.plcs-final-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    min-width: 265px;
    padding: 21px 28px;
    background: #b78a32;
    border: 1px solid #b78a32;
    color: #ffffff;
    text-decoration: none;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    font-weight: 700;
    transition: all 0.3s ease;
}

.plcs-final-cta-btn i {
    font-size: 19px;
    transition: transform 0.3s ease;
}

.plcs-final-cta-btn:hover {
    background: #ffffff;
    border-color: #ffffff;
    color: #07513d;
}

.plcs-final-cta-btn:hover i {
    transform: translateX(5px);
}

/* Decorative Circle */

.plcs-final-cta-circle {
    position: absolute;
    z-index: 0;
    top: -125px;
    right: -75px;
    width: 325px;
    height: 325px;
    border: 1px solid rgba(183, 138, 50, 0.28);
    border-radius: 50%;
    pointer-events: none;
}

.plcs-final-cta-circle::after {
    content: "";
    position: absolute;
    inset: 25px;
    border: 1px solid rgba(183, 138, 50, 0.12);
    border-radius: 50%;
}



/* ==========================================
   PACKAGING SOLUTIONS PAGE
   EROTH IMPEX
========================================== */

.pkg-hero,
.pkg-range-section,
.pkg-custom-section,
.pkg-applications-section,
.pkg-private-label-section,
.pkg-process-section,
.pkg-final-cta-section {
    font-family: "DM Sans", sans-serif;
}

.pkg-hero {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    min-height: 650px;
    padding: 100px 0;
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(2,37,28,.96) 0%, rgba(3,55,42,.86) 55%, rgba(3,55,42,.48) 100%),
        url("../images/packaging_solutions/Packaging\ Solutions\ hero.jpg")
        center/cover no-repeat;
}

.pkg-hero-content {
    max-width: 850px;
    color: #fff;
}

.pkg-eyebrow,
.pkg-section-label {
    display: inline-block;
    margin-bottom: 17px;
    color: #b78a32;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}

.pkg-hero h1 {
    margin: 0 0 22px;
    color: #fff;
    font-family: "Playfair Display", serif;
    font-size: clamp(40px, 5vw, 66px);
    font-weight: 700;
    line-height: 1.15;
}

.pkg-hero h1 span,
.pkg-section-heading h2 span,
.pkg-custom-content h2 span,
.pkg-private-label-content h2 span,
.pkg-final-cta-box h2 span {
    display: block;
    color: #e5b957;
}

.pkg-hero h2 {
    margin: 0 0 18px;
    color: #fff;
    font-family: "DM Sans", sans-serif;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.6;
}

.pkg-hero p {
    max-width: 760px;
    margin: 0 0 15px;
    color: rgba(255,255,255,.86);
    font-size: 15px;
    line-height: 1.9;
}

/* Shared Buttons */

.pkg-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    padding: 17px 24px;
    border: 1px solid transparent;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    transition: background-color .3s ease, color .3s ease, border-color .3s ease;
}

.pkg-btn i {
    font-size: 18px;
    transition: transform .3s ease;
}

.pkg-btn:hover i {
    transform: translateX(5px);
}

.pkg-btn-gold {
    background: #b78a32;
    border-color: #b78a32;
    color: #fff;
}

.pkg-btn-gold:hover {
    background: #fff;
    border-color: #fff;
    color: #07513d;
}

.pkg-btn-green {
    background: #07513d;
    border-color: #07513d;
    color: #fff;
}

.pkg-btn-green:hover {
    background: #b78a32;
    border-color: #b78a32;
    color: #fff;
}

/* Shared Section Headings */

.pkg-section-heading {
    max-width: 780px;
    margin: 0 auto 48px;
}

.pkg-section-heading h2,
.pkg-custom-content h2,
.pkg-private-label-content h2 {
    margin: 0 0 18px;
    color: #07513d;
    font-family: "Playfair Display", serif;
    font-size: clamp(31px, 3.8vw, 45px);
    font-weight: 700;
    line-height: 1.25;
}

.pkg-section-heading h2 span,
.pkg-custom-content h2 span,
.pkg-private-label-content h2 span {
    color: #b78a32;
}

.pkg-section-heading p,
.pkg-custom-content > p,
.pkg-private-label-content > p {
    margin: 0;
    color: #6b7c75;
    font-size: 15px;
    line-height: 1.9;
}

/* 02. Packaging Range */

.pkg-range-section {
    padding: 90px 0;
    background: #fff;
}

.pkg-product-card {
    height: 100%;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e1e8e4;
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.pkg-product-card:hover {
    transform: translateY(-5px);
    border-color: #b78a32;
    box-shadow: 0 14px 30px rgba(3,55,42,.11);
}

.pkg-product-image {
    position: relative;
    height: 235px;
    overflow: hidden;
    background: #eaf1ed;
}

.pkg-product-image img {
    display: block;
    width: 100%;
    height: 115%;
    object-fit: cover;
    transition: transform .5s ease;
}

.pkg-product-card:hover .pkg-product-image img {
    transform: scale(1.06);
}

.pkg-product-number {
    position: absolute;
    top: 13px;
    right: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    background: #07513d;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

.pkg-product-content {
    padding: 25px 23px;
}

.pkg-product-content h3 {
    margin: 0 0 12px;
    color: #07513d;
    font-family: "Playfair Display", serif;
    font-size: 23px;
    font-weight: 700;
    line-height: 1.35;
}

.pkg-product-content p {
    margin: 0 0 12px;
    color: #6b7c75;
    font-size: 14px;
    line-height: 1.8;
}

.pkg-product-content .pkg-product-note {
    margin-bottom: 0;
    color: #425d50;
    font-size: 13px;
    font-weight: 600;
}

/* 03. Custom Packaging */

.pkg-custom-section {
    padding: 90px 0;
    background: #f6f5ef;
}

.pkg-custom-image,
.pkg-private-label-image {
    position: relative;
    min-height: 420px;
    overflow: hidden;
    background: #eaf1ed;
}

.pkg-custom-image > img,
.pkg-private-label-image > img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 420px;
    object-fit: cover;
}

.pkg-custom-image-caption {
    position: absolute;
    right: 20px;
    bottom: 20px;
    left: 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px;
    background: #07513d;
    color: #fff;
}

.pkg-caption-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    background: #b78a32;
    color: #fff;
    font-size: 23px;
}

.pkg-custom-image-caption strong,
.pkg-custom-image-caption span:not(.pkg-caption-icon) {
    display: block;
}

.pkg-custom-image-caption strong {
    margin-bottom: 4px;
    font-size: 15px;
}

.pkg-custom-image-caption div span {
    color: rgba(255,255,255,.78);
    font-size: 12px;
}

.pkg-custom-content > p {
    margin-bottom: 25px;
}

.pkg-custom-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 30px;
}

.pkg-custom-option {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: #18352c;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.6;
}

.pkg-custom-option i {
    margin-top: 2px;
    color: #b78a32;
    font-size: 17px;
}

/* 04. Applications */

.pkg-applications-section {
    padding: 90px 0;
    background: #fff;
}

.pkg-application-card {
    display: flex;
    align-items: center;
    gap: 14px;
    height: 100%;
    min-height: 100px;
    padding: 22px 18px;
    background: #f6f5ef;
    border: 1px solid #e1e8e4;
    transition: background-color .3s ease, border-color .3s ease;
}

.pkg-application-card > i {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 45px;
    height: 45px;
    background: #07513d;
    color: #e5b957;
    font-size: 21px;
    transition: background-color .3s ease, color .3s ease;
}

.pkg-application-card h3 {
    margin: 0;
    color: #18352c;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    transition: color .3s ease;
}

.pkg-application-card:hover {
    background: #07513d;
    border-color: #07513d;
}

.pkg-application-card:hover > i {
    background: rgba(255,255,255,.12);
    color: #e5b957;
}

.pkg-application-card:hover h3 {
    color: #fff;
}

/* 05. Private Label Packaging */

.pkg-private-label-section {
    padding: 90px 0;
    background: #f6f5ef;
}

.pkg-private-label-content > p {
    margin-bottom: 25px;
}

.pkg-private-label-subtitle {
    margin: 0 0 17px;
    color: #07513d;
    font-size: 15px;
    font-weight: 700;
}

.pkg-branding-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin: 0 0 30px;
    padding: 0;
    list-style: none;
}

.pkg-branding-list li {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    color: #425d50;
    font-size: 14px;
    line-height: 1.6;
}

.pkg-branding-list li i {
    margin-top: 2px;
    color: #b78a32;
    font-size: 16px;
}

.pkg-private-label-image {
    border: 1px solid #e1e8e4;
}

/* 06. How It Works */

.pkg-process-section {
    padding: 90px 0;
    background: #fff;
}

.pkg-process-card {
    position: relative;
    height: 100%;
    min-height: 245px;
    padding: 30px 25px;
    overflow: hidden;
    background: #f6f5ef;
    border: 1px solid #e1e8e4;
    transition: background-color .3s ease, border-color .3s ease, transform .3s ease;
}

.pkg-process-card:hover {
    background: #07513d;
    border-color: #07513d;
    transform: translateY(-4px);
}

.pkg-process-number {
    position: absolute;
    top: 15px;
    right: 18px;
    color: #d4dfd8;
    font-family: "Playfair Display", serif;
    font-size: 27px;
    font-weight: 700;
    transition: color .3s ease;
}

.pkg-process-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin-bottom: 20px;
    background: #07513d;
    color: #e5b957;
    font-size: 22px;
    transition: background-color .3s ease, color .3s ease;
}

.pkg-process-card h3 {
    margin: 0 0 10px;
    color: #07513d;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
    transition: color .3s ease;
}

.pkg-process-card p {
    margin: 0;
    color: #6b7c75;
    font-size: 13px;
    line-height: 1.8;
    transition: color .3s ease;
}

.pkg-process-card:hover .pkg-process-number {
    color: rgba(255,255,255,.28);
}

.pkg-process-card:hover .pkg-process-icon {
    background: rgba(255,255,255,.12);
    color: #e5b957;
}

.pkg-process-card:hover h3 {
    color: #fff;
}

.pkg-process-card:hover p {
    color: rgba(255,255,255,.82);
}

/* 07. Final CTA */

.pkg-final-cta-section {
    padding: 70px 0;
    background: #f6f5ef;
}

.pkg-final-cta-box {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    min-height: 320px;
    padding: 55px 60px;
    background:
        linear-gradient(110deg, rgba(2,55,42,.98), rgba(2,37,28,.98)),
        url("https://images.unsplash.com/photo-1494412519320-aa613dfb7738?auto=format&fit=crop&w=1800&q=85")
        center/cover no-repeat;
}

.pkg-final-cta-box::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .12;
    pointer-events: none;
    background-image: repeating-linear-gradient(
        135deg,
        transparent 0,
        transparent 35px,
        rgba(255,255,255,.12) 36px,
        transparent 38px
    );
}

.pkg-final-cta-content {
    position: relative;
    z-index: 2;
    flex: 1;
    max-width: 800px;
}

.pkg-final-cta-eyebrow {
    display: inline-block;
    margin-bottom: 20px;
    color: #e5b957;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 3px;
}

.pkg-final-cta-box h2 {
    margin: 0 0 17px;
    color: #fff;
    font-family: "Playfair Display", serif;
    font-size: clamp(31px, 3.5vw, 48px);
    font-weight: 700;
    line-height: 1.25;
}

.pkg-final-cta-box h2 span {
    color: #e5b957;
}

.pkg-final-cta-box p {
    margin: 0 0 14px;
    color: rgba(255,255,255,.88);
    font-size: 15px;
    line-height: 1.8;
}

.pkg-final-cta-requirements {
    color: #e5b957;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.9;
}

.pkg-final-cta-requirements span {
    padding: 0 5px;
    color: rgba(255,255,255,.55);
}

.pkg-final-cta-action {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
}

.pkg-final-cta-circle {
    position: absolute;
    z-index: 0;
    top: -125px;
    right: -75px;
    width: 325px;
    height: 325px;
    border: 1px solid rgba(183,138,50,.28);
    border-radius: 50%;
    pointer-events: none;
}

.pkg-final-cta-circle::after {
    content: "";
    position: absolute;
    inset: 25px;
    border: 1px solid rgba(183,138,50,.12);
    border-radius: 50%;
}



/* =========================================
   FAQ PAGE - EROTH IMPEX
========================================= */

.faq-hero {
    position: relative;
    isolation: isolate;
    min-height: 390px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background-image: url("../images/FAQ/faq_hero.jpg");
    background-size: cover;
    background-position: center 48%;
    color: #ffffff;
}

.faq-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(
        90deg,
        rgba(2, 37, 28, 0.96) 0%,
        rgba(3, 55, 42, 0.88) 48%,
        rgba(3, 55, 42, 0.53) 100%
    );
}

.faq-hero-container {
    position: relative;
    z-index: 2;
    padding-top: 75px;
    padding-bottom: 75px;
}

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

.faq-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    color: #e2c17d;
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2.5px;
}

.faq-eyebrow span {
    display: inline-block;
    width: 30px;
    height: 2px;
    background: var(--gold, #b78a32);
}

.faq-hero h1 {
    margin: 0 0 20px;
    color: #ffffff;
    font-family: "Playfair Display", serif;
    font-size: clamp(38px, 5vw, 62px);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -1px;
}

.faq-hero h1 span {
    color: #dfbd73;
}

.faq-hero-content > p {
    max-width: 610px;
    margin-bottom: 27px;
    color: rgba(255, 255, 255, 0.84);
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    line-height: 1.9;
}

.faq-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    color: rgba(255, 255, 255, 0.75);
    font-size: 13px;
}

.faq-breadcrumb a {
    color: #ffffff;
    text-decoration: none;
    transition: color 0.25s ease;
}

.faq-breadcrumb a:hover {
    color: #dfbd73;
}

.faq-breadcrumb i {
    color: #dfbd73;
    font-size: 11px;
}

.faq-breadcrumb span {
    color: #dfbd73;
}

.faq-hero-decoration {
    position: absolute;
    right: -110px;
    bottom: -230px;
    width: 430px;
    height: 430px;
    border: 1px solid rgba(223, 189, 115, 0.3);
    border-radius: 50%;
    pointer-events: none;
}

.faq-hero-decoration::before {
    position: absolute;
    inset: 35px;
    border: 1px solid rgba(223, 189, 115, 0.18);
    border-radius: 50%;
    content: "";
}


/* FAQ MAIN SECTION */

.faq-main-section {
    padding: 100px 0 105px;
    background: #ffffff;
}

.faq-section-heading {
    max-width: 750px;
    margin: 0 auto 58px;
}

.faq-section-label {
    display: inline-block;
    margin-bottom: 16px;
    color: var(--gold, #b78a32);
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2.3px;
}

.faq-section-heading h2 {
    margin: 0 0 17px;
    color: var(--dark, #03372a);
    font-family: "Playfair Display", serif;
    font-size: clamp(30px, 4vw, 43px);
    font-weight: 600;
    line-height: 1.3;
}

.faq-section-heading h2 span {
    color: var(--gold, #b78a32);
}

.faq-section-heading p {
    margin: 0;
    color: var(--muted, #6b7c75);
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    line-height: 1.8;
}


/* MAIN TWO-COLUMN LAYOUT */

.faq-layout {
    display: grid;
    grid-template-columns: 0.82fr 1.45fr;
    align-items: start;
    gap: 48px;
}


/* LEFT INFORMATION PANEL */

.faq-info-panel {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 39px 34px;
    border-radius: 8px;
    background: var(--green, #07513d);
    color: #ffffff;
}

.faq-info-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin-bottom: 27px;
    border: 1px solid rgba(223, 189, 115, 0.5);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
    color: #e3c27b;
    font-size: 25px;
}

.faq-info-label {
    display: block;
    margin-bottom: 13px;
    color: #e3c27b;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
}

.faq-info-panel h3 {
    position: relative;
    margin: 0 0 18px;
    color: #ffffff;
    font-family: "Playfair Display", serif;
    font-size: 29px;
    font-weight: 600;
    line-height: 1.4;
}

.faq-info-panel > p {
    position: relative;
    margin-bottom: 25px;
    color: rgba(255, 255, 255, 0.76);
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    line-height: 1.9;
}

.faq-info-divider {
    height: 1px;
    margin: 25px 0;
    background: rgba(255, 255, 255, 0.17);
}

.faq-info-point {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin-bottom: 18px;
    color: rgba(255, 255, 255, 0.88);
    font-size: 13px;
    line-height: 1.7;
}

.faq-info-point i {
    flex-shrink: 0;
    margin-top: 3px;
    color: #e3c27b;
    font-size: 15px;
}

.faq-info-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    width: 100%;
    margin-top: 16px;
    padding: 15px 18px;
    border: 1px solid #d7b66c;
    border-radius: 3px;
    background: #d7b66c;
    color: #163c2f;
    font-family: "DM Sans", sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

.faq-info-btn:hover {
    border-color: #ffffff;
    background: transparent;
    color: #ffffff;
}

.faq-info-btn i {
    font-size: 17px;
}

.faq-info-decoration {
    position: absolute;
    right: -44px;
    bottom: -50px;
    z-index: -1;
    color: rgba(255, 255, 255, 0.045);
    font-size: 190px;
    line-height: 1;
    pointer-events: none;
}


/* RIGHT FAQ ACCORDION */

.faq-accordion-column {
    min-width: 0;
}

.faq-accordion-intro {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 26px;
}

.faq-accordion-intro > div:first-child > span {
    display: block;
    margin-bottom: 9px;
    color: var(--gold, #b78a32);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.8px;
}

.faq-accordion-intro h3 {
    margin: 0;
    color: var(--dark, #03372a);
    font-family: "Playfair Display", serif;
    font-size: 27px;
    font-weight: 600;
    line-height: 1.4;
}

.faq-count {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 70px;
    height: 70px;
    border: 1px solid #e4e9e4;
    border-radius: 50%;
    background: #f8f9f5;
}

.faq-count strong {
    color: var(--green, #07513d);
    font-family: "Playfair Display", serif;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.15;
}

.faq-count span {
    margin-top: 3px;
    color: var(--muted, #6b7c75);
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.3px;
}


/* INDIVIDUAL FAQ ITEM */

.faq-accordion {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.faq-item {
    overflow: hidden;
    border: 1px solid #e4e9e4 !important;
    border-radius: 5px !important;
    background: #ffffff;
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.faq-item:hover {
    border-color: #cbd9d0 !important;
}

.faq-item:has(.accordion-button:not(.collapsed)) {
    border-color: rgba(7, 81, 61, 0.35) !important;
    box-shadow: 0 8px 24px rgba(3, 55, 42, 0.055);
}

.faq-item .accordion-header {
    margin: 0;
}

.faq-item .accordion-button {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 21px 22px;
    background: #ffffff;
    color: var(--text, #18352c);
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.65;
    box-shadow: none;
}

.faq-item .accordion-button:not(.collapsed) {
    background: #f7f9f5;
    color: var(--green, #07513d);
}

.faq-item .accordion-button:focus {
    border-color: transparent;
    box-shadow: none;
}

.faq-item .accordion-button::after {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    background-size: 16px;
    opacity: 0.8;
}

.faq-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    border: 1px solid #e5e9e4;
    border-radius: 3px;
    background: #f8f9f5;
    color: #8b9b91;
    font-size: 11px;
    font-weight: 700;
    transition: all 0.25s ease;
}

.faq-item .accordion-button:not(.collapsed) .faq-number {
    border-color: var(--green, #07513d);
    background: var(--green, #07513d);
    color: #ffffff;
}

.faq-question-text {
    flex: 1;
    min-width: 0;
}

.faq-item .accordion-body {
    padding: 0 25px 24px 71px;
    background: #f7f9f5;
    color: var(--muted, #6b7c75);
    font-family: "DM Sans", sans-serif;
    font-size: 13.5px;
    line-height: 1.95;
}

.faq-item .accordion-body p {
    margin-bottom: 12px;
}

.faq-item .accordion-body p:last-child {
    margin-bottom: 0;
}

.faq-requirement-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 12px 0 16px;
}

.faq-requirement-list span {
    display: inline-block;
    padding: 7px 11px;
    border: 1px solid #e0e7df;
    border-radius: 3px;
    background: #ffffff;
    color: var(--text, #18352c);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.5;
}

.faq-item .accordion-body .faq-answer-note {
    margin-top: 15px;
}


/* BOTTOM CTA */

.faq-cta-section {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 86px 0;
    background: var(--dark, #03372a);
    color: #ffffff;
}

.faq-cta-content {
    position: relative;
    z-index: 2;
    max-width: 760px;
    margin: 0 auto;
    text-align: center;
}

.faq-cta-label {
    display: inline-block;
    margin-bottom: 17px;
    color: #e3c27b;
    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.2px;
}

.faq-cta-content h2 {
    margin: 0 0 18px;
    color: #ffffff;
    font-family: "Playfair Display", serif;
    font-size: clamp(32px, 4vw, 45px);
    font-weight: 600;
    line-height: 1.3;
}

.faq-cta-content h2 span {
    color: #dfbd73;
}

.faq-cta-content p {
    max-width: 620px;
    margin: 0 auto 29px;
    color: rgba(255, 255, 255, 0.78);
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    line-height: 1.9;
}

.faq-cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    min-height: 52px;
    padding: 15px 28px;
    border: 1px solid #d7b66c;
    border-radius: 3px;
    background: #d7b66c;
    color: #173b2f;
    font-family: "DM Sans", sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

.faq-cta-button:hover {
    border-color: #ffffff;
    background: transparent;
    color: #ffffff;
}

.faq-cta-button i {
    font-size: 17px;
    transition: transform 0.3s ease;
}

.faq-cta-button:hover i {
    transform: translateX(4px);
}

.faq-cta-circle {
    position: absolute;
    z-index: -1;
    border: 1px solid rgba(223, 189, 115, 0.22);
    border-radius: 50%;
    pointer-events: none;
}

.faq-cta-circle-one {
    top: -180px;
    left: -130px;
    width: 410px;
    height: 410px;
}

.faq-cta-circle-two {
    right: -100px;
    bottom: -260px;
    width: 480px;
    height: 480px;
}

.faq-cta-circle-one::after,
.faq-cta-circle-two::after {
    position: absolute;
    inset: 25px;
    border: 1px solid rgba(223, 189, 115, 0.12);
    border-radius: 50%;
    content: "";
}


/* ACCESSIBILITY */

.faq-item .accordion-button:focus-visible,
.faq-info-btn:focus-visible,
.faq-cta-button:focus-visible {
    outline: 3px solid #dfbd73;
    outline-offset: 3px;
}


/* =========================================
   CONTACT PAGE
   HERO + COMPANY DETAILS + FORM
========================================= */

.contact-page {
    --contact-green: #07513d;
    --contact-dark: #03372a;
    --contact-deep: #02251c;
    --contact-gold: #b78a32;
    --contact-cream: #f6f5ef;
    --contact-text: #18352c;
    --contact-muted: #6b7c75;
    --contact-border: #dce4de;

    color: var(--contact-text);
    font-family: "DM Sans", sans-serif;
}


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

.contact-hero-banner {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    min-height: 440px;
    overflow: hidden;

    background-color: var(--contact-deep);
    background-image: url("../images/contact/contact_hero.jpg");
    background-size: cover;
    background-position: center 48%;

    color: #ffffff;
}

.contact-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: -1;

    background: linear-gradient(
        90deg,
        rgba(2, 37, 28, 0.96) 0%,
        rgba(3, 55, 42, 0.88) 45%,
        rgba(3, 55, 42, 0.55) 100%
    );
}

.contact-hero-container {
    position: relative;
    z-index: 2;
    padding-top: 70px;
    padding-bottom: 70px;
}

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

.contact-hero-eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 25px;

    color: #e3c27b;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2.5px;
}

.contact-hero-eyebrow span {
    display: inline-block;
    width: 30px;
    height: 2px;
    background: var(--contact-gold);
}

.contact-hero-content h1 {
    margin: 0 0 23px;
    color: #ffffff;

    font-family: "Playfair Display", serif;
    font-size: clamp(45px, 5vw, 68px);
    font-weight: 600;
    line-height: 1.14;
    letter-spacing: -1px;
}

.contact-hero-content h1 span {
    color: #e3c27b;
}

.contact-hero-content > p {
    max-width: 720px;
    margin: 0 0 27px;

    color: rgba(255, 255, 255, 0.86);
    font-size: 15px;
    line-height: 1.95;
}

.contact-hero-content > p strong {
    color: #ffffff;
    font-weight: 600;
}

.contact-hero-breadcrumb {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 13px;
}

.contact-hero-breadcrumb a {
    color: #ffffff;
    text-decoration: none;
    transition: color 0.25s ease;
}

.contact-hero-breadcrumb a:hover {
    color: #e3c27b;
}

.contact-hero-breadcrumb i {
    color: #e3c27b;
    font-size: 11px;
}

.contact-hero-breadcrumb span {
    color: #e3c27b;
}

.contact-hero-decoration {
    position: absolute;
    right: -130px;
    bottom: -290px;
    width: 500px;
    height: 500px;
    border: 1px solid rgba(227, 194, 123, 0.25);
    border-radius: 50%;
    pointer-events: none;
}

.contact-hero-decoration::before {
    position: absolute;
    inset: 35px;
    border: 1px solid rgba(227, 194, 123, 0.15);
    border-radius: 50%;
    content: "";
}


/* =========================================
   CONTACT ENQUIRY SECTION
========================================= */

.contact-enquiry-section {
    padding: 80px 0 95px;
    background: #ffffff;
}

.contact-enquiry-layout {
    display: grid;
    grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.32fr);
    align-items: start;
    gap: 55px;
}


/* =========================================
   LEFT COLUMN
========================================= */

.contact-left-column {
    min-width: 0;
    padding-top: 4px;
}

.contact-section-eyebrow {
    display: inline-block;
    margin-bottom: 16px;

    color: var(--contact-gold);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
}

.contact-left-heading h2 {
    max-width: 500px;
    margin: 0 0 17px;

    color: var(--contact-dark);
    font-family: "Playfair Display", serif;
    font-size: clamp(30px, 3vw, 40px);
    font-weight: 600;
    line-height: 1.3;
}

.contact-left-heading h2 span {
    color: var(--contact-gold);
}

.contact-left-heading > p {
    max-width: 500px;
    margin: 0 0 27px;

    color: var(--contact-muted);
    font-size: 13px;
    line-height: 1.95;
}


/* =========================================
   SERVICE ITEMS
========================================= */

.contact-service-item {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 16px;
}

.contact-service-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 49px;
    width: 49px;
    height: 49px;

    background: #eaf1ed;
    color: var(--contact-green);
    font-size: 21px;

    transition:
        background 0.3s ease,
        color 0.3s ease;
}

.contact-service-item:hover .contact-service-icon {
    background: var(--contact-green);
    color: #ffffff;
}

.contact-service-content {
    min-width: 0;
}

.contact-service-content h3 {
    margin: 0 0 5px;
    color: var(--contact-dark);
    font-family: "DM Sans", sans-serif;
    font-size: 13px;
    font-weight: 700;
}

.contact-service-content p {
    margin: 0;
    color: var(--contact-muted);
    font-size: 12px;
    line-height: 1.7;
}


/* =========================================
   COMPANY CONTACT DETAILS
========================================= */

.contact-company-details {
    margin-top: 28px;
}

.contact-company-divider {
    width: 100%;
    height: 1px;
    margin-bottom: 23px;
    background: #e6ebe7;
}

.contact-details-heading {
    margin: 0 0 20px;
    color: var(--contact-dark);
    font-family: "Playfair Display", serif;
    font-size: 23px;
    font-weight: 600;
}

.contact-detail-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 18px;
}

.contact-detail-item:last-child {
    margin-bottom: 0;
}

.contact-detail-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 47px;
    width: 47px;
    height: 47px;

    background: #eaf1ed;
    color: var(--contact-green);
    font-size: 20px;

    transition:
        background 0.3s ease,
        color 0.3s ease;
}

.contact-detail-item:hover .contact-detail-icon {
    background: var(--contact-green);
    color: #ffffff;
}

.contact-detail-content {
    min-width: 0;
    padding-top: 3px;
}

.contact-detail-content h4 {
    margin: 0 0 5px;
    color: var(--contact-dark);
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    font-weight: 700;
}

.contact-detail-content > a:not(.contact-whatsapp-link) {
    display: inline-block;
    color: var(--contact-muted);
    font-size: 12px;
    line-height: 1.85;
    text-decoration: none;
    overflow-wrap: anywhere;
    transition: color 0.25s ease;
}

.contact-detail-content > a:not(.contact-whatsapp-link):hover {
    color: var(--contact-green);
}

.contact-whatsapp-link {
    display: flex;
    align-items: center;
    gap: 6px;
    width: fit-content;
    margin-top: 5px;

    color: var(--contact-green);
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;

    transition: color 0.25s ease;
}

.contact-whatsapp-link i {
    font-size: 14px;
}

.contact-whatsapp-link:hover {
    color: var(--contact-gold);
}


/* =========================================
   RIGHT COLUMN - FORM CARD
========================================= */

.contact-form-card {
    min-width: 0;
    padding: 36px 34px;
    background: var(--contact-cream);
    border: 1px solid rgba(225, 232, 228, 0.5);
}

.contact-form-heading {
    margin-bottom: 25px;
}

.contact-form-eyebrow {
    display: block;
    margin-bottom: 10px;
    color: var(--contact-gold);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.8px;
}

.contact-form-heading h2 {
    margin: 0 0 12px;
    color: var(--contact-dark);

    font-family: "Playfair Display", serif;
    font-size: clamp(28px, 2.5vw, 35px);
    font-weight: 600;
    line-height: 1.3;
}

.contact-form-heading p {
    margin: 0;
    color: var(--contact-muted);
    font-size: 12px;
    line-height: 1.8;
}

.contact-form-heading p span {
    color: #b36d2c;
    font-weight: 700;
}


/* =========================================
   FORM GRID AND FIELDS
========================================= */

.contact-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 19px 16px;
}

.contact-field {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.contact-field-full {
    grid-column: 1 / -1;
}

.contact-field label {
    margin-bottom: 8px;
    color: var(--contact-green);

    font-size: 9px;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.contact-field label span {
    color: #b36d2c;
}

.contact-field input,
.contact-field select,
.contact-field textarea {
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 47px;
    padding: 11px 12px;

    border: 1px solid var(--contact-border);
    border-radius: 0;
    outline: none;

    background: #ffffff;
    color: var(--contact-text);

    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    line-height: 1.65;

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

.contact-field input::placeholder,
.contact-field textarea::placeholder {
    color: #98a59d;
    opacity: 1;
}

.contact-field select {
    cursor: pointer;
}

.contact-field textarea {
    min-height: 105px;
    resize: vertical;
}

.contact-field input:focus,
.contact-field select:focus,
.contact-field textarea:focus {
    border-color: var(--contact-green);
    box-shadow: 0 0 0 3px rgba(7, 81, 61, 0.07);
}


/* =========================================
   SUBMIT BUTTON
========================================= */

.contact-submit-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;

    width: 100%;
    min-height: 53px;
    margin-top: 21px;
    padding: 14px 19px;

    border: 1px solid var(--contact-green);
    border-radius: 2px;

    background: var(--contact-green);
    color: #ffffff;

    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-align: left;

    cursor: pointer;

    transition:
        background 0.3s ease,
        border-color 0.3s ease;
}

.contact-submit-btn i {
    font-size: 17px;
    transition: transform 0.3s ease;
}

.contact-submit-btn:hover {
    border-color: var(--contact-dark);
    background: var(--contact-dark);
}

.contact-submit-btn:hover i {
    transform: translate(3px, -2px);
}

.contact-submit-btn:focus-visible {
    outline: 3px solid var(--contact-gold);
    outline-offset: 3px;
}

.contact-form-note {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    margin: 13px 0 0;

    color: var(--contact-muted);
    font-size: 10px;
    line-height: 1.7;
}

.contact-form-note i {
    flex-shrink: 0;
    color: var(--contact-green);
    font-size: 13px;
}


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

@media (max-width: 1199px) {
    .contact-enquiry-layout {
        grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
        gap: 35px;
    }

    .contact-form-card {
        padding: 30px 25px;
    }

    .contact-form-grid {
        gap: 18px 13px;
    }

    .contact-hero-content h1 {
        font-size: 58px;
    }
}


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

@media (max-width: 991px) {
    .contact-hero-banner {
        min-height: 390px;
    }

    .contact-hero-container {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .contact-enquiry-section {
        padding: 65px 0 75px;
    }

    .contact-enquiry-layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 40px;
    }

    .contact-left-column {
        max-width: 680px;
    }

    .contact-left-heading h2 {
        max-width: 600px;
        font-size: 36px;
    }

    .contact-left-heading > p {
        max-width: 620px;
    }

    .contact-company-details {
        max-width: 600px;
    }

    .contact-form-card {
        padding: 35px;
    }

    .contact-form-heading h2 {
        font-size: 33px;
    }
}


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

@media (max-width: 767px) {
    .contact-hero-banner {
        min-height: 350px;
        background-position: center;
    }

    .contact-hero-container {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .contact-hero-eyebrow {
        margin-bottom: 19px;
        font-size: 10px;
        letter-spacing: 2px;
    }

    .contact-hero-content h1 {
        margin-bottom: 18px;
        font-size: clamp(38px, 8vw, 52px);
        letter-spacing: -0.5px;
    }

    .contact-hero-content > p {
        font-size: 13px;
        line-height: 1.9;
    }

    .contact-hero-breadcrumb {
        font-size: 12px;
    }

    .contact-enquiry-section {
        padding: 48px 0 60px;
    }

    .contact-enquiry-layout {
        gap: 32px;
    }

    .contact-left-heading h2 {
        font-size: 31px;
    }

    .contact-left-heading > p {
        font-size: 13px;
    }

    .contact-service-item {
        gap: 13px;
        margin-bottom: 15px;
    }

    .contact-service-icon {
        flex-basis: 45px;
        width: 45px;
        height: 45px;
        font-size: 19px;
    }

    .contact-service-content h3 {
        font-size: 12px;
    }

    .contact-service-content p {
        font-size: 11px;
    }

    .contact-company-details {
        margin-top: 25px;
    }

    .contact-details-heading {
        font-size: 21px;
    }

    .contact-detail-item {
        gap: 13px;
        margin-bottom: 17px;
    }

    .contact-detail-icon {
        flex-basis: 43px;
        width: 43px;
        height: 43px;
        font-size: 19px;
    }

    .contact-detail-content h4 {
        font-size: 12px;
    }

    .contact-detail-content > a:not(.contact-whatsapp-link) {
        font-size: 12px;
    }

    .contact-form-card {
        padding: 27px 21px;
    }

    .contact-form-heading {
        margin-bottom: 23px;
    }

    .contact-form-heading h2 {
        font-size: 29px;
    }

    .contact-form-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 17px 12px;
    }

    .contact-field label {
        font-size: 9px;
        letter-spacing: 0.4px;
    }

    .contact-field input,
    .contact-field select,
    .contact-field textarea {
        min-height: 46px;
        padding: 10px;
        font-size: 11px;
    }

    .contact-field textarea {
        min-height: 100px;
    }

    .contact-submit-btn {
        min-height: 51px;
        padding: 13px 16px;
    }
}


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

@media (max-width: 480px) {
    .contact-hero-banner {
        min-height: 330px;
    }

    .contact-hero-content h1 {
        font-size: 36px;
        line-height: 1.2;
    }

    .contact-hero-content > p {
        font-size: 12px;
    }

    .contact-hero-decoration {
        right: -280px;
    }

    .contact-enquiry-section {
        padding: 40px 0 48px;
    }

    .contact-left-heading h2 {
        font-size: 28px;
    }

    .contact-form-card {
        padding: 24px 16px;
    }

    .contact-form-heading h2 {
        font-size: 26px;
    }

    .contact-form-heading p {
        font-size: 11px;
    }

    .contact-form-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 17px;
    }

    .contact-field-full {
        grid-column: auto;
    }

    .contact-field label {
        margin-bottom: 7px;
        font-size: 10px;
    }

    .contact-field input,
    .contact-field select,
    .contact-field textarea {
        min-height: 47px;
        padding: 11px;
    }

    .contact-field textarea {
        min-height: 110px;
    }

    .contact-submit-btn {
        font-size: 12px;
    }
}