/* =========================================================
   AGRTA TECHNOLOGIES
   MODERN CONTACT PAGE
   ========================================================= */

.agrta-contact{
    color:#102846;
    background:#fff;
    font-family:inherit;
}

.agrta-contact *{
    box-sizing:border-box;
}

.ac-container{
    width:min(1180px,calc(100% - 48px));
    margin:0 auto;
}


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

.ac-hero{
    position:relative;
    min-height:390px;
    display:flex;
    align-items:center;
    overflow:hidden;

    background:
        linear-gradient(
            90deg,
            rgba(3,22,45,.88) 0%,
            rgba(3,22,45,.62) 45%,
            rgba(3,22,45,.28) 100%
        ),
        url('../images/contact-modern/contact-hero.jpg?v=20261003')
        center/cover no-repeat;
}

.ac-hero-overlay{
    position:absolute;
    inset:0;
    background:
        radial-gradient(
            circle at 82% 35%,
            rgba(42,130,255,.22),
            transparent 30%
        );
    pointer-events:none;
}

.ac-hero-inner{
    position:relative;
    z-index:2;
    padding:65px 0;
}

.ac-eyebrow,
.ac-section-label{
    display:flex;
    align-items:center;
    gap:10px;
    color:#2180ff;
    font-size:12px;
    font-weight:800;
    letter-spacing:2px;
    text-transform:uppercase;
}

.ac-eyebrow span{
    width:30px;
    height:2px;
    background:#2180ff;
}

.ac-hero h1{
    max-width:780px;
    margin:15px 0 18px;
    color:#fff;
    font-size:clamp(42px,5.5vw,68px);
    line-height:.98;
    letter-spacing:-3px;
}

.ac-hero h1 strong{
    display:block;
    color:#2990ff;
    font-weight:800;
}

.ac-hero p{
    max-width:720px;
    margin:0;
    color:rgba(255,255,255,.86);
    font-size:17px;
    line-height:1.7;
}

.ac-trust-row{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    margin-top:38px;
    border-top:1px solid rgba(255,255,255,.18);
    padding-top:22px;
}

.ac-trust-item{
    display:flex;
    align-items:center;
    gap:12px;
    padding-right:24px;
    border-right:1px solid rgba(255,255,255,.18);
}

.ac-trust-item:not(:first-child){
    padding-left:24px;
}

.ac-trust-item:last-child{
    border-right:0;
}

.ac-icon{
    width:40px;
    height:40px;
    flex:0 0 40px;
    display:grid;
    place-items:center;
    border:1px solid rgba(42,143,255,.7);
    border-radius:10px;
    color:#2990ff;
    font-size:18px;
}

.ac-trust-item strong{
    display:block;
    color:#fff;
    font-size:14px;
}

.ac-trust-item span{
    display:block;
    margin-top:3px;
    color:rgba(255,255,255,.62);
    font-size:11px;
}


/* =========================================================
   CONTACT AREA
   ========================================================= */

.ac-contact-section{
    padding:70px 0;
    background:#fff;
}

.ac-contact-grid{
    display:grid;
    grid-template-columns:.82fr 1.18fr;
    gap:28px;
}

.ac-info-card,
.ac-form-card{
    border:1px solid #dce7f4;
    border-radius:14px;
    background:#fff;
    box-shadow:0 15px 45px rgba(17,50,84,.07);
}

.ac-info-card{
    padding:38px;
    background:
        linear-gradient(
            145deg,
            #f7fbff,
            #fff
        );
}

.ac-form-card{
    padding:38px;
}

.ac-section-label{
    margin-bottom:10px;
}

.ac-info-card h2,
.ac-form-card h2{
    margin:0 0 10px;
    color:#102846;
    font-size:30px;
    line-height:1.15;
    letter-spacing:-1px;
}

.ac-intro,
.ac-form-card > p{
    margin:0;
    color:#536780;
    font-size:15px;
    line-height:1.7;
}

.ac-info-list{
    margin-top:30px;
}

.ac-info-row{
    display:flex;
    gap:16px;
    margin-bottom:25px;
}

.ac-round-icon{
    width:44px;
    height:44px;
    flex:0 0 44px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#e8f3ff;
    color:#1479f8;
    font-size:20px;
}

.ac-info-row strong{
    display:block;
    margin-bottom:4px;
    color:#102846;
    font-size:15px;
}

.ac-info-row span,
.ac-info-row a{
    display:block;
    color:#60738b;
    font-size:14px;
    line-height:1.55;
}

.ac-info-row a{
    color:#0878ed;
    font-weight:700;
    text-decoration:none;
}

.ac-small-button{
    display:inline-flex !important;
    width:max-content;
    margin-top:10px;
    padding:9px 14px;
    border:1px solid #b8d9ff;
    border-radius:8px;
    background:#edf7ff;
    color:#0878ed !important;
}

.ac-info-note{
    margin-top:30px;
    padding:18px 20px;
    border-left:3px solid #2180ff;
    background:#f2f7fc;
}

