/*
============================================================
NANDA FOOD EXPORT — PROPRIETARY SOURCE CODE
Copyright © 2026 PT. Nanda Food And Agriculture.
All Rights Reserved.

Unauthorized copying, modification, distribution, publication,
or reuse of this proprietary source code, in whole or in substantial
part, is prohibited without prior written permission from
PT. Nanda Food And Agriculture.

Third-party materials remain subject to their respective licenses.
============================================================
*/

/* ==========================================
   1.1 CONTACT HERO
========================================== */

.contact-hero{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    padding:18px 0 32px;
    background:
        radial-gradient(circle at 88% 20%,rgba(46,94,62,.07) 0%,transparent 32%),
        linear-gradient(180deg,#F9FBF9 0%,#FFFFFF 100%);
}

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

.breadcrumb{
    display:inline-flex;
    align-items:center;
    margin:0 0 1.5rem;
    padding:.65rem 1rem;
    border:1px solid rgba(46,94,62,.1);
    border-radius:999px;
    background:rgba(255,255,255,.88);
    box-shadow:0 8px 24px rgba(15,23,42,.05);
    backdrop-filter:blur(10px);
}

.breadcrumb ol{
    display:flex;
    align-items:center;
    gap:.7rem;
    margin:0;
    padding:0;
    list-style:none;
}

.breadcrumb li{
    display:flex;
    align-items:center;
    font-size:.88rem;
    font-weight:500;
    color:#64748B;
}

.breadcrumb li+li::before{
    content:"";
    width:5px;
    height:5px;
    margin-right:.7rem;
    border-radius:50%;
    background:#2E5E3E;
    opacity:.4;
}

.breadcrumb a{
    display:inline-flex;
    align-items:center;
    gap:.4rem;
    color:#2E5E3E;
    text-decoration:none;
    transition:color .3s ease;
}

.breadcrumb a i{
    font-size:1rem;
    transition:transform .3s ease,opacity .3s ease;
}

.breadcrumb a:hover{
    color:#183124;
}

.breadcrumb a:hover i{
    transform:scale(1.12);
    opacity:.6;
}

.breadcrumb li[aria-current="page"]{
    font-weight:600;
    color:#183124;
}

/* ==========================================
   1.3 HERO MEDIA
========================================== */

.contact-hero-wrapper{
    display:grid;
    grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);
    align-items:center;
    gap:4rem;
}

.contact-hero-media{
    display:flex;
    justify-content:flex-end;
    align-items:center;
}


/* ==========================================
   1.4 HERO TITLE
========================================== */

.contact-hero-content h1{
    max-width:650px;
    margin:0;
    color:var(--primary);
    font-size:clamp(2.45rem,3vw,3.45rem);
    font-weight:700;
    line-height:1.08;
    letter-spacing:-.03em;
}

.hero-description{
    max-width:610px;
    margin:1.4rem 0 0;
    color:#64748B;
    font-size:1.05rem;
    line-height:1.8;
}

/* ==========================================
   1.5 HERO ACTIONS
========================================== */

.hero-actions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:12px;
    margin:26px 0 24px;
}

.hero-actions .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:46px;
    padding:11px 20px;
    border-radius:10px;
    text-decoration:none;
    font-size:.9rem;
    font-weight:600;
    line-height:1.2;
    transition:
        background-color .3s ease,
        color .3s ease,
        border-color .3s ease,
        box-shadow .3s ease,
        transform .3s ease;
}

.hero-actions .btn i{
    font-size:1rem;
    line-height:1;
    transition:transform .3s ease;
}

.hero-actions .btn-primary{
    background:var(--primary);
    color:var(--white);
    box-shadow:0 8px 20px rgba(46,94,62,.16);
}

.hero-actions .btn-outline{
    background:#FFFFFF;
    color:var(--primary);
    border:1px solid rgba(46,94,62,.16);
    box-shadow:0 6px 18px rgba(15,23,42,.04);
}

/* Hover */

.hero-actions .btn-primary:hover{
    transform:translateY(-2px);
    background:#234A31;
    box-shadow:0 12px 26px rgba(46,94,62,.22);
}

