/* =========================================
   MEGARIDGE WEBSITE CSS
   ========================================= */


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

:root {

    --navy: #0b1f33;
    --navy-light: #12324d;

    --green: #176b4d;
    --green-dark: #0f5139;

    --gold: #c9a227;
    --gold-light: #d7b634;

    --blue-logo: #2fa8d8;

    --white: #ffffff;

    --light: #f5f7f9;

    --gray: #667085;

    --dark: #17212b;

    --border: #e5e7eb;


    --shadow:
        0 12px 35px rgba(11,31,51,0.10);


    --shadow-hover:
        0 18px 45px rgba(11,31,51,0.15);


    --radius:14px;

}


/* =========================================
   RESET
   ========================================= */

* {

    margin:0;
    padding:0;
    box-sizing:border-box;

}


html {

    scroll-behavior:smooth;

}


body {

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    color:var(--dark);

    background:var(--white);

    line-height:1.7;

    overflow-x:hidden;

    padding-top:78px;

}


a {

    color:inherit;

    text-decoration:none;

}


img {

    max-width:100%;

    display:block;

}


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

.container {

    width:min(1180px,92%);

    margin-left:auto;
    margin-right:auto;

}


/* =========================================
   FIXED HEADER
   ========================================= */

header {

    background:var(--white);

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

    position:fixed;

    top:0;
    left:0;

    width:100%;

    z-index:1000;

    box-shadow:
        0 2px 10px rgba(0,0,0,0.08);

}


.navbar {

    display:flex;

    align-items:center;

    justify-content:space-between;

    min-height:72px;

}


/* =========================================
   BRAND / LOGO
   ========================================= */

.navbar-brand {

    display:flex;

    align-items:center;

    flex:0 1 auto;

    min-width:0;

}


.brand {

    display:flex;

    align-items:center;

    gap:10px;

    min-width:0;

}


.brand-logo {

    width:48px;

    height:48px;

    object-fit:contain;

}


.brand-text {

    display:flex;

    flex-direction:column;

    justify-content:center;

}


.logo {

    font-size:24px;

    font-weight:700;

    letter-spacing:2px;

    line-height:1.1;

    color:var(--blue-logo);

    white-space:nowrap;

}


.tagline {

    margin-top:3px;

    font-size:8px;

    font-weight:600;

    letter-spacing:1.5px;

    line-height:1;

    color:var(--navy);

    white-space:nowrap;

}


/* =========================================
   NAVIGATION
   ========================================= */

.nav-links {

    display:flex;

    align-items:center;

    gap:25px;

    list-style:none;

}


.nav-links a {

    position:relative;

    font-size:15px;

    font-weight:600;

    color:var(--navy);

    transition:
        color .25s ease;

}


.nav-links a:hover {

    color:var(--green);

}


.nav-links a.active {

    color:var(--green);

}


/* =========================================
   DIGITAL SOLUTIONS HEADER DROPDOWN
   DESKTOP = HOVER
   MOBILE/TABLET = JAVASCRIPT CLICK
   ========================================= */

.dropdown {

    position:relative;

}


/* -----------------------------------------
   DESKTOP DROPDOWN
   ----------------------------------------- */

.dropdown-menu {

    position:absolute;

    top:35px;

    left:0;

    min-width:220px;

    background:var(--white);

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

    border-radius:10px;

    box-shadow:var(--shadow);

    padding:12px 0;

    list-style:none;

    opacity:0;

    visibility:hidden;

    transform:
        translateY(10px);

    transition:
        opacity .25s ease,
        visibility .25s ease,
        transform .25s ease;

    z-index:2000;

}


/* DESKTOP HOVER ONLY */

.dropdown:hover > .dropdown-menu {

    opacity:1;

    visibility:visible;

    transform:
        translateY(0);

}


/* JAVASCRIPT OPEN STATE */

.dropdown.open > .dropdown-menu {

    opacity:1;

    visibility:visible;

    transform:
        translateY(0);

}


.dropdown-menu li {

    width:100%;

}


.dropdown-menu a {

    display:block;

    padding:10px 20px;

}


.dropdown-menu a:hover {

    background:var(--light);

    color:var(--green);

}


/* =========================================
   CONTACT BUTTON
   ========================================= */

.nav-cta {

    background:var(--green);

    color:var(--white)!important;

    padding:11px 18px;

    border-radius:8px;

}


.nav-cta:hover {

    background:var(--green-dark);

}


/* =========================================
   MOBILE MENU BUTTON
   ========================================= */

.menu-toggle {

    display:none;

    margin-left:auto;

    padding:8px;

    border:0;

    background:transparent;

    cursor:pointer;

    font-size:28px;

    line-height:1;

    color:var(--navy);

}


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

.hero {

    min-height:200px;

    padding:40px;

    display:flex;

    align-items:center;

    color:var(--white);

    background:
        linear-gradient(
            90deg,
            rgba(11,31,51,.96),
            rgba(11,31,51,.70)
        ),
        linear-gradient(
            135deg,
            var(--green),
            var(--navy)
        );

}


.hero-content {

    max-width:760px;

}


.hero h1 {

    font-size:
        clamp(30px,8vw,40px);

    line-height:1.1;

    margin-bottom:15px;

}


.hero h1 span {

    color:var(--gold-light);

}


.hero p {

    font-size:17px;

    max-width:680px;

    color:#e7edf2;

    margin-bottom:1px;

}


/* =========================================
   HERO BUTTON AREA
   ========================================= */

.hero-buttons {

    display:flex;

    flex-wrap:wrap;

    gap:14px;

}


/* =========================================
   HERO DIGITAL SOLUTIONS DROPDOWN
   ========================================= */

.hero-dropdown {

    position:relative;

    display:inline-block;

}


.hero-dropdown .btn {

    cursor:pointer;

}


.hero-dropdown-menu {

    position:absolute;

    top:calc(100% + 12px);

    right:0;

    width:260px;

    background:var(--white);

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

    border-radius:14px;

    box-shadow:
        0 18px 45px rgba(0,0,0,.20);

    padding:10px 0;

    opacity:0;

    visibility:hidden;

    transform:
        translateY(15px);

    transition:
        opacity .25s ease,
        visibility .25s ease,
        transform .25s ease;

    z-index:3000;

}