.ac-info-note strong{
    color:#102846;
}

.ac-info-note p{
    margin:6px 0 0;
    color:#60738b;
    font-size:13px;
    line-height:1.6;
}


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

.ac-form{
    margin-top:25px;
}

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

.ac-field{
    margin-bottom:18px;
}

.ac-field label{
    display:block;
    margin-bottom:7px;
    color:#203653;
    font-size:13px;
    font-weight:700;
}

.ac-field label span{
    color:#1680f7;
}

.ac-field label small{
    color:#8291a5;
    font-weight:500;
}

.ac-field input,
.ac-field select,
.ac-field textarea{
    width:100%;
    border:1px solid #d7e2ee;
    border-radius:8px;
    background:#fff;
    color:#203653;
    font:inherit;
    font-size:14px;
    outline:none;
    transition:.2s;
}

.ac-field input,
.ac-field select{
    height:46px;
    padding:0 13px;
}

.ac-field textarea{
    min-height:135px;
    padding:13px;
    resize:vertical;
}

.ac-field input:focus,
.ac-field select:focus,
.ac-field textarea:focus{
    border-color:#2180ff;
    box-shadow:0 0 0 3px rgba(33,128,255,.10);
}

.ac-field-help{
    margin-top:6px;
    color:#8594a6;
    font-size:11px;
}

.ac-submit{
    width:100%;
    min-height:48px;
    border:0;
    border-radius:7px;
    background:#1678f2;
    color:#fff;
    font:inherit;
    font-size:14px;
    font-weight:800;
    cursor:pointer;
    box-shadow:0 8px 20px rgba(22,120,242,.20);
}

.ac-submit:hover{
    background:#086be5;
}

.ac-submit span{
    margin-left:8px;
}

.ac-privacy{
    margin-top:12px;
    text-align:center;
    color:#8492a4;
    font-size:11px;
}

.ac-honeypot{
    position:absolute !important;
    left:-9999px !important;
    width:1px !important;
    height:1px !important;
    overflow:hidden !important;
}

.ac-form-notice{
    margin-bottom:25px;
    padding:15px 18px;
    border-radius:8px;
    font-size:14px;
    font-weight:600;
}

.ac-form-notice.success{
    border:1px solid #b8e4c5;
    background:#effaf2;
    color:#23733a;
}

.ac-form-notice.error{
    border:1px solid #f1c1c1;
    background:#fff4f4;
    color:#a62d2d;
}


/* =========================================================
   SERVICES
   ========================================================= */

.ac-services{
    padding:78px 0;
    background:#f4f8fc;
}

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

.ac-section-heading .ac-section-label{
    justify-content:center;
}

.ac-section-heading h2{
    margin:8px 0 12px;
    color:#102846;
    font-size:38px;
    letter-spacing:-1.5px;
}

.ac-section-heading p{
    margin:0;
    color:#62748a;
    font-size:15px;
    line-height:1.7;
}

.ac-service-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:15px;
}

.ac-service{
    position:relative;
    min-height:185px;
    padding:25px;
    border:1px solid #dce7f2;
    border-radius:11px;
    background:#fff;
    transition:.2s;
}

.ac-service:hover{
    transform:translateY(-3px);
    box-shadow:0 12px 30px rgba(17,50,84,.09);
}

.ac-service > span{
    color:#2180ff;
    font-size:11px;
    font-weight:800;
    letter-spacing:1px;
}

.ac-service strong{
    display:block;
    margin:15px 0 8px;
    color:#152d4a;
    font-size:16px;
}

.ac-service p{
    margin:0;
    color:#6b7c91;
    font-size:13px;
    line-height:1.6;
}


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

.ac-process{
    padding:78px 0;
    background:#fff;
}

.ac-process-grid{
    display:grid;
    grid-template-columns:1fr 40px 1fr 40px 1fr 40px 1fr;
    align-items:center;
}

.ac-process-step{
    text-align:center;
}

.ac-step-number{
    width:48px;
    height:48px;
    margin:0 auto 17px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#167df5;
    color:#fff;
    font-size:16px;
    font-weight:800;
    box-shadow:0 8px 20px rgba(22,125,245,.20);
}

.ac-process-step h3{
    margin:0 0 8px;
    color:#183250;
    font-size:16px;
}

.ac-process-step p{
    margin:0;
    color:#6c7d91;
    font-size:13px;
    line-height:1.65;
}

.ac-process-arrow{
    text-align:center;
    color:#2180ff;
    font-size:25px;
}


/* =========================================================
   LOWER SECTION
   ========================================================= */

.ac-lower{
    padding:75px 0;
    background:#f5f8fc;
}

.ac-lower-grid{
    display:grid;
    grid-template-columns:1fr 1.1fr .8fr;
    gap:25px;
}

.ac-location,
.ac-faq,
.ac-why{
    min-width:0;
}

