body{
    background:#0b0d0f;
    color:#f4f6f8;
}

.contact-page{
    padding:90px 0;
}

.contact-wrap{
    max-width:1100px;
    margin:auto;
    display:grid;
    grid-template-columns:1fr 1.4fr;
    gap:30px;
}

.contact-info,
.contact-form{
    background:#111417;
    border:1px solid #242a2f;
    border-radius:22px;
    padding:35px;
    box-shadow:0 24px 70px rgba(0,0,0,.35);
}

.contact-info h1,
.contact-form h2{
    color:#fff;
    font-weight:800;
}

.contact-info h1 span,
.contact-form h2 span{
    color:#5e7b1f;
}

.contact-info p,
.contact-info li{
    color:#9aa3ad;
    line-height:1.7;
}

.form-control,
.form-select{
    background:#0b0d0f;
    border:1px solid #242a2f;
    color:#fff;
    border-radius:14px;
    padding:13px 14px;
}

.form-control:focus,
.form-select:focus{
    background:#0b0d0f;
    color:#fff;
    border-color:#5e7b1f;
    box-shadow:0 0 0 3px rgba(94,123,31,.15);
}

.form-control::placeholder{
    color:#7f8892;
}

.btn-overlays{
    background:#5e7b1f;
    color:#fff;
    border:1px solid #5e7b1f;
    border-radius:14px;
    padding:14px 20px;
    font-weight:900;
    width:100%;
    cursor:pointer;
    transition:.18s ease;
}

.btn-overlays:hover{
    background:#729426;
    border-color:#729426;
    transform:translateY(-1px);
}

@media(max-width:900px){
    .contact-page{
        padding:55px 0;
    }

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