/* DESKTOP HOVER */

.hero-dropdown:hover > .hero-dropdown-menu {

    opacity:1;

    visibility:visible;

    transform:
        translateY(0);

}


/* JAVASCRIPT OPEN STATE */

.hero-dropdown.open > .hero-dropdown-menu {

    opacity:1;

    visibility:visible;

    transform:
        translateY(0);

}


.hero-dropdown-menu a {

    display:flex;

    align-items:center;

    padding:18px 25px;

    color:var(--navy);

    font-size:17px;

    font-weight:700;

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

}


.hero-dropdown-menu a:last-child {

    border-bottom:none;

}


.hero-dropdown-menu a:hover {

    background:var(--light);

    color:var(--green);

}


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

.btn {

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:13px 22px;

    border-radius:8px;

    font-weight:700;

    border:2px solid transparent;

    cursor:pointer;

    transition:.25s ease;

    text-align:center;

}


.btn-primary {

    background:var(--green);

    color:var(--white);

}


.btn-primary:hover {

    background:var(--green-dark);

    transform:
        translateY(-2px);

}


.btn-gold {

    background:var(--gold);

    color:var(--navy);

}


.btn-gold:hover {

    background:#b58e18;

    transform:
        translateY(-2px);

}


.btn-outline {

    border-color:
        rgba(255,255,255,.7);

    color:var(--white);

}


.btn-outline:hover {

    background:var(--white);

    color:var(--navy);

}


/* =========================================
   SECTIONS
   ========================================= */

.section {

    padding:90px 0;

}


.section-light {

    background:var(--light);

}


/* =========================================
   SECTION HEADING
   ========================================= */

.section-heading {

    text-align:center;

    max-width:720px;

    margin:
        0 auto 50px;

}


.section-heading .eyebrow {

    color:var(--green);

    font-size:14px;

    font-weight:800;

    text-transform:uppercase;

    letter-spacing:2px;

}


.section-heading h2 {

    color:var(--navy);

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

    line-height:1.2;

    margin:
        10px 0 15px;

}


.section-heading p {

    color:var(--gray);

}


.section-heading-left {

    text-align:left;

    margin:
        0 0 25px 0;

}


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

.page-hero {

    padding:70px 0;

    background:
        linear-gradient(
            135deg,
            var(--navy),
            var(--navy-light)
        );

    color:var(--white);

}


.page-hero h1 {

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

    line-height:1.15;

    margin-bottom:10px;

}


.page-hero p {

    max-width:650px;

    color:#dbe5ec;

}


/* =========================================
   GRIDS
   ========================================= */

.grid {

    display:grid;

    gap:25px;

}


.grid-2 {

    grid-template-columns:
        repeat(2,1fr);

}


.grid-3 {

    grid-template-columns:
        repeat(3,1fr);

}


.grid-4 {

    grid-template-columns:
        repeat(4,1fr);

}


/* =========================================
   CARDS
   ========================================= */

.card {

    background:var(--white);

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

    border-radius:var(--radius);

    padding:32px;

    box-shadow:var(--shadow);

    transition:
        transform .25s ease,
        box-shadow .25s ease;

}


.card:hover {

    transform:
        translateY(-4px);

    box-shadow:
        var(--shadow-hover);

}


.card-icon {

    width:55px;

    height:55px;

    display:grid;

    place-items:center;

    background:#e8f4ef;

    color:var(--green);

    border-radius:12px;

    font-size:25px;

    margin-bottom:20px;

}


.card h3 {

    color:var(--navy);

    margin-bottom:10px;

    font-size:22px;

    line-height:1.3;

}


.card p {

    color:var(--gray);

    margin-bottom:14px;

}


.card .btn {

    margin-top:20px;

}


/* =========================================
   DIGITAL SOLUTIONS CARD BUTTONS
   ========================================= */

.digital-buttons {

    display:flex;

    gap:12px;

    flex-wrap:wrap;

}


/* =========================================
   TWO COLUMN LAYOUT
   ========================================= */

.two-column {

    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:55px;

    align-items:center;

}


.content h2 {

    color:var(--navy);

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

    line-height:1.2;

    margin-bottom:20px;

}


.content p {

    color:var(--gray);

    margin-bottom:16px;

}


/* =========================================
   CHECK LIST
   ========================================= */

.check-list {

    list-style:none;

    margin-top:25px;

}


.check-list li {

    position:relative;

    margin-bottom:12px;

    color:var(--dark);

    font-weight:600;

    padding-left:25px;

}


.check-list li::before {

    content:"✓";

    position:absolute;

    left:0;

    color:var(--green);

    font-weight:900;

}


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

.cta {

    background:
        linear-gradient(
            135deg,
            var(--green),
            var(--green-dark)
        );

    color:var(--white);

    padding:70px 0;

}


.cta-inner {

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:30px;

}


.cta h2 {

    font-size:
        clamp(28px,4vw,38px);

    line-height:1.2;

    margin-bottom:10px;

}


.cta p {

    color:#dceee7;

}


/* =========================================
   CONTACT INFORMATION
   ========================================= */

.contact-info {

    display:grid;

    gap:18px;

}


.contact-item {

    display:flex;

    align-items:flex-start;

    gap:15px;

    padding:18px;

    background:var(--light);

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

    border-radius:10px;

}


.contact-icon {

    width:45px;

    height:45px;

    flex-shrink:0;

    display:grid;

    place-items:center;

    background:#e8f4ef;

    border-radius:10px;

    font-size:20px;

}


.contact-item h3 {

    color:var(--navy);

    font-size:18px;

    margin-bottom:3px;

}


.contact-item p {

    margin:0;

    color:var(--gray);

}


.contact-item a {

    color:var(--green);

    font-weight:600;

}


.contact-item a:hover {

    color:var(--green-dark);

    text-decoration:underline;

}


/* =========================================
   CONTACT FORM
   ========================================= */

.form-card,
.contact-form-card {

    background:var(--white);

    border-radius:var(--radius);

    box-shadow:var(--shadow);

    padding:35px;

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

}


.contact-form-card h2,
.form-card h2 {

    color:var(--navy);

    font-size:30px;

    line-height:1.2;

    margin-bottom:10px;

}