.ac-location h2,
.ac-faq h2,
.ac-why h2{
    margin:7px 0 13px;
    color:#142c49;
    font-size:25px;
    letter-spacing:-.7px;
}

.ac-location > p{
    color:#65778d;
    font-size:13px;
    line-height:1.65;
}

.ac-map{
    height:285px;
    margin-top:20px;
    overflow:hidden;
    border:1px solid #dce5ef;
    border-radius:11px;
    background:#eaf0f6;
}

.ac-map iframe{
    width:100%;
    height:100%;
    border:0;
}

.ac-faq details{
    margin-bottom:8px;
    border:1px solid #dbe5ef;
    border-radius:7px;
    background:#fff;
}

.ac-faq summary{
    padding:14px 16px;
    color:#213955;
    font-size:13px;
    font-weight:700;
    cursor:pointer;
    list-style:none;
}

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

.ac-faq summary::after{
    content:"+";
    float:right;
    color:#1680f7;
    font-size:18px;
}

.ac-faq details[open] summary::after{
    content:"−";
}

.ac-faq details p{
    margin:0;
    padding:0 16px 15px;
    color:#6b7c91;
    font-size:12px;
    line-height:1.6;
}

.ac-why{
    padding:30px;
    border-radius:12px;
    background:
        linear-gradient(
            145deg,
            rgba(3,22,45,.96),
            rgba(7,42,77,.94)
        );
    color:#fff;
}

.ac-why h2{
    color:#fff;
}

.ac-why ul{
    margin:25px 0 0;
    padding:0;
    list-style:none;
}

.ac-why li{
    position:relative;
    margin-bottom:17px;
    padding-left:25px;
    color:rgba(255,255,255,.67);
    font-size:12px;
    line-height:1.55;
}

.ac-why li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    color:#39a0ff;
    font-weight:800;
}

.ac-why li strong{
    display:block;
    margin-bottom:2px;
    color:#fff;
}


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

.ac-final-cta{
    position:relative;
    overflow:hidden;
    background:
        linear-gradient(
            90deg,
            rgba(3,22,45,.88) 0%,
            rgba(3,22,45,.62) 50%,
            rgba(3,22,45,.30) 100%
        ),
        url('../images/contact-modern/contact-cta.jpg?v=20261003')
        center/cover no-repeat;
}

.ac-final-inner{
    min-height:235px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:35px;
}

.ac-final-inner h2{
    margin:7px 0 10px;
    color:#fff;
    font-size:39px;
    letter-spacing:-1.5px;
}

.ac-final-inner p{
    max-width:650px;
    margin:0;
    color:rgba(255,255,255,.75);
    font-size:14px;
}

.ac-final-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.ac-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:0 22px;
    border-radius:7px;
    text-decoration:none !important;
    font-size:13px;
    font-weight:800;
    white-space:nowrap;
}

.ac-button-primary{
    background:#1678f2;
    color:#fff !important;
}

.ac-button-outline{
    border:1px solid rgba(255,255,255,.5);
    color:#fff !important;
    background:rgba(255,255,255,.04);
}


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

@media(max-width:1000px){

    .ac-trust-row{
        grid-template-columns:1fr 1fr;
        row-gap:20px;
    }

    .ac-trust-item:nth-child(2){
        border-right:0;
    }

    .ac-service-grid{
        grid-template-columns:1fr 1fr;
    }

    .ac-lower-grid{
        grid-template-columns:1fr 1fr;
    }

    .ac-why{
        grid-column:1/-1;
    }

    .ac-process-grid{
        grid-template-columns:1fr 40px 1fr;
        row-gap:40px;
    }

    .ac-process-grid .ac-process-step:nth-of-type(4){
        grid-column:2;
    }
}


@media(max-width:760px){

    .ac-container{
        width:calc(100% - 32px);
    }

    .ac-hero{
        min-height:auto;
    }

    .ac-hero-inner{
        padding:55px 0;
    }

    .ac-hero h1{
        font-size:45px;
        letter-spacing:-2px;
    }

    .ac-trust-row{
        grid-template-columns:1fr;
    }

    .ac-trust-item,
    .ac-trust-item:not(:first-child){
        padding:0 0 16px;
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.14);
    }

    .ac-contact-grid,
    .ac-lower-grid{
        grid-template-columns:1fr;
    }

    .ac-service-grid{
        grid-template-columns:1fr;
    }

    .ac-process-grid{
        grid-template-columns:1fr;
    }

    .ac-process-arrow{
        display:none;
    }

    .ac-final-inner{
        padding:45px 0;
        min-height:auto;
        align-items:flex-start;
        flex-direction:column;
    }

    .ac-final-inner h2{
        font-size:32px;
    }

    .ac-form-grid{
        grid-template-columns:1fr;
    }

    .ac-info-card,
    .ac-form-card{
        padding:25px;
    }
}

/* =========================================================
   FINAL CONTACT PAGE — FRESH LOCAL BACKGROUNDS
   ========================================================= */

