/* Contact page */
:root{
    --contact-ink:#1f2f39;
    --contact-muted:#536875;
    --contact-line:#e3edf4;
    --contact-blue:#2d81bd;
    --contact-soft:#f8fafc;
}

body{
    background:linear-gradient(180deg,#fff 0%,#f8fbfd 48%,#fff 100%);
}

.main{
    max-width:1180px !important;
    margin:0 auto !important;
    padding:86px 5% !important;
    display:block !important;
}

.contact-lead{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);
    gap:64px;
    align-items:start;
    margin-bottom:54px;
}

.contact-kicker{
    display:block;
    color:var(--contact-blue);
    font-size:13px;
    letter-spacing:.08em;
    text-transform:uppercase;
    font-weight:700;
    margin-bottom:16px;
}

.contact-title{
    color:var(--contact-ink);
    font-size:clamp(32px,3.4vw,46px);
    line-height:1.18;
    font-weight:500;
    margin:0 0 18px;
}

.contact-lead p{
    color:var(--contact-muted);
    font-size:17px;
    line-height:2;
}

.contact-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
    margin-bottom:64px;
}

.contact-card{
    background:#fff;
    border:1px solid var(--contact-line);
    border-radius:8px;
    padding:28px;
    box-shadow:0 14px 36px rgba(37,68,91,.04);
}

.contact-card strong{
    display:block;
    color:var(--contact-ink);
    font-size:18px;
    font-weight:500;
    margin-bottom:12px;
}

.contact-card p,
.contact-card a{
    display:block;
    color:var(--contact-muted);
    font-size:15px;
    line-height:1.85;
    margin:0;
}

.contact-card a{
    color:#2b6f98;
    font-weight:600;
}

.contact-layout{
    display:grid;
    grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);
    gap:34px;
    align-items:start;
}

.contact-panel{
    background:#fff;
    border:1px solid var(--contact-line);
    border-radius:8px;
    padding:34px;
    box-shadow:0 14px 36px rgba(37,68,91,.04);
}

.contact-panel h2,
.left h2,
.right h2{
    color:var(--contact-ink) !important;
    font-size:28px !important;
    line-height:1.25;
    font-weight:500;
    margin:0 0 22px !important;
    text-align:left !important;
}

.contact-panel h2::after,
.left h2::after,
.right h2::after{
    display:none !important;
}

.address-img{
    height:320px !important;
    margin:0 0 22px !important;
    border:1px solid var(--contact-line);
    box-shadow:0 14px 36px rgba(37,68,91,.04);
}

.contact-panel p{
    color:var(--contact-muted);
    line-height:1.9;
    text-indent:0;
}

.form-item label{
    color:var(--contact-ink) !important;
    font-size:15px;
    font-weight:500 !important;
}

.form-item input,
.form-item textarea{
    border-color:var(--contact-line) !important;
    border-radius:8px !important;
    padding:14px !important;
}

.form-item textarea{
    height:150px !important;
}

.btn{
    border-radius:999px !important;
    height:48px;
    background:var(--contact-blue) !important;
}

@media(max-width:900px){
    .contact-lead,
    .contact-layout{
        grid-template-columns:1fr;
        gap:28px;
    }

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

@media(max-width:768px){

    .main{
        padding:60px 6% !important;
    }

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

    .contact-panel{
        padding:28px;
    }
}