.contact-form-card p,
.form-card p {

    color:var(--gray);

    margin-bottom:25px;

}


.form-group {

    margin-bottom:18px;

}


.form-group label {

    display:block;

    margin-bottom:7px;

    font-weight:700;

    color:var(--navy);

}


.form-group input,
.form-group select,
.form-group textarea {

    width:100%;

    padding:13px 14px;

    border:
        1px solid #d5d9de;

    border-radius:8px;

    background:var(--white);

    color:var(--dark);

    font:inherit;

    outline:none;

}


.form-group textarea {

    min-height:150px;

    resize:vertical;

}


.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {

    border-color:var(--green);

    box-shadow:
        0 0 0 3px rgba(23,107,77,.10);

}


/* =========================================
   FOOTER
   ========================================= */

footer {

    background:var(--navy);

    color:var(--white);

    padding:
        45px 0 20px;

}


.footer-grid {
    display:block;
    margin-bottom:25px;
}


footer h3 {

    color:var(--white);

    margin-bottom:15px;

}


footer p,
footer a {

    color:#c5d0d9;

}


footer a:hover {

    color:var(--white);

}


.footer-brand {

    margin-bottom:10px;

}


.footer-brand .logo {

    color:var(--blue-logo);

}


.footer-brand .tagline {

    color:var(--white);

    opacity:.85;

}


/* =========================================
   FOOTER QUICK LINKS
   DESKTOP = ONE LINE
   MOBILE = MULTI ROW
   ========================================= */

.footer-links {

    display:flex;

    align-items:center;

    flex-wrap:nowrap;

    gap:0;

    margin:0;

    padding:0;

    list-style:none;

    white-space:nowrap;

}


.footer-links > li {

    display:flex;

    align-items:center;

    width:auto;

    flex-shrink:0;

    margin:0;

    padding:0;

}


.footer-links > li:not(:last-child)::after {

    content:"|";

    margin:
        0 12px;

    opacity:.6;

}


.footer-links > li > a {

    display:inline-block;

    width:auto;

    margin:0;

    padding:0;

    background:transparent;

    color:#c5d0d9;

    white-space:nowrap;

    text-decoration:none;

}


.footer-links > li > a:hover {

    background:transparent;

    color:var(--gold);

}


/* =========================================
   FOOTER MOBILE TAP
   ========================================= */

.footer-links a {

    -webkit-tap-highlight-color:transparent;

}


.footer-links a:active,
.footer-links a:focus,
.footer-links a:focus-visible {

    background:transparent;

    outline:none;

    box-shadow:none;

}


/* =========================================
   FOOTER BOTTOM
   ========================================= */

.footer-bottom {

    padding-top:20px;

    border-top:
        1px solid rgba(255,255,255,.12);

    color:#aebbc5;

    font-size:14px;

}


/* =========================================
   SCROLL TO TOP
   ========================================= */

.scroll-top {

    position:fixed;

    right:22px;

    bottom:22px;

    width:50px;

    height:50px;

    border:none;

    border-radius:50%;

    background:var(--navy);

    color:var(--white);

    font-size:25px;

    font-weight:bold;

    cursor:pointer;

    display:grid;

    place-items:center;

    opacity:0;

    visibility:hidden;

    transform:
        translateY(10px);

    transition:.3s ease;

    box-shadow:
        0 8px 25px rgba(0,0,0,.20);

    z-index:1999;

}


.scroll-top.show {

    opacity:1;

    visibility:visible;

    transform:
        translateY(0);

}


.scroll-top:hover {

    background:var(--green);

}


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

@media (max-width:900px) {

    .navbar {

        min-height:72px;

        position:relative;

        width:100%;

        display:flex;

        align-items:center;

        justify-content:space-between;

    }


    /* =====================================
       MOBILE MENU BUTTON
       ===================================== */

    .menu-toggle {

        display:block;

        margin-left:auto;

        flex-shrink:0;

        padding:8px;

        font-size:28px;

        color:var(--navy);

    }


    /* =====================================
       MOBILE / TABLET NAVIGATION
       ===================================== */

    .nav-links {

        position:absolute;

        top:72px;

        left:0;

        width:100%;

        background:var(--white);

        flex-direction:column;

        align-items:stretch;

        gap:0;

        padding:15px 5%;

        display:none;

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

        box-shadow:
            0 10px 25px rgba(0,0,0,.08);

    }


    .nav-links.show {

        display:flex;

    }


    .nav-links li {

        width:100%;

    }


    .nav-links > li > a {

        display:block;

        padding:11px 0;

    }


    /* =====================================
       DIGITAL SOLUTIONS SUBMENU
       HIDDEN UNTIL JS OPENS IT
       ===================================== */

    .dropdown-menu {

        position:static;

        display:block;

        width:100%;

        min-width:0;

        max-height:0;

        overflow:hidden;

        opacity:0;

        visibility:hidden;

        transform:none;

        box-shadow:none;

        border:none;

        border-radius:0;

        padding:0;

        margin:0;

        transition:
            max-height .25s ease,
            opacity .25s ease,
            visibility .25s ease;

    }


    .dropdown.open > .dropdown-menu {

        max-height:300px;

        opacity:1;

        visibility:visible;

    }


    .dropdown:hover > .dropdown-menu {

        max-height:0;

        opacity:0;

        visibility:hidden;

    }


    .dropdown.open:hover > .dropdown-menu {

        max-height:300px;

        opacity:1;

        visibility:visible;

    }


    .dropdown-menu a {

        padding:
            8px 0 8px 15px;

    }


    /* =====================================
       GRIDS
       ===================================== */

    .grid-2,
    .grid-3,
    .grid-4,
    .two-column,
    .footer-grid {

        grid-template-columns:1fr;

    }


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

    .cta-inner {

        flex-direction:column;

        align-items:flex-start;

    }


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

    /* .hero { min-height:500px; } */


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

    .hero-dropdown-menu {

        position:static;

        width:100%;

        margin-top:10px;

        box-shadow:none;

    }

}


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