html body .agrta-contact .ac-hero {
    background-image:
        linear-gradient(
            90deg,
            rgba(3,22,45,.94) 0%,
            rgba(3,22,45,.84) 40%,
            rgba(3,22,45,.55) 75%,
            rgba(3,22,45,.42) 100%
        ),
        url('../images/contact-modern/contact-hero.jpg') !important;

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

html body .agrta-contact .ac-final-cta {
    position: relative !important;
    overflow: hidden !important;

    background-image:
        linear-gradient(
            90deg,
            rgba(3,22,45,.94) 0%,
            rgba(3,22,45,.82) 42%,
            rgba(3,22,45,.58) 100%
        ),
        url('../images/contact-modern/contact-cta.jpg') !important;

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

/* =========================================================
   ABSOLUTE FINAL — FORCE CONTACT BACKGROUNDS
   ========================================================= */

html body .agrta-contact .ac-hero {
    background: 
        linear-gradient(
            90deg,
            rgba(3,22,45,.88) 0%,
            rgba(3,22,45,.62) 45%,
            rgba(3,22,45,.28) 100%
        ),
        url("/wp-content/themes/agrta-custom/assets/images/contact-modern/contact-hero.jpg?v=20261003")
        center center / cover no-repeat !important;
}

html body .agrta-contact .ac-final-cta {
    background:
        linear-gradient(
            90deg,
            rgba(3,22,45,.88) 0%,
            rgba(3,22,45,.62) 50%,
            rgba(3,22,45,.30) 100%
        ),
        url("/wp-content/themes/agrta-custom/assets/images/contact-modern/contact-cta.jpg?v=20261003")
        center center / cover no-repeat !important;
}

/* Make sure decorative overlays cannot hide the photographs */
html body .agrta-contact .ac-hero::before,
html body .agrta-contact .ac-hero::after,
html body .agrta-contact .ac-final-cta::before,
html body .agrta-contact .ac-final-cta::after {
    pointer-events: none;
}

/* Keep content above backgrounds */
html body .agrta-contact .ac-hero > *,
html body .agrta-contact .ac-final-cta > * {
    position: relative;
    z-index: 5;
}


/* =========================================================
   CONTACT PAGE — DEFINITIVE BACKGROUND LAYER FIX
   ========================================================= */

/* HERO: photograph is its own layer */
html body .agrta-contact .ac-hero {
    position: relative !important;
    overflow: hidden !important;
    background: #03162d !important;
    isolation: isolate !important;
}

/* Put the actual photograph behind everything */
html body .agrta-contact .ac-hero::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: -2 !important;
    background-image: url("/wp-content/themes/agrta-custom/assets/images/contact-modern/contact-hero.jpg?v=20261003") !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Dark professional readability layer */
html body .agrta-contact .ac-hero::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: -1 !important;
    background:
        linear-gradient(
            90deg,
            rgba(3,22,45,.90) 0%,
            rgba(3,22,45,.72) 42%,
            rgba(3,22,45,.38) 72%,
            rgba(3,22,45,.25) 100%
        ) !important;
}

/* Disable the old overlay element */
html body .agrta-contact .ac-hero .ac-hero-overlay {
    display: none !important;
}

/* Keep hero content above both layers */
html body .agrta-contact .ac-hero .ac-hero-inner,
html body .agrta-contact .ac-hero > .ac-container {
    position: relative !important;
    z-index: 5 !important;
}


/* =========================================================
   FINAL CTA — DEFINITIVE BACKGROUND LAYER FIX
   ========================================================= */

html body .agrta-contact .ac-final-cta {
    position: relative !important;
    overflow: hidden !important;
    background: #03162d !important;
    isolation: isolate !important;
}

/* CTA photograph */
html body .agrta-contact .ac-final-cta::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: -2 !important;
    background-image: url("/wp-content/themes/agrta-custom/assets/images/contact-modern/contact-cta.jpg?v=20261003") !important;
    background-size: cover !important;
    background-position: center 42% !important;
    background-repeat: no-repeat !important;
}

/* CTA readability layer */
html body .agrta-contact .ac-final-cta::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: -1 !important;
    background:
        linear-gradient(
            90deg,
            rgba(3,22,45,.91) 0%,
            rgba(3,22,45,.70) 48%,
            rgba(3,22,45,.34) 100%
        ) !important;
}

/* CTA content above photograph */
html body .agrta-contact .ac-final-cta .ac-final-inner {
    position: relative !important;
    z-index: 5 !important;
}



/* =========================================================
   CLEAN CONTACT IMAGE LAYERS
   ========================================================= */

html body .agrta-contact .ac-hero {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
    background: #03162d !important;
}

html body .agrta-contact .ac-hero-image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
    z-index: 0 !important;
}

html body .agrta-contact .ac-hero-overlay {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    background:
        linear-gradient(
            90deg,
            rgba(3,22,45,.92) 0%,
            rgba(3,22,45,.78) 38%,
            rgba(3,22,45,.48) 70%,
            rgba(3,22,45,.28) 100%
        ) !important;
    pointer-events: none !important;
}