.hero-actions .btn-primary:hover i{
    transform:translateX(2px);
}

.hero-actions .btn-outline:hover{
    transform:translateY(-2px);
    border-color:var(--primary);
    box-shadow:0 10px 24px rgba(15,23,42,.06);
}

/* ==========================================
   1.6 HERO CONTACT DETAILS
========================================== */

.hero-highlights{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px 22px;
    margin:0;
    padding:0;
    list-style:none;
}

.hero-highlights li{
    display:flex;
    align-items:center;
    gap:7px;
    color:#475569;
    font-size:.88rem;
    font-weight:500;
}

.hero-highlights i{
    flex:0 0 auto;
    color:#2E5E3E;
    font-size:1.05rem;
}

.hero-highlights a{
    color:#475569;
    text-decoration:none;
    transition:color .3s ease;
}

.hero-highlights a:hover{
    color:#2E5E3E;
}

.hero-highlights span{
    color:#475569;
}

/* ==========================================
   1.7 HERO IMAGE
========================================== */

.contact-hero-media{
    position:relative;
    margin:0;
}

.contact-hero-media::before{
    content:"";
    position:absolute;
    inset:8% -5% -6% 8%;
    border-radius:28px;
    background:#e8f1eb;
    transform:rotate(3deg);
}

.contact-hero-media img{
    position:relative;
    display:block;
    width:100%;
    max-width:600px;
    height:auto;
    margin-left:auto;
    border:5px solid #fff;
    border-radius:26px;
    object-fit:cover;
    box-shadow:0 24px 55px rgba(15,23,42,.12);
}

/* ==========================================
   1.8 CONTACT HERO - MOBILE
========================================== */

@media(max-width:768px){

.contact-hero{
padding:14px 0 28px;
overflow:hidden;
}

.contact-hero .container{
padding-left:20px;
padding-right:20px;
}

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

.breadcrumb{
display:flex;
width:fit-content;
margin:0 auto 14px;
padding:9px 16px;
}

.breadcrumb ol{
gap:10px;
}

.breadcrumb li,
.breadcrumb a{
font-size:13px;
}

.breadcrumb a{
gap:7px;
}

.breadcrumb a i{
font-size:13px;
}

.breadcrumb li+li::before{
width:4px;
height:4px;
margin-right:10px;
}

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

.contact-hero-wrapper{
display:flex;
flex-direction:column;
align-items:center;
gap:0;
width:100%;
}

.contact-hero-content{
display:contents;
}

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

.hero-eyebrow{
display:none;
}

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

.contact-hero-content h1{
order:1;
max-width:330px;
margin:0 auto 12px;
font-size:clamp(1.72rem,5.8vw,1.95rem);
line-height:1.14;
font-weight:700;
letter-spacing:-.02em;
color:var(--primary);
text-align:center;
}

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

.hero-description{
order:2;
max-width:320px;
margin:0 auto 18px;
font-size:13.8px;
line-height:1.72;
color:var(--text-light);
text-align:justify;
text-justify:inter-word;
}

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

.contact-hero-media{
order:3;
position:relative;
display:flex;
justify-content:center;
align-items:center;
width:100%;
max-width:330px;
margin:0 auto 12px;
}

.contact-hero-media::before{
content:"";
position:absolute;
inset:10px -8px -8px;
border-radius:20px;
background:#EDF5EF;
transform:rotate(2deg);
z-index:0;
}

.contact-hero-media img{
position:relative;
z-index:2;
display:block;
width:100%;
max-width:250px;
height:auto;
margin:0 auto;
border:4px solid #fff;
border-radius:18px;
object-fit:cover;
box-shadow:0 14px 28px rgba(26,53,38,.12);
}

/* ==========================================
   HERO CONTACT DETAILS
========================================== */

.hero-highlights{
order:4;
display:flex;
justify-content:center;
align-items:center;
width:100%;
max-width:295px;
margin:0 auto 18px;
padding:0;
}

.hero-highlights li{
display:none;
}

.hero-highlights li:last-child{
display:flex;
align-items:center;
justify-content:center;
gap:7px;
font-size:12px;
line-height:1.5;
}

.hero-highlights li:last-child i{
font-size:14px;
color:var(--primary);
}

.hero-highlights li:last-child a{
color:var(--text-light);
font-weight:500;
text-decoration:none;
}

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

.hero-actions{
order:5;
display:flex;
flex-direction:column;
align-items:center;
gap:10px;
width:100%;
margin:0;
}

.hero-actions .btn{
display:flex;
align-items:center;
justify-content:center;
width:100%;
max-width:295px;
height:48px;
min-height:48px;
padding:0 22px;
font-size:14px;
}

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

.hero-floating-card{
display:none;
}

}