@media (max-width:600px) {

    body {

        padding-top:68px;

    }


    /* -------------------------------------
       ONLY HEADER CONTAINER BECOMES FULL WIDTH
       ------------------------------------- */

    .navbar.container {

        width:100%;

        max-width:none;

        padding-left:20px;

        padding-right:20px;

    }


    .navbar {

        min-height:68px;

        width:100%;

    }


    /* -------------------------------------
       BRAND
       ------------------------------------- */

    .brand-logo {

        width:42px;

        height:42px;

    }


    .logo {

        font-size:21px;

        letter-spacing:1.5px;

    }


    .tagline {

        font-size:7px;

    }


    /* -------------------------------------
       HAMBURGER
       ------------------------------------- */

    .menu-toggle {

        display:block;

        margin-left:auto;

        flex-shrink:0;

        padding:8px;

        font-size:28px;

        line-height:1;

        color:var(--navy);

    }


    /* -------------------------------------
       MOBILE NAVIGATION
       ------------------------------------- */

    .nav-links {

        top:68px;

        left:0;

        width:100%;

        padding-left:20px;

        padding-right:20px;

    }


    /* -------------------------------------
       HERO
       ------------------------------------- */

    .hero {

        min-height:auto;

        padding:35px 0 40px;

    }


    .hero-buttons {

        flex-direction:column;

        align-items:stretch;

    }


    .hero-buttons .btn {

        width:100%;

    }


    .hero-dropdown {

        width:100%;

    }


    .hero-dropdown-menu {

        position:static;

        width:100%;

        margin-top:10px;

        box-shadow:none;

        max-height:0;

        overflow:hidden;

        opacity:0;

        visibility:hidden;

        transform:none;

        transition:
            max-height .25s ease,
            opacity .25s ease,
            visibility .25s ease;

    }


    .hero-dropdown.open > .hero-dropdown-menu {

        max-height:300px;

        opacity:1;

        visibility:visible;

    }


    /* -------------------------------------
       DIGITAL BUTTONS
       ------------------------------------- */

    .digital-buttons {

        flex-direction:column;

        width:100%;

    }


    .digital-buttons .btn {

        width:100%;

    }


    /* -------------------------------------
       SECTIONS
       ------------------------------------- */

    .section {

        padding:65px 0;

    }


    .card {

        padding:24px;

    }


    /* -------------------------------------
       CTA
       ------------------------------------- */

    .cta {

        padding:55px 0;

    }


    .cta .btn {

        width:100%;

    }


    /* -------------------------------------
       FOOTER QUICK LINKS
       MOBILE = MULTI ROW
       ------------------------------------- */

    .footer-links {

        display:flex;

        flex-wrap:wrap;

        align-items:center;

        gap:10px 0;

        white-space:normal;

        width:100%;

    }


    .footer-links > li {

        flex-shrink:0;

        width:auto;

    }


    .footer-links > li > a {

        white-space:nowrap;

    }


    .footer-links > li:not(:last-child)::after {

        margin:
            0 10px;

    }


    /* -------------------------------------
       SCROLL TOP
       ------------------------------------- */

    .scroll-top {

        width:46px;

        height:46px;

        right:20px;

        bottom:82px;

    }

}


/* =========================================
   ACCESSIBILITY
   ========================================= */

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {

    outline:
        3px solid rgba(47,168,216,.45);

    outline-offset:3px;

}


/* =========================================
   REDUCED MOTION
   ========================================= */

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

    html {

        scroll-behavior:auto;

    }


    *,
    *::before,
    *::after {

        transition:none!important;

        animation:none!important;

    }

}


/* =========================================
   HERO DIGITAL SOLUTIONS BUTTON
   ========================================= */

.btn-digital {

    background:transparent;

    border:
        2px solid var(--gold);

    color:var(--gold-light);

}


.btn-digital:hover {

    background:var(--gold);

    color:var(--navy);

}


.btn-digital .arrow {

    margin-left:10px;

    font-size:18px;

}


/* =========================================
   DIGITAL SOLUTIONS CARD BUTTON
   ========================================= */

.btn-digital-outline {

    border:
        2px solid var(--green);

    color:var(--green);

    background:var(--white);

}


.btn-digital-outline:hover {

    background:var(--green);

    color:var(--white);

    transform:
        translateY(-2px);

}


/* =========================================
   CONTACT PAGE MOBILE ORDER
   ========================================= */

@media (max-width:768px) {

    .contact-layout {

        display:flex;

        flex-direction:column;

    }


    .contact-layout > .content {

        order:2;

    }


    .contact-layout > .contact-form-card {

        order:1;

    }

}


.whatsapp-icon {

    color:#25D366;

}


.contact-icon svg {

    width:24px;

    height:24px;

    display:block;

}


/* =========================================
   CONTACT PAGE EQUAL HEIGHT COLUMNS
   ========================================= */

.contact-layout {

    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:48px;

    align-items:stretch;

}


.contact-layout > .content,
.contact-layout > .contact-form-card {

    height:100%;

}


.contact-layout > .content {

    display:flex;

    flex-direction:column;

    gap:28px;

}


.contact-layout > .contact-form-card {

    display:flex;

    flex-direction:column;

}


@media (max-width:768px) {

    .contact-layout {

        grid-template-columns:1fr;

    }


    .contact-layout > .contact-form-card {

        order:1;

    }


    .contact-layout > .content {

        order:2;

    }

}


.form-counter {

    margin-top:6px;

    font-size:0.85rem;

    text-align:right;

    opacity:0.7;

}


/* =========================================
   FORM PRIVACY CONSENT
   ========================================= */

.form-consent {

    margin-top:24px;

    padding:18px 20px;

    background:#f5f9f7;

    border-radius:8px;

}


/* Checkbox + consent text */

.consent-label {

    display:flex;

    align-items:flex-start;

    gap:12px;

    cursor:pointer;

    margin:0;

}


.consent-label input[type="checkbox"] {

    flex:0 0 auto;

    width:18px;

    height:18px;

    margin:3px 0 0 0;

    cursor:pointer;

}


.consent-text {

    margin:0;

    font-size:16px;

    line-height:1.5;

    font-weight:600;

}


/* Privacy policy text */

.consent-note {

    margin:
        10px 0 0 30px;

    font-size:15px;

    line-height:1.5;

}


.consent-note a {

    text-decoration:underline;

}


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