html body .agrta-contact .ac-hero-inner {
    position: relative !important;
    z-index: 2 !important;
}


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

html body .agrta-contact .ac-final-cta {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
    background: #03162d !important;
}

html body .agrta-contact .ac-final-cta-image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center 45% !important;
    z-index: 0 !important;
}

html body .agrta-contact .ac-final-cta-overlay {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    background:
        linear-gradient(
            90deg,
            rgba(3,22,45,.90) 0%,
            rgba(3,22,45,.74) 45%,
            rgba(3,22,45,.38) 100%
        ) !important;
    pointer-events: none !important;
}

html body .agrta-contact .ac-final-inner {
    position: relative !important;
    z-index: 2 !important;
}


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

@media (max-width: 700px) {

    html body .agrta-contact .ac-hero-image {
        object-position: 58% center !important;
    }

    html body .agrta-contact .ac-final-cta-image {
        object-position: 60% center !important;
    }

}


/* =========================================================
   FINAL APPROVED CONTACT HERO + CTA
   Targeted overrides only — October 2026
   ========================================================= */

/* HERO */
.agrta-contact .ac-hero{
    position:relative;
    min-height:516px;
    height:516px;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:#071d35 !important;
}

.agrta-contact .ac-hero-image{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center center;
    z-index:0;
}

.agrta-contact .ac-hero-overlay{
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:
        linear-gradient(
            90deg,
            rgba(3,22,45,.90) 0%,
            rgba(3,22,45,.68) 42%,
            rgba(3,22,45,.28) 100%
        ) !important;
}

.agrta-contact .ac-hero-inner{
    position:relative;
    z-index:2;
    width:100%;
    padding-top:70px;
    padding-bottom:48px;
}

.agrta-contact .ac-hero h1{
    margin:10px 0 15px;
    color:#fff;
    font-size:52px;
    line-height:1.04;
    letter-spacing:-1.8px;
}

.agrta-contact .ac-hero h1 strong{
    display:block;
    color:#2180ff;
}

.agrta-contact .ac-hero-copy{
    max-width:820px;
    margin:0;
    color:rgba(255,255,255,.88);
    font-size:15px;
    line-height:1.65;
}

.agrta-contact .ac-trust-row{
    margin-top:38px;
    padding-top:20px;
    border-top:1px solid rgba(255,255,255,.24);
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:0;
}

.agrta-contact .ac-trust-item{
    min-height:66px;
    display:flex;
    align-items:center;
    gap:14px;
    padding:0 24px;
    border-right:1px solid rgba(255,255,255,.28);
}

.agrta-contact .ac-trust-item:first-child{
    padding-left:0;
}

.agrta-contact .ac-trust-item:last-child{
    border-right:0;
}

.agrta-contact .ac-icon{
    width:50px;
    height:50px;
    min-width:50px;
    border:2px solid #1593ff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#1593ff;
    font-size:23px;
    font-weight:700;
}

.agrta-contact .ac-trust-item strong{
    display:block;
    color:#fff;
    font-size:14px;
    line-height:1.3;
    margin-bottom:3px;
}

.agrta-contact .ac-trust-item span{
    display:block;
    color:rgba(255,255,255,.72);
    font-size:12px;
    line-height:1.4;
}

/* FINAL CTA */
.agrta-contact .ac-final-cta{
    position:relative;
    min-height:220px;
    height:220px;
    overflow:hidden;
    background:#06203b !important;
}

.agrta-contact .ac-final-cta-image{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center center;
    z-index:0;
}

.agrta-contact .ac-final-cta-overlay{
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:
        linear-gradient(
            90deg,
            rgba(3,22,45,.91) 0%,
            rgba(3,22,45,.70) 50%,
            rgba(3,22,45,.38) 100%
        ) !important;
}

.agrta-contact .ac-final-inner{
    position:relative;
    z-index:2;
    min-height:220px;
    height:220px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:45px;
}

.agrta-contact .ac-final-inner h2{
    margin:8px 0 10px;
    color:#fff;
    font-size:39px;
    line-height:1.1;
    letter-spacing:-1.4px;
}

.agrta-contact .ac-final-inner p{
    max-width:700px;
    margin:0;
    color:rgba(255,255,255,.80);
    font-size:14px;
    line-height:1.55;
}

.agrta-contact .ac-final-actions{
    display:flex;
    align-items:center;
    gap:18px;
    flex-shrink:0;
}

.agrta-contact .ac-final-actions .ac-button{
    white-space:nowrap;
}

