.contact-section{

    padding:140px 8%;

    position:relative;

}

.contact-section::before{

    content:"";

    position:absolute;

    width:550px;
    height:550px;

    left:-180px;
    top:-120px;

    background:rgba(210,178,83,.08);

    filter:blur(180px);

    border-radius:50%;

}

.contact-heading{

    max-width:850px;

    margin:auto;

    text-align:center;

    margin-bottom:70px;

}

.contact-heading h2{

    font-size:clamp(2.5rem,5vw,4.6rem);

    margin:25px 0;

}

.contact-heading p{

    color:rgba(255,255,255,.75);

    line-height:2;

}

.contact-grid{

    display:grid;

    grid-template-columns:380px 1fr;

    gap:45px;

}

.contact-info{

    background:var(--card-bg);

    backdrop-filter:blur(20px);

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

    border-radius:28px;

    padding:45px;

}

.contact-info h3{

    font-size:2rem;

    margin-bottom:20px;

}

.contact-info>p{

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

    line-height:1.8;

    margin-bottom:40px;

}

.contact-item{

    display:flex;

    gap:18px;

    margin-bottom:30px;

}

.contact-item span{

    width:58px;
    height:58px;

    border-radius:16px;

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

    background:rgba(234,29,37,.15);

    font-size:24px;

}

.contact-item strong{

    display:block;

    margin-bottom:6px;

}

.contact-item a{

    color:#d2b253;

    text-decoration:none;

}

.contact-form{

    background:var(--card-bg);

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

    backdrop-filter:blur(20px);

    border-radius:28px;

    padding:45px;

    display:grid;

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

    gap:20px;

}

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

    background:#111;

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

    color:#fff;

    border-radius:14px;

    padding:18px;

    font-family:inherit;

}

.contact-form textarea{

    grid-column:1/-1;

    min-height:180px;

    resize:vertical;

}

.contact-form button{

    grid-column:1/-1;

    justify-self:start;

}

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

    border-color:var(--accent-red);

    outline:none;

}

@media(max-width:992px){

.contact-grid{

grid-template-columns:1fr;

}

.contact-form{

grid-template-columns:1fr;

}

}