@media (max-width:600px) {

    .form-consent {

        padding:16px;

    }


    .consent-label {

        gap:10px;

    }


    .consent-text {

        font-size:15px;

        line-height:1.5;

    }


    .consent-note {

        margin-left:28px;

        font-size:14px;

    }

}





/* =========================================
   QUICK LINKS
   ========================================= */

.footer-quick-links {
    width:100%;
    margin-bottom:25px;
}

.footer-quick-links h3 {
    margin-bottom:12px;
}


/* =========================================
   CONTACT BELOW QUICK LINKS
   ========================================= */

.footer-contact {
    width:100%;
    margin-bottom:25px;
}

.footer-contact h3 {
    margin-bottom:12px;
}


/* =========================================
   CONTACT LINKS — ONE LINE
   ========================================= */

.footer-contact-links {
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    width:100%;
}


.footer-contact-links > a,
.footer-contact-location {
    display:inline-flex;
    align-items:center;
    gap:7px;

    color:#c5d0d9;

    font-size:14px;
    line-height:1.5;

    white-space:nowrap;
    flex-shrink:0;
}


.footer-contact-links > a {
    text-decoration:none;
}


.footer-contact-links > a:hover {
    color:var(--gold);
}


/* =========================================
   CONTACT SEPARATORS
   ========================================= */

.footer-contact-links > a::after {
    content:"|";

    margin-left:14px;
    margin-right:14px;

    color:#c5d0d9;
    opacity:.6;
}


/* =========================================
   CONTACT ICONS
   ========================================= */

.footer-contact-icon {
    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:16px;

    font-size:14px;
    line-height:1;

    color:var(--gold);

    flex-shrink:0;
}


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

@media (max-width:600px) {

    .footer-contact-links {
        flex-wrap:wrap;
        gap:10px 0;
    }

    .footer-contact-links > a,
    .footer-contact-location {
        white-space:normal;
    }

    .footer-contact-links > a::after {
        display:none;
    }

}

.card-icon img {
    width:32px;
    height:32px;
    object-fit:contain;
}

/* =========================================================
   MEGARIDGE - RICE EXPORT PAGE
   PAGE-SPECIFIC STYLES
   ========================================================= */


/* =========================================================
   BREADCRUMB
   ========================================================= */

.breadcrumb {
    margin-bottom: 20px;
    font-size: 14px;
    color: var(--gray);
}

.breadcrumb a {
    color: var(--green);
    text-decoration: none;
}

.breadcrumb a:hover {
    text-decoration: underline;
}


/* =========================================================
   PRODUCT CARDS
   ========================================================= */

.product-card {
    text-align: left;
    overflow: hidden;
}

.product-card .card-icon {
    width: 100%;
    height: 180px;
    margin-bottom: 20px;
    padding: 0;
    background: transparent;
    border-radius: 10px;
    overflow: hidden;
}

.product-card .card-icon img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 10px;
}

.product-card h3 {
    margin-bottom: 10px;
}

.product-card p {
    margin-bottom: 15px;
}

.product-meta {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
}

.product-meta li {
    padding: 7px 0;
    border-bottom: 1px solid var(--border);
    font-size: 14px;
    color: var(--gray);
}

.product-meta li:last-child {
    border-bottom: none;
}

.product-meta strong {
    color: var(--dark);
}


/* =========================================================
   PRODUCT LABEL
   ========================================================= */

.product-availability {
    display: inline-block;
    padding: 5px 11px;
    margin-bottom: 12px;

    background: #eef6f2;
    color: var(--green-dark);

    border-radius: 20px;

    font-size: 12px;
    font-weight: 600;
}


/* =========================================================
   SPECIFICATION TABLE
   ========================================================= */

.spec-table-wrapper {
    width: 100%;
    overflow-x: auto;
    border-radius: var(--radius);
    box-shadow: var(--shadow);
}

.spec-table {
    width: 100%;
    border-collapse: collapse;
    background: var(--white);
}

.spec-table th,
.spec-table td {
    padding: 15px 18px;
    text-align: left;
    border-bottom: 1px solid var(--border);
}

.spec-table th {
    background: var(--navy);
    color: var(--white);
    font-weight: 600;
}

.spec-table td {
    color: var(--dark);
}

.spec-table tr:last-child td {
    border-bottom: none;
}




/* =========================================================
   TERMS / LISTS
   ========================================================= */

.terms-list {
    margin: 0;
    padding-left: 20px;
}

.terms-list li {
    margin-bottom: 10px;
    color: var(--gray);
}


/* =========================================================
   FAQ
   ========================================================= */

.faq-item {
    text-align: left;
}

.faq-item h3 {
    margin-bottom: 10px;
}


/* =========================================================
   SECTION NOTE
   ========================================================= */

.section-note {
    max-width: 850px;
    margin: -10px auto 35px;
    text-align: center;
    color: var(--gray);
}


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

.quote-box {
    max-width: 850px;
    margin: 0 auto;
    text-align: center;
}


/* =========================================================
   EXPORT ICON CARDS
   ========================================================= */

.export-term-card {
    text-align: left;
}

.export-term-card .card-icon {
    font-size: 28px;
}


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

@media (max-width: 900px) {

    .product-card .card-icon {
        height: 200px;
    }

}


@media (max-width: 600px) {

    .product-card .card-icon {
        height: 190px;
    }

    .spec-table th,
    .spec-table td {
        padding: 12px 14px;
        font-size: 14px;
    }

    .process-number {
        width: 44px;
        height: 44px;
    }

}