/* RESPONSIVE */
@media (max-width:900px){

    .agrta-contact .ac-hero{
        height:auto;
        min-height:560px;
    }

    .agrta-contact .ac-hero-inner{
        padding-top:70px;
        padding-bottom:45px;
    }

    .agrta-contact .ac-hero h1{
        font-size:42px;
    }

    .agrta-contact .ac-trust-row{
        grid-template-columns:repeat(2,1fr);
        row-gap:20px;
    }

    .agrta-contact .ac-trust-item{
        border-right:0;
        padding:0 15px;
    }

    .agrta-contact .ac-trust-item:nth-child(odd){
        padding-left:0;
    }

    .agrta-contact .ac-final-cta{
        height:auto;
        min-height:300px;
    }

    .agrta-contact .ac-final-inner{
        height:auto;
        min-height:300px;
        padding-top:45px;
        padding-bottom:45px;
        flex-direction:column;
        align-items:flex-start;
        justify-content:center;
    }

}

@media (max-width:600px){

    .agrta-contact .ac-hero{
        min-height:620px;
    }

    .agrta-contact .ac-hero-inner{
        padding-top:55px;
        padding-bottom:35px;
    }

    .agrta-contact .ac-hero h1{
        font-size:36px;
        letter-spacing:-1px;
    }

    .agrta-contact .ac-hero-copy{
        font-size:14px;
    }

    .agrta-contact .ac-trust-row{
        grid-template-columns:1fr;
        margin-top:28px;
    }

    .agrta-contact .ac-trust-item,
    .agrta-contact .ac-trust-item:nth-child(odd){
        padding:10px 0;
    }

    .agrta-contact .ac-final-inner h2{
        font-size:30px;
    }

    .agrta-contact .ac-final-actions{
        width:100%;
        flex-direction:column;
        align-items:stretch;
    }

    .agrta-contact .ac-final-actions .ac-button{
        width:100%;
        text-align:center;
    }

}

/* =========================================================
   AGRTA CONTACT — FINAL APPROVED HERO + CTA LAYOUT
   Preserve existing images and all other page sections.
   ========================================================= */

/* =========================================================
   HERO — APPROVED SCREENSHOT LAYOUT
   ========================================================= */

.agrta-contact .ac-hero{
    position:relative !important;
    width:100% !important;
    height:512px !important;
    min-height:512px !important;
    max-height:512px !important;
    display:flex !important;
    align-items:center !important;
    overflow:hidden !important;
    background:#071d35 !important;
    isolation:isolate !important;
}

.agrta-contact .ac-hero-image{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    display:block !important;
    object-fit:cover !important;
    object-position:center center !important;
    z-index:-2 !important;
}

.agrta-contact .ac-hero-overlay{
    position:absolute !important;
    inset:0 !important;
    z-index:-1 !important;
    pointer-events:none !important;
    background:
        linear-gradient(
            90deg,
            rgba(3,22,45,.90) 0%,
            rgba(3,22,45,.74) 38%,
            rgba(3,22,45,.42) 68%,
            rgba(3,22,45,.18) 100%
        ) !important;
}

.agrta-contact .ac-hero-inner{
    position:relative !important;
    z-index:2 !important;
    width:100% !important;
    padding-top:62px !important;
    padding-bottom:32px !important;
}

.agrta-contact .ac-hero .ac-eyebrow{
    margin-bottom:16px !important;
}

.agrta-contact .ac-hero h1{
    margin:0 !important;
    max-width:780px !important;
    color:#fff !important;
    font-size:68px !important;
    line-height:1.02 !important;
    letter-spacing:-2.5px !important;
}

.agrta-contact .ac-hero h1 strong{
    display:block !important;
    color:#2180ff !important;
    font-weight:800 !important;
}

.agrta-contact .ac-hero-copy{
    max-width:820px !important;
    margin:22px 0 0 !important;
    color:rgba(255,255,255,.88) !important;
    font-size:18px !important;
    line-height:1.55 !important;
}

.agrta-contact .ac-trust-row{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    display:grid !important;
    grid-template-columns:repeat(4,1fr) !important;
    width:100% !important;
    padding:25px 0 27px !important;
    border-top:1px solid rgba(255,255,255,.25) !important;
}

.agrta-contact .ac-trust-item{
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    gap:15px !important;
    padding:0 28px !important;
    border-right:1px solid rgba(255,255,255,.25) !important;
}

.agrta-contact .ac-trust-item:first-child{
    padding-left:0 !important;
}

.agrta-contact .ac-trust-item:last-child{
    border-right:0 !important;
}

.agrta-contact .ac-trust-item .ac-icon{
    flex:0 0 54px !important;
    width:54px !important;
    height:54px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:2px solid #1595ff !important;
    border-radius:50% !important;
    color:#1595ff !important;
    font-size:25px !important;
}

.agrta-contact .ac-trust-item strong{
    display:block !important;
    color:#fff !important;
    font-size:17px !important;
    line-height:1.2 !important;
    margin-bottom:4px !important;
}

.agrta-contact .ac-trust-item span{
    display:block !important;
    color:rgba(255,255,255,.72) !important;
    font-size:14px !important;
    line-height:1.35 !important;
}


/* =========================================================
   FINAL CTA — APPROVED SCREENSHOT LAYOUT
   ========================================================= */