/* ==========================================
   1.9 CONTACT HERO - TABLET
========================================== */

@media(min-width:769px) and (max-width:1024px){

.contact-hero{
padding:20px 0 42px;
overflow:hidden;
}

.contact-hero .container{
padding-left:32px;
padding-right:32px;
}

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

.breadcrumb{
display:flex;
width:fit-content;
margin:0 auto 18px;
padding:10px 18px;
}

.breadcrumb ol{
gap:12px;
}

.breadcrumb li,
.breadcrumb a{
font-size:13.5px;
}

.breadcrumb a{
gap:8px;
}

.breadcrumb a i{
font-size:14px;
}

.breadcrumb li+li::before{
width:5px;
height:5px;
margin-right:12px;
}

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

.contact-hero-wrapper{
display:flex;
flex-direction:column;
align-items:center;
gap:0;
width:100%;
}

.contact-hero-content{
display:contents;
}

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

.hero-eyebrow{
display:none;
}

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

.contact-hero-content h1{
order:1;
max-width:580px;
margin:0 auto 14px;
font-size:clamp(2.15rem,4.5vw,2.75rem);
line-height:1.12;
font-weight:700;
letter-spacing:-.025em;
color:var(--primary);
text-align:center;
}

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

.hero-description{
order:2;
max-width:600px;
margin:0 auto 24px;
font-size:15px;
line-height:1.75;
color:var(--text-light);
text-align:center;
}

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

.contact-hero-media{
order:3;
position:relative;
display:flex;
justify-content:center;
align-items:center;
width:100%;
max-width:560px;
margin:0 auto 16px;
}

.contact-hero-media::before{
content:"";
position:absolute;
inset:14px -12px -10px;
border-radius:24px;
background:#EDF5EF;
transform:rotate(2deg);
z-index:0;
}

.contact-hero-media img{
position:relative;
z-index:2;
display:block;
width:100%;
max-width:390px;
height:auto;
margin:0 auto;
border:5px solid #fff;
border-radius:22px;
object-fit:cover;
box-shadow:0 18px 38px rgba(26,53,38,.11);
}

/* ==========================================
   HERO CONTACT DETAILS
========================================== */

.hero-highlights{
order:4;
display:flex;
justify-content:center;
align-items:center;
width:100%;
max-width:420px;
margin:0 auto 22px;
padding:0;
}

.hero-highlights li{
display:none;
}

.hero-highlights li:last-child{
display:flex;
align-items:center;
justify-content:center;
gap:8px;
font-size:13px;
line-height:1.5;
}

.hero-highlights li:last-child i{
font-size:15px;
color:var(--primary);
}

.hero-highlights li:last-child a{
color:var(--text-light);
font-weight:500;
text-decoration:none;
transition:color .3s ease;
}

.hero-highlights li:last-child a:hover{
color:var(--primary);
}

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

.hero-actions{
order:5;
display:flex;
justify-content:center;
align-items:center;
gap:12px;
width:100%;
margin:0;
}

.hero-actions .btn{
display:flex;
align-items:center;
justify-content:center;
width:auto;
min-width:220px;
height:48px;
min-height:48px;
padding:0 24px;
font-size:14px;
}

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

.hero-floating-card{
display:none;
}

}

/* ==========================================
   2.1 BUSINESS INQUIRY
========================================== */

.business-inquiry{
    position:relative;
    padding:64px 0 90px;
    background:#fff;
}

.business-inquiry-grid{
    display:grid;
    grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
    align-items:start;
    gap:64px;
}

/* ==========================================
   2.2 INQUIRY CONTENT
========================================== */