/* =========================================
           RICE PAGE VARIABLES
           ========================================= */

        .rice-page {
            --rice-navy: #0b1f33;
            --rice-green: #176b4d;
            --rice-green-dark: #0f5139;
            --rice-gold: #c9a227;
            --rice-light: #f5f7f9;
            --rice-border: #e5e7eb;
            --rice-gray: #667085;
            --rice-radius: 18px;
        }


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

        .rice-hero {
            position: relative;
            overflow: hidden;
            padding: 125px 0 90px;
            background:
                linear-gradient(
                    135deg,
                    rgba(11,31,51,0.97),
                    rgba(18,50,77,0.92)
                ),
                url("/images/rice-export.jpg")
                center / cover no-repeat;
            color: var(--white);
        }

        .rice-hero::before {
            content: "";
            position: absolute;
            width: 380px;
            height: 380px;
            border-radius: 50%;
            background: rgba(201,162,39,0.08);
            top: -180px;
            right: -100px;
        }

        .rice-hero::after {
            content: "";
            position: absolute;
            width: 250px;
            height: 250px;
            border-radius: 50%;
            background: rgba(23,107,77,0.12);
            bottom: -140px;
            left: -100px;
        }

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

        .rice-breadcrumb {
            margin-bottom: 28px;
            font-size: 14px;
            color: rgba(255,255,255,0.72);
        }

        .rice-breadcrumb a {
            color: rgba(255,255,255,0.82);
            text-decoration: none;
        }

        .rice-breadcrumb span {
            margin: 0 8px;
            color: var(--rice-gold);
        }

        .rice-hero-content {
            max-width: 850px;
        }

        .rice-eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 18px;
            padding: 8px 14px;
            border: 1px solid rgba(201,162,39,0.35);
            border-radius: 30px;
            background: rgba(255,255,255,0.06);
            color: #f0d56d;
            font-size: 13px;
            font-weight: 600;
            letter-spacing: 0.5px;
            text-transform: uppercase;
        }

        .rice-eyebrow::before {
            content: "";
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: var(--rice-gold);
        }

        .rice-hero h1 {
            max-width: 850px;
            margin-bottom: 20px;
            color: var(--white);
            font-size: clamp(42px, 6vw, 68px);
            line-height: 1.05;
            letter-spacing: -1.5px;
        }

        .rice-hero h1 span {
            color: #dfc14c;
        }

        .rice-hero-text {
            max-width: 760px;
            margin-bottom: 32px;
            color: rgba(255,255,255,0.84);
            font-size: 18px;
            line-height: 1.75;
        }

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

        .rice-hero-actions .btn {
            min-width: 175px;
        }

        .rice-hero-actions .btn-secondary {
            border-color: rgba(255,255,255,0.35);
            color: var(--white);
            background: rgba(255,255,255,0.06);
        }


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

        .rice-hero-stats {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            max-width: 850px;
            margin-top: 52px;
            border-top: 1px solid rgba(255,255,255,0.16);
            padding-top: 28px;
        }

        .rice-hero-stat {
            padding: 0 24px;
            border-right: 1px solid rgba(255,255,255,0.14);
        }

        .rice-hero-stat:first-child {
            padding-left: 0;
        }

        .rice-hero-stat:last-child {
            border-right: none;
        }

        .rice-hero-stat strong {
            display: block;
            margin-bottom: 5px;
            color: var(--white);
            font-size: 21px;
        }

        .rice-hero-stat span {
            color: rgba(255,255,255,0.62);
            font-size: 13px;
        }


        /* =========================================
           SECTION INTRO
           ========================================= */

        .rice-section-intro {
            max-width: 780px;
            margin: 0 auto 45px;
            text-align: center;
        }

        .rice-section-intro h2 {
            margin-bottom: 15px;
        }

        .rice-section-intro p {
            color: var(--rice-gray);
            line-height: 1.75;
        }

        .rice-kicker {
            display: block;
            margin-bottom: 10px;
            color: var(--rice-green);
            font-size: 13px;
            font-weight: 700;
            letter-spacing: 1px;
            text-transform: uppercase;
        }


        .rice-kicker2 {
            display: block;
            margin-bottom: 10px;
            color: var(--rice-gold);
            font-size: 13px;
            font-weight: 700;
            letter-spacing: 1px;
            text-transform: uppercase;
        }
		

        /* =========================================
           INTRO FEATURE
           ========================================= */

        .rice-intro-grid {
            display: grid;
            grid-template-columns: 1.05fr 0.95fr;
            gap: 55px;
            align-items: center;
        }

        .rice-intro-image {
            position: relative;
            overflow: hidden;
            border-radius: 22px;
            min-height: 390px;
            box-shadow: var(--shadow);
        }

        .rice-intro-image img {
            width: 100%;
            height: 100%;
            min-height: 390px;
            display: block;
            object-fit: cover;
        }

        .rice-image-badge {
            position: absolute;
            left: 24px;
            bottom: 24px;
            padding: 15px 20px;
            border-radius: 12px;
            background: rgba(11,31,51,0.92);
            color: var(--white);
            box-shadow: 0 12px 30px rgba(0,0,0,0.2);
        }

        .rice-image-badge strong {
            display: block;
            margin-bottom: 3px;
            font-size: 18px;
        }

        .rice-image-badge span {
            color: rgba(255,255,255,0.7);
            font-size: 12px;
        }

        .rice-intro-content h2 {
            margin-bottom: 18px;
        }

        .rice-intro-content p {
            margin-bottom: 18px;
            color: var(--rice-gray);
            line-height: 1.8;
        }

        .rice-highlight-list {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 13px 20px;
            margin-top: 25px;
        }

        .rice-highlight {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            color: var(--rice-navy);
            font-size: 14px;
            font-weight: 600;
        }

        .rice-highlight::before {
            content: "✓";
            flex: 0 0 auto;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 22px;
            height: 22px;
            border-radius: 50%;
            background: rgba(23,107,77,0.1);
            color: var(--rice-green);
            font-size: 12px;
            font-weight: 700;
        }


        /* =========================================
           VARIETY CARDS
           ========================================= */

        .rice-variety-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
        }

        .rice-variety-card {
            overflow: hidden;
            border: 1px solid var(--rice-border);
            border-radius: var(--rice-radius);
            background: var(--white);
            box-shadow: 0 8px 25px rgba(11,31,51,0.06);
            transition:
                transform 0.25s ease,
                box-shadow 0.25s ease,
                border-color 0.25s ease;
        }

        .rice-variety-card:hover {
            transform: translateY(-6px);
            border-color: rgba(201,162,39,0.5);
            box-shadow: var(--shadow-hover);
        }

        .rice-variety-image {
            position: relative;
            height: 215px;
            overflow: hidden;
            background: var(--rice-light);
        }

        .rice-variety-image img {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: cover;
            transition: transform 0.45s ease;
        }

        .rice-variety-card:hover .rice-variety-image img {
            transform: scale(1.04);
        }

        .rice-variety-tag {
            position: absolute;
            top: 14px;
            left: 14px;
            padding: 6px 10px;
            border-radius: 20px;
            background: rgba(11,31,51,0.88);
            color: var(--white);
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.3px;
        }

        .rice-variety-content {
            padding: 22px;
        }

        .rice-variety-content h3 {
            margin-bottom: 9px;
            color: var(--rice-navy);
            font-size: 20px;
        }

        .rice-variety-content p {
            min-height: 70px;
            margin-bottom: 17px;
            color: var(--rice-gray);
            font-size: 14px;
            line-height: 1.65;
        }

        .rice-variety-meta {
            display: flex;
            justify-content: space-between;
            gap: 10px;
            padding-top: 15px;
            border-top: 1px solid var(--rice-border);
        }

        .rice-variety-meta span {
            color: var(--rice-gray);
            font-size: 12px;
        }

        .rice-variety-meta strong {
            display: block;
            margin-top: 3px;
            color: var(--rice-navy);
            font-size: 13px;
        }


        /* =========================================
           SPECIFICATION TABLE
           ========================================= */

        .rice-spec-section {
            background: var(--rice-light);
        }

        .rice-spec-wrapper {
            overflow-x: auto;
            border: 1px solid var(--rice-border);
            border-radius: 18px;
            background: var(--white);
            box-shadow: 0 8px 28px rgba(11,31,51,0.06);
        }

        .rice-spec-table {
            width: 100%;
            min-width: 900px;
            border-collapse: collapse;
        }

        .rice-spec-table th,
        .rice-spec-table td {
            padding: 17px 18px;
            border-bottom: 1px solid var(--rice-border);
            text-align: left;
            vertical-align: middle;
            font-size: 13px;
        }

        .rice-spec-table th {
            background: var(--rice-navy);
            color: var(--white);
            font-size: 12px;
            font-weight: 700;
            letter-spacing: 0.2px;
        }

        .rice-spec-table td {
            color: var(--rice-gray);
        }

        .rice-spec-table td:first-child {
            color: var(--rice-navy);
            font-weight: 700;
        }

        .rice-spec-table tbody tr:last-child td {
            border-bottom: none;
        }

        .rice-spec-table tbody tr:hover td {
            background: #fafbfc;
        }


        /* =========================================
           QUALITY SECTION
           ========================================= */

        .rice-quality-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 24px;
        }

        .rice-info-panel {
            padding: 32px;
            border: 1px solid var(--rice-border);
            border-radius: 18px;
            background: var(--white);
            box-shadow: 0 8px 25px rgba(11,31,51,0.05);
        }

        .rice-info-panel h3 {
            margin-bottom: 18px;
            color: var(--rice-navy);
        }

        .rice-info-panel p {
            color: var(--rice-gray);
            line-height: 1.75;
        }

        .rice-check-list {
            display: grid;
            gap: 13px;
            margin-top: 20px;
        }

        .rice-check-item {
            display: flex;
            gap: 12px;
            align-items: flex-start;
            color: var(--rice-gray);
            font-size: 14px;
            line-height: 1.55;
        }

        .rice-check-item::before {
            content: "✓";
            flex: 0 0 auto;
            color: var(--rice-green);
            font-weight: 800;
        }


        /* =========================================
   PROCESS
   ========================================= */