.agrta-contact .ac-final-cta{
    position:relative !important;
    width:100% !important;
    height:223px !important;
    min-height:223px !important;
    max-height:223px !important;
    overflow:hidden !important;
    background:#06203b !important;
    isolation:isolate !important;
}

.agrta-contact .ac-final-cta-image{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    display:block !important;
    object-fit:cover !important;
    object-position:center center !important;
    z-index:-2 !important;
}

.agrta-contact .ac-final-cta-overlay{
    position:absolute !important;
    inset:0 !important;
    z-index:-1 !important;
    background:
        linear-gradient(
            90deg,
            rgba(3,22,45,.92) 0%,
            rgba(3,22,45,.76) 48%,
            rgba(3,22,45,.40) 100%
        ) !important;
}

.agrta-contact .ac-final-inner{
    position:relative !important;
    z-index:2 !important;
    width:100% !important;
    height:223px !important;
    min-height:223px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:45px !important;
}

.agrta-contact .ac-final-inner > div:first-child{
    flex:1 1 auto !important;
    min-width:0 !important;
}

.agrta-contact .ac-final-inner .ac-section-label{
    margin-bottom:7px !important;
}

.agrta-contact .ac-final-inner h2{
    margin:0 0 9px !important;
    color:#fff !important;
    font-size:42px !important;
    line-height:1.08 !important;
    letter-spacing:-1.5px !important;
}

.agrta-contact .ac-final-inner p{
    max-width:760px !important;
    margin:0 !important;
    color:rgba(255,255,255,.78) !important;
    font-size:16px !important;
    line-height:1.45 !important;
}

.agrta-contact .ac-final-actions{
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    gap:20px !important;
    white-space:nowrap !important;
}

.agrta-contact .ac-final-actions .ac-button{
    min-width:250px !important;
    height:60px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 28px !important;
    font-size:16px !important;
}


/* =========================================================
   DESKTOP WIDTH CONTROL
   ========================================================= */