.inquiry-content{
    position:sticky;
    top:110px;
    max-width:480px;
}

.inquiry-content .section-label{
    display:inline-flex;
    align-items:center;
    margin-bottom:14px;
    color:var(--secondary);
    font-size:13px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.inquiry-content h2{
    margin:0 0 18px;
    color:var(--primary);
    font-size:clamp(2rem,2.6vw,2.65rem);
    font-weight:700;
    line-height:1.15;
    letter-spacing:-.025em;
}

.inquiry-description{
    max-width:460px;
    margin:0;
    color:var(--text-light);
    font-size:15px;
    line-height:1.8;
}

/* ==========================================
   2.3 INQUIRY GUIDE
========================================== */

.inquiry-guide{
    margin-top:34px;
    padding-top:28px;
    border-top:1px solid rgba(46,94,62,.1);
}

.inquiry-guide h3{
    margin:0 0 22px;
    color:var(--primary);
    font-size:1rem;
    font-weight:700;
}

.inquiry-guide ul{
    display:flex;
    flex-direction:column;
    gap:22px;
    margin:0;
    padding:0;
    list-style:none;
}

.inquiry-guide li{
    display:flex;
    align-items:flex-start;
    gap:14px;
}

.inquiry-guide li>i{
    flex:0 0 42px;
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border-radius:12px;
    background:#F1F7F3;
    color:var(--primary);
    font-size:18px;
}

.inquiry-guide li div{
    min-width:0;
    padding-top:1px;
}

.inquiry-guide strong{
    display:block;
    margin-bottom:4px;
    color:var(--primary);
    font-size:14px;
    font-weight:700;
    line-height:1.4;
}

.inquiry-guide li span{
    display:block;
    color:var(--text-light);
    font-size:13px;
    line-height:1.65;
}

/* ==========================================
   2.4 INQUIRY FORM WRAPPER
========================================== */

.inquiry-form-wrapper{
    position:relative;
    padding:36px;
    background:#fff;
    border:1px solid rgba(46,94,62,.09);
    border-radius:24px;
    box-shadow:0 18px 50px rgba(26,53,38,.07);
}

/* ==========================================
   2.5 INQUIRY FORM HEADER
========================================== */

.inquiry-form-header{
    margin-bottom:28px;
    padding-bottom:24px;
    border-bottom:1px solid rgba(46,94,62,.09);
}

.inquiry-form-header>span{
    display:block;
    margin-bottom:8px;
    color:var(--secondary);
    font-size:12px;
    font-weight:700;
    letter-spacing:.1em;
    text-transform:uppercase;
}

.inquiry-form-header h3{
    margin:0 0 8px;
    color:var(--primary);
    font-size:1.55rem;
    font-weight:700;
    line-height:1.25;
    letter-spacing:-.015em;
}

.inquiry-form-header p{
    max-width:600px;
    margin:0;
    color:var(--text-light);
    font-size:13.5px;
    line-height:1.7;
}

/* ==========================================
   2.6 INQUIRY FORM
========================================== */

.inquiry-form{
    width:100%;
}

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

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

.form-group label{
    margin-bottom:8px;
    color:var(--primary);
    font-size:13px;
    font-weight:600;
    line-height:1.4;
}

.form-group label span{
    color:#B42318;
}

.form-group input,
.form-group select,
.form-group textarea{
    width:100%;
    min-width:0;
    border:1px solid rgba(46,94,62,.14);
    border-radius:10px;
    background:#FCFDFC;
    color:var(--text);
    font-family:inherit;
    font-size:14px;
    outline:none;
    transition:border-color .25s ease,box-shadow .25s ease,background .25s ease;
}

.form-group input,
.form-group select{
    height:48px;
    padding:0 14px;
}

.form-group textarea{
    min-height:140px;
    padding:13px 14px;
    line-height:1.65;
    resize:vertical;
}

.form-group input::placeholder,
.form-group textarea::placeholder{
    color:#94A3B8;
    opacity:1;
}

.form-group select{
    cursor:pointer;
}

.form-group input:hover,
.form-group select:hover,
.form-group textarea:hover{
    border-color:rgba(46,94,62,.28);
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{
    background:#fff;
    border-color:var(--primary);
    box-shadow:0 0 0 3px rgba(46,94,62,.1);
}

.form-group-full{
    margin-top:20px;
}

/* ==========================================
   2.7 FORM SUBMIT
========================================== */

.form-submit{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-top:24px;
}

.form-submit .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:46px;
    padding:11px 22px;
    border:0;
    border-radius:10px;
    font-family:inherit;
    font-size:.9rem;
    font-weight:600;
    line-height:1.2;
    cursor:pointer;
    transition:
        background-color .3s ease,
        color .3s ease,
        box-shadow .3s ease,
        transform .3s ease;
}

.form-submit .btn i{
    font-size:1rem;
    line-height:1;
    transition:transform .3s ease;
}

.form-submit .btn-primary{
    background:var(--primary);
    color:var(--white);
    box-shadow:0 8px 20px rgba(46,94,62,.16);
}

.form-submit .btn-primary:hover{
    transform:translateY(-2px);
    background:#234A31;
    box-shadow:0 12px 26px rgba(46,94,62,.22);
}

.form-submit .btn-primary:hover i{
    transform:translateX(2px);
}

.form-submit p{
    margin:0;
    color:var(--text-light);
    font-size:11.5px;
    line-height:1.5;
    text-align:right;
}

.form-submit p span{
    color:#B42318;
    font-weight:600;
}

/* ==========================================
   2.8 FORM STATES
========================================== */

/* Validation */

.form-error{
display:block;
min-height:18px;
margin-top:6px;
color:#B42318;
font-size:12px;
font-weight:500;
line-height:1.45;
}

/* Invalid Fields */

.form-group input[aria-invalid="true"],
.form-group select[aria-invalid="true"],
.form-group textarea[aria-invalid="true"]{
border-color:#B42318;
background:#FFF8F7;
box-shadow:0 0 0 3px rgba(180,35,24,.08);
}

.form-group input[aria-invalid="true"]:focus,
.form-group select[aria-invalid="true"]:focus,
.form-group textarea[aria-invalid="true"]:focus{
border-color:#B42318;
box-shadow:0 0 0 3px rgba(180,35,24,.12);
}

/* Form Status */

.form-status{
display:none;
margin-top:18px;
padding:14px 16px;
border-radius:10px;
font-size:13px;
font-weight:500;
line-height:1.6;
}

.form-status.success{
display:block;
background:#F1F8F3;
border:1px solid rgba(46,94,62,.16);
color:#2E5E3E;
}

.form-status.error{
display:block;
background:#FFF4F2;
border:1px solid rgba(180,35,24,.18);
color:#B42318;
}

/* Submit Loading */

.button-spinner{
display:inline-flex;
align-items:center;
justify-content:center;
}

.button-spinner i{
font-size:1rem;
animation:button-spinner .8s linear infinite;
}

@keyframes button-spinner{

from{
transform:rotate(0deg);
}

to{
transform:rotate(360deg);
}

}

/* ==========================================
   2.8 BUSINESS INQUIRY - MOBILE
========================================== */

@media(max-width:768px){

.business-inquiry{
padding:54px 0 60px;
}

.business-inquiry .container{
padding-left:20px;
padding-right:20px;
}

.business-inquiry-grid{
display:grid;
grid-template-columns:1fr;
gap:32px;
width:100%;
}

/* ==========================================
   INQUIRY CONTENT
========================================== */

.inquiry-content{
position:static;
width:100%;
max-width:100%;
margin:0 auto;
text-align:center;
}

.inquiry-content .section-label{
justify-content:center;
margin-bottom:10px;
font-size:11px;
letter-spacing:.1em;
}

.inquiry-content h2{
max-width:330px;
margin:0 auto 12px;
font-size:clamp(1.72rem,5.8vw,1.95rem);
line-height:1.14;
letter-spacing:-.02em;
}

.inquiry-description{
max-width:320px;
margin:0 auto;
font-size:13.8px;
line-height:1.72;
text-align:justify;
text-justify:inter-word;
}

/* ==========================================
   INQUIRY GUIDE
========================================== */

.inquiry-guide{
max-width:330px;
margin:24px auto 0;
padding-top:22px;
text-align:left;
}

.inquiry-guide h3{
margin:0 0 16px;
font-size:.95rem;
text-align:center;
}

.inquiry-guide ul{
gap:14px;
}

.inquiry-guide li{
gap:11px;
}

.inquiry-guide li>i{
flex:0 0 38px;
width:38px;
height:38px;
border-radius:10px;
font-size:16px;
}

.inquiry-guide strong{
margin-bottom:2px;
font-size:13px;
}

.inquiry-guide li span{
font-size:12.5px;
line-height:1.55;
}

/* ==========================================
   INQUIRY FORM WRAPPER
========================================== */

.inquiry-form-wrapper{
width:100%;
padding:24px 18px;
border-radius:18px;
box-shadow:0 14px 36px rgba(26,53,38,.06);
}

/* ==========================================
   INQUIRY FORM HEADER
========================================== */

.inquiry-form-header{
margin-bottom:22px;
padding-bottom:20px;
text-align:center;
}

.inquiry-form-header>span{
margin-bottom:6px;
font-size:11px;
}

.inquiry-form-header h3{
margin:0 0 7px;
font-size:1.3rem;
line-height:1.25;
}

.inquiry-form-header p{
max-width:300px;
margin:0 auto;
font-size:12.5px;
line-height:1.65;
}

/* ==========================================
   INQUIRY FORM
========================================== */

.form-grid{
display:grid;
grid-template-columns:1fr;
gap:16px;
}

.form-group label{
margin-bottom:6px;
font-size:12.5px;
}

.form-group input,
.form-group select{
height:46px;
padding:0 13px;
font-size:13px;
}

.form-group textarea{
min-height:120px;
padding:12px 13px;
font-size:13px;
}

.form-group-full{
margin-top:16px;
}

/* ==========================================
   FORM SUBMIT
========================================== */

.form-submit{
display:flex;
flex-direction:column;
align-items:center;
gap:10px;
margin-top:20px;
}

.form-submit .btn{
width:100%;
max-width:295px;
min-height:48px;
padding:0 20px;
font-size:14px;
}

.form-submit p{
font-size:11px;
text-align:center;
}

}

/* ==========================================
   2.9 BUSINESS INQUIRY - TABLET
========================================== */

@media(min-width:769px) and (max-width:1024px){

.business-inquiry{
padding:64px 0 72px;
}

.business-inquiry .container{
padding-left:32px;
padding-right:32px;
}

.business-inquiry-grid{
display:grid;
grid-template-columns:1fr;
gap:42px;
max-width:760px;
margin:0 auto;
}

/* ==========================================
   INQUIRY CONTENT
========================================== */

.inquiry-content{
position:static;
max-width:640px;
margin:0 auto;
text-align:center;
}

.inquiry-content .section-label{
justify-content:center;
margin-bottom:12px;
font-size:12px;
}

.inquiry-content h2{
max-width:560px;
margin:0 auto 16px;
font-size:clamp(2rem,4vw,2.45rem);
line-height:1.15;
}

.inquiry-description{
max-width:600px;
margin:0 auto;
font-size:14.5px;
line-height:1.75;
}

/* ==========================================
   INQUIRY GUIDE
========================================== */

.inquiry-guide{
margin-top:28px;
padding-top:24px;
text-align:left;
}

.inquiry-guide h3{
margin:0 0 18px;
text-align:center;
}

.inquiry-guide ul{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px;
}

.inquiry-guide li{
display:flex;
flex-direction:column;
align-items:center;
gap:10px;
padding:18px 14px;
background:#F8FAF8;
border:1px solid rgba(46,94,62,.07);
border-radius:16px;
text-align:center;
}

.inquiry-guide li>i{
flex:0 0 40px;
width:40px;
height:40px;
font-size:17px;
}

.inquiry-guide li div{
padding:0;
}

.inquiry-guide strong{
margin-bottom:4px;
font-size:13.5px;
}

.inquiry-guide li span{
font-size:12.5px;
line-height:1.6;
}

/* ==========================================
   INQUIRY FORM WRAPPER
========================================== */

.inquiry-form-wrapper{
width:100%;
padding:32px;
border-radius:22px;
}

/* ==========================================
   INQUIRY FORM HEADER
========================================== */

.inquiry-form-header{
margin-bottom:24px;
padding-bottom:22px;
text-align:center;
}

.inquiry-form-header h3{
font-size:1.45rem;
}

.inquiry-form-header p{
max-width:560px;
margin:0 auto;
}

/* ==========================================
   INQUIRY FORM
========================================== */

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

.form-group-full{
margin-top:18px;
}

.form-submit{
margin-top:22px;
}

}

/* ==========================================
   3. FINAL CONTACT CTA
========================================== */

.contact-cta{
    position:relative;
    overflow:hidden;
    padding:3rem 0 3.75rem;
    background:linear-gradient(180deg,#FFFFFF 0%,#FBFCFB 100%);
}

.contact-cta::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        radial-gradient(circle at center,rgba(46,94,62,.045) 0%,transparent 68%);
}

.contact-cta .container{
    position:relative;
    max-width:880px;
    margin:0 auto;
    padding:3.5rem 4rem;
    text-align:center;
    background:rgba(255,255,255,.82);
    border:1px solid rgba(46,94,62,.08);
    border-radius:30px;
    backdrop-filter:blur(10px);
    box-shadow:
        0 10px 30px rgba(15,23,42,.04),
        0 24px 70px rgba(46,94,62,.05);
}

/* ==========================================
   3.1 CTA CONTENT
========================================== */

.cta-content{
    margin-bottom:2rem;
}

.cta-content .section-label{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-bottom:1rem;
    padding:.6rem 1.4rem;
    border-radius:999px;
    background:rgba(46,94,62,.08);
    color:var(--primary);
    font-size:.8rem;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.cta-content h2{
    position:relative;
    max-width:680px;
    margin:0 auto 1.4rem;
    color:var(--primary);
    font-size:clamp(2rem,2.9vw,2.8rem);
    font-weight:700;
    line-height:1.18;
    letter-spacing:-.025em;
}

.cta-content h2::after{
    content:"";
    display:block;
    width:84px;
    height:2px;
    margin:1rem auto 0;
    border-radius:999px;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(46,94,62,.55),
        transparent
    );
}

.cta-description{
    max-width:620px;
    margin:0 auto;
    color:var(--text-light);
    font-size:1rem;
    line-height:1.75;
}

/* ==========================================
   3.2 CTA ACTIONS
========================================== */

.cta-actions{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:1rem;
    margin-top:2rem;
}

.cta-actions .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.7rem;
    min-width:220px;
    min-height:52px;
    padding:.95rem 2rem;
    border-radius:999px;
    text-decoration:none;
    font-size:.95rem;
    font-weight:600;
    line-height:1.2;
    transition:
        background-color .3s ease,
        color .3s ease,
        border-color .3s ease,
        box-shadow .3s ease,
        transform .3s ease;
}

.cta-actions .btn i{
    font-size:1.05rem;
    line-height:1;
    transition:transform .3s ease;
}

/* Primary */

.cta-actions .btn-primary{
    background:var(--primary);
    border:2px solid var(--primary);
    color:var(--white);
    box-shadow:0 12px 28px rgba(46,94,62,.18);
}

.cta-actions .btn-primary:hover{
    transform:translateY(-3px);
    background:#234A31;
    border-color:#234A31;
    box-shadow:0 18px 36px rgba(46,94,62,.22);
}

.cta-actions .btn-primary:hover i{
    transform:translateX(3px);
}

/* Outline */

.cta-actions .btn-outline{
    background:#FFFFFF;
    border:2px solid rgba(46,94,62,.14);
    color:var(--primary);
    box-shadow:0 6px 18px rgba(15,23,42,.04);
}

.cta-actions .btn-outline,
.cta-actions .btn-outline span,
.cta-actions .btn-outline i{
    color:var(--primary);
}

.cta-actions .btn-outline:hover{
    transform:translateY(-3px);
    border-color:var(--primary);
    background:#FFFFFF;
    box-shadow:0 14px 30px rgba(15,23,42,.08);
}

.cta-actions .btn-outline:hover i{
    transform:translateX(3px);
}