.rice-process-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.rice-process-card {
    position: relative;
    min-width: 0;
    min-height: 210px;

    padding: 30px 28px;

    border: 1px solid var(--rice-border);
    border-radius: 16px;

    background: var(--white);

    box-shadow:
        0 8px 25px rgba(11,31,51,0.06);

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

.rice-process-card:hover {
    transform: translateY(-5px);

    border-color:
        rgba(201,162,39,0.45);

    box-shadow:
        var(--shadow-hover);
}

.process-number {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 48px;
    height: 48px;

    margin-bottom: 20px;

    border-radius: 50%;

    background: var(--rice-navy);
    color: var(--white);

    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.process-content h3 {
    margin: 0 0 10px;

    color: var(--rice-navy);

    font-size: 18px;
    line-height: 1.3;
}

.process-content p {
    margin: 0;

    color: var(--rice-gray);

    font-size: 14px;
    line-height: 1.7;
}


        /* =========================================
           TRADE TERMS
           ========================================= */

        .rice-trade-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
        }

        .rice-trade-grid2 {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 24px;
        }

        .rice-trade-card {
            position: relative;
            overflow: hidden;
            padding: 32px;
            border-radius: 18px;
            background: var(--rice-navy);
            color: var(--white);
        }

        .rice-trade-card::after {
            content: "";
            position: absolute;
            width: 110px;
            height: 110px;
            border-radius: 50%;
            right: -45px;
            bottom: -45px;
            background: rgba(201,162,39,0.12);
        }

        .rice-trade-card h3 {
            position: relative;
            z-index: 1;
            margin-bottom: 10px;
            color: var(--white);
            font-size: 22px;
        }

        .rice-trade-card p {
            position: relative;
            z-index: 1;
            margin: 0;
            color: rgba(255,255,255,0.7);
            font-size: 14px;
            line-height: 1.7;
        }


        /* =========================================
           COMMERCIAL TERMS
           ========================================= */

        .rice-commercial {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 24px;
        }

        .rice-commercial-card {
            padding: 30px;
            border: 1px solid var(--rice-border);
            border-radius: 18px;
            background: var(--rice-light);
        }

        .rice-commercial-card h3 {
            margin-bottom: 15px;
            color: var(--rice-navy);
        }

        .rice-commercial-card p {
            margin: 0;
            color: var(--rice-gray);
            line-height: 1.75;
        }


        /* =========================================
           DOCUMENTATION
           ========================================= */

        .rice-doc-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
        }

        .rice-doc-card {
            padding: 28px;
            border: 1px solid var(--rice-border);
            border-radius: 18px;
            background: var(--white);
        }

        .rice-doc-icon {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 46px;
            height: 46px;
            margin-bottom: 18px;
            border-radius: 12px;
            background: rgba(23,107,77,0.1);
            color: var(--rice-green);
            font-size: 20px;
            font-weight: 800;
        }

        .rice-doc-card h3 {
            margin-bottom: 12px;
            color: var(--rice-navy);
            font-size: 18px;
        }

        .rice-doc-card p {
            margin: 0;
            color: var(--rice-gray);
            font-size: 14px;
            line-height: 1.7;
        }


        /* =========================================
           WHY MEGARIDGE
           ========================================= */

        .rice-why-section {
            background: var(--rice-light);
        }

        .rice-why-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
        }

        .rice-why-card {
            padding: 32px 28px;
            border-radius: 18px;
            background: var(--white);
            border: 1px solid var(--rice-border);
        }

        .rice-why-number {
            margin-bottom: 20px;
            color: var(--rice-gold);
            font-size: 13px;
            font-weight: 800;
            letter-spacing: 1px;
        }

        .rice-why-card h3 {
            margin-bottom: 11px;
            color: var(--rice-navy);
            font-size: 19px;
        }

        .rice-why-card p {
            margin: 0;
            color: var(--rice-gray);
            font-size: 14px;
            line-height: 1.7;
        }


        /* =========================================
           FAQ
           ========================================= */

        .rice-faq {
            max-width: 900px;
            margin: 0 auto;
        }

        .rice-faq-item {
            margin-bottom: 12px;
            border: 1px solid var(--rice-border);
            border-radius: 14px;
            background: var(--white);
            overflow: hidden;
        }

        .rice-faq-item summary {
            position: relative;
            padding: 21px 55px 21px 22px;
            cursor: pointer;
            list-style: none;
            color: var(--rice-navy);
            font-size: 15px;
            font-weight: 700;
        }

        .rice-faq-item summary::-webkit-details-marker {
            display: none;
        }

        .rice-faq-item summary::after {
            content: "+";
            position: absolute;
            right: 22px;
            top: 50%;
            transform: translateY(-50%);
            color: var(--rice-green);
            font-size: 22px;
            font-weight: 400;
        }

        .rice-faq-item[open] summary::after {
            content: "−";
        }

        .rice-faq-answer {
            padding: 0 22px 22px;
            color: var(--rice-gray);
            font-size: 14px;
            line-height: 1.75;
        }


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

        .rice-final-cta {
            position: relative;
            overflow: hidden;
            padding: 70px 25px;
            border-radius: 24px;
            background:
                linear-gradient(
                    135deg,
                    var(--rice-navy),
                    #123b55
                );
            color: var(--white);
            text-align: center;
        }

        .rice-final-cta::before {
            content: "";
            position: absolute;
            width: 300px;
            height: 300px;
            border-radius: 50%;
            top: -180px;
            right: -80px;
            background: rgba(201,162,39,0.1);
        }

        .rice-final-cta-content {
            position: relative;
            z-index: 2;
            max-width: 750px;
            margin: 0 auto;
        }

        .rice-final-cta h2 {
            margin-bottom: 13px;
            color: var(--white);
        }

        .rice-final-cta p {
            margin-bottom: 28px;
            color: rgba(255,255,255,0.72);
            line-height: 1.7;
        }

        .rice-final-actions {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 13px;
        }


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

        @media (max-width: 1000px) {

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

            .rice-process-grid {
                grid-template-columns: repeat(3, 1fr);
            }

            .rice-doc-grid,
            .rice-why-grid {
                grid-template-columns: repeat(2, 1fr);
            }

        }