@media (min-width:1200px){

    .agrta-contact .ac-hero-inner,
    .agrta-contact .ac-final-inner{
        width:calc(100% - 120px) !important;
        max-width:1920px !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

}


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

@media (max-width:1199px){

    .agrta-contact .ac-hero{
        height:500px !important;
        min-height:500px !important;
        max-height:500px !important;
    }

    .agrta-contact .ac-hero h1{
        font-size:56px !important;
    }

    .agrta-contact .ac-hero-copy{
        max-width:680px !important;
        font-size:16px !important;
    }

    .agrta-contact .ac-trust-item{
        padding:0 15px !important;
    }

    .agrta-contact .ac-trust-item .ac-icon{
        flex-basis:46px !important;
        width:46px !important;
        height:46px !important;
        font-size:20px !important;
    }

    .agrta-contact .ac-trust-item strong{
        font-size:14px !important;
    }

    .agrta-contact .ac-trust-item span{
        font-size:12px !important;
    }

    .agrta-contact .ac-final-inner h2{
        font-size:34px !important;
    }

    .agrta-contact .ac-final-actions .ac-button{
        min-width:205px !important;
    }

}


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

@media (max-width:767px){

    .agrta-contact .ac-hero{
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
    }

    .agrta-contact .ac-hero-inner{
        padding-top:55px !important;
        padding-bottom:0 !important;
    }

    .agrta-contact .ac-hero h1{
        font-size:42px !important;
        letter-spacing:-1.5px !important;
    }

    .agrta-contact .ac-hero-copy{
        font-size:15px !important;
        line-height:1.5 !important;
        margin-top:17px !important;
        padding-bottom:25px !important;
    }

    .agrta-contact .ac-trust-row{
        position:relative !important;
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:0 !important;
        padding:18px 0 !important;
    }

    .agrta-contact .ac-trust-item{
        padding:15px 12px !important;
        border-right:1px solid rgba(255,255,255,.22) !important;
    }

    .agrta-contact .ac-trust-item:nth-child(2){
        border-right:0 !important;
    }

    .agrta-contact .ac-trust-item:nth-child(3),
    .agrta-contact .ac-trust-item:nth-child(4){
        border-top:1px solid rgba(255,255,255,.22) !important;
    }

    .agrta-contact .ac-trust-item:first-child{
        padding-left:12px !important;
    }

    .agrta-contact .ac-trust-item .ac-icon{
        flex-basis:40px !important;
        width:40px !important;
        height:40px !important;
        font-size:17px !important;
    }

    .agrta-contact .ac-trust-item strong{
        font-size:13px !important;
    }

    .agrta-contact .ac-trust-item span{
        font-size:11px !important;
    }

    .agrta-contact .ac-final-cta{
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
    }

    .agrta-contact .ac-final-inner{
        height:auto !important;
        min-height:0 !important;
        padding-top:42px !important;
        padding-bottom:42px !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:25px !important;
    }

    .agrta-contact .ac-final-inner h2{
        font-size:30px !important;
    }

    .agrta-contact .ac-final-inner p{
        font-size:14px !important;
    }

    .agrta-contact .ac-final-actions{
        width:100% !important;
        flex-direction:column !important;
        align-items:stretch !important;
        gap:12px !important;
    }

    .agrta-contact .ac-final-actions .ac-button{
        width:100% !important;
        min-width:0 !important;
    }

}


/* =========================================================
   FINAL CTA — IMAGE AS BACKGROUND ONLY
   October 2026
   ========================================================= */

.agrta-contact .ac-final-cta{
    position:relative !important;
    width:100% !important;
    height:223px !important;
    min-height:223px !important;
    max-height:223px !important;
    overflow:hidden !important;

    background:
        linear-gradient(
            90deg,
            rgba(3,22,45,.92) 0%,
            rgba(3,22,45,.78) 45%,
            rgba(3,22,45,.55) 100%
        ),
        url("../images/contact-modern/contact-cta.jpg?v=20261003")
        center center / cover no-repeat !important;

    isolation:isolate !important;
}

/* The CTA image must NOT be a separate visible element */
.agrta-contact .ac-final-cta-image{
    display:none !important;
}

/* CTA overlay stays inside the section */
.agrta-contact .ac-final-cta-overlay{
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    pointer-events:none !important;
}

/* CTA content stays above background */
.agrta-contact .ac-final-inner{
    position:relative !important;
    z-index:2 !important;
    min-height:223px !important;
    height:223px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
}

/* Keep CTA text readable */
.agrta-contact .ac-final-inner h2,
.agrta-contact .ac-final-inner p,
.agrta-contact .ac-section-label{
    position:relative !important;
    z-index:2 !important;
}

/* Keep buttons above everything */
.agrta-contact .ac-final-actions{
    position:relative !important;
    z-index:3 !important;
}

/* =========================================================
   HERO — KEEP CURRENT GOOD IMAGE / CONTENT
   ========================================================= */

.agrta-contact .ac-hero{
    position:relative !important;
    overflow:hidden !important;
}

.agrta-contact .ac-hero-image{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    display:block !important;
    object-fit:cover !important;
    z-index:0 !important;
}

.agrta-contact .ac-hero-overlay{
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
}

.agrta-contact .ac-hero-inner{
    position:relative !important;
    z-index:2 !important;
}


/* =========================================================
   CLEAN FINAL CTA — SINGLE BACKGROUND IMPLEMENTATION
   ========================================================= */

html body .agrta-contact .ac-final-cta{
    position:relative !important;
    display:block !important;
    width:100% !important;
    height:223px !important;
    min-height:223px !important;
    max-height:223px !important;
    overflow:hidden !important;
    background:
        linear-gradient(
            90deg,
            rgba(3,22,45,.90) 0%,
            rgba(3,22,45,.72) 48%,
            rgba(3,22,45,.48) 100%
        ),
        url("/wp-content/themes/agrta-custom/assets/images/contact-modern/contact-cta.jpg?v=20261003")
        center center / cover no-repeat !important;
}

/* No standalone CTA photograph */
html body .agrta-contact .ac-final-cta-image{
    display:none !important;
}

/* Remove competing pseudo-image layers */
html body .agrta-contact .ac-final-cta::before{
    content:none !important;
    display:none !important;
    background:none !important;
}

html body .agrta-contact .ac-final-cta::after{
    content:none !important;
    display:none !important;
    background:none !important;
}

/* CTA content */
html body .agrta-contact .ac-final-inner{
    position:relative !important;
    z-index:2 !important;
    width:100% !important;
    height:223px !important;
    min-height:223px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
}

/* Text */
html body .agrta-contact .ac-final-inner > div:first-child{
    position:relative !important;
    z-index:3 !important;
}

/* Buttons */
html body .agrta-contact .ac-final-actions{
    position:relative !important;
    z-index:3 !important;
}

/* Desktop CTA typography */
html body .agrta-contact .ac-final-inner h2{
    color:#fff !important;
}

html body .agrta-contact .ac-final-inner p{
    color:rgba(255,255,255,.78) !important;
}

html body .agrta-contact .ac-section-label{
    color:#1590ff !important;
}

/* Keep the hero image untouched */
html body .agrta-contact .ac-hero-image{
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    z-index:0 !important;
}


/* =========================================================
   FINAL CONTACT HERO — IMAGE ONLY
   ========================================================= */

.agrta-contact .ac-hero-image-only{
    position:relative !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:0 !important;
    margin:0 !important;
    display:block !important;
    overflow:hidden !important;
    background:#061c34 !important;
}

.agrta-contact .ac-hero-image-only .ac-hero-image{
    position:relative !important;
    inset:auto !important;
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center center !important;
    z-index:1 !important;
}

.agrta-contact .ac-hero-image-only .ac-hero-overlay,
.agrta-contact .ac-hero-image-only .ac-hero-inner{
    display:none !important;
}