@media (max-width: 850px) {

    .rice-intro-grid,
    .rice-quality-grid,
    .rice-commercial {
        grid-template-columns: 1fr;
    }

    .rice-intro-image {
        min-height: 330px;
    }

    .rice-intro-image img {
        min-height: 330px;
    }

    .rice-trade-grid {
        grid-template-columns: 1fr;
    }

    /* Keep Rice Export Process 3 columns on tablet */
    .rice-process-grid {
        grid-template-columns: repeat(3, 1fr);
    }

}


        @media (max-width: 650px) {

            .rice-hero {
                padding: 105px 0 65px;
            }

            .rice-hero h1 {
                font-size: 42px;
            }

            .rice-hero-text {
                font-size: 16px;
            }

            .rice-hero-stats {
                grid-template-columns: 1fr;
                gap: 18px;
            }

            .rice-hero-stat {
                padding: 0;
                border-right: none;
            }

            .rice-highlight-list {
                grid-template-columns: 1fr;
            }

            .rice-variety-grid,
            .rice-process-grid,
            .rice-doc-grid,
            .rice-why-grid {
                grid-template-columns: 1fr;
            }

            .rice-process-card {
                min-height: auto;
            }

            .rice-final-cta {
                padding: 55px 20px;
                border-radius: 18px;
            }

        }


        @media (max-width: 480px) {

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

            .rice-hero-actions {
                flex-direction: column;
            }

            .rice-hero-actions .btn {
                width: 100%;
            }

            .rice-variety-content,
            .rice-info-panel,
            .rice-doc-card,
            .rice-why-card,
            .rice-commercial-card,
            .rice-trade-card {
                padding: 24px;
            }

        }
		
		
		
/* =========================================
   BUSINESS CREDENTIALS
   ========================================= */

.credentials-section {
    padding: 80px 0;
    background: #f7f8f6;
}

.credentials-section .section-heading {
    max-width: 760px;
    margin: 0 auto 45px;
    text-align: center;
}

.credentials-section .section-label {
    display: inline-block;
    margin-bottom: 12px;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--green);
}

.credentials-section h2 {
    margin-bottom: 15px;
}

.credentials-section .section-heading p {
    margin: 0 auto;
    color: #5f6b65;
    line-height: 1.7;
}

.credentials-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.credential-card {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 28px;
    background: #ffffff;
    border: 1px solid #e5e8e5;
    border-radius: 10px;
    transition: transform 0.25s ease,
                box-shadow 0.25s ease;
}

.credential-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(11, 31, 51, 0.08);
}

.credential-icon {
    flex: 0 0 52px;
    width: 52px;
    height: 52px;

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

    border-radius: 8px;
    background: var(--navy);
    color: #ffffff;

    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.credential-content h3 {
    margin: 0 0 8px;
    font-size: 1rem;
    color: var(--navy);
}

.credential-content p {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.6;
    color: #66716c;
}


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

@media (max-width: 900px) {

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

}


@media (max-width: 600px) {

    .credentials-section {
        padding: 60px 0;
    }

    .credentials-grid {
        grid-template-columns: 1fr;
    }

    .credential-card {
        padding: 22px;
    }

}