/* ================= CONTACT SECTION ================= */

.contact-section{
padding:100px 0;
background:#ffffff;
border-top:1px solid #e5e5e5;
}

.contact-wrapper{
display:flex;
gap:80px;
align-items:flex-start;
}

.contact-info{
flex:1;
}

.contact-info h2{
font-size:26px;
margin-bottom:15px;
font-weight:500;
}

.contact-sub{
color:#666;
margin-bottom:30px;
}

.contact-item{
margin-bottom:18px;
font-size:15px;
}

.contact-item strong{
display:block;
margin-bottom:4px;
}

.contact-form{
flex:1;
background:#f7f7f7;
padding:35px;
border-radius:16px;
}

.contact-form form{
display:flex;
flex-direction:column;
gap:18px;
}

.contact-form input,
.contact-form textarea{
width:100%;
padding:14px;
border-radius:8px;
border:1px solid #ddd;
font-size:14px;
outline:none;
transition:0.3s;
}

.contact-form input:focus,
.contact-form textarea:focus{
border-color:#6f8f89;
}

.contact-form button{
padding:14px;
background:#6f8f89;
color:white;
border:none;
border-radius:8px;
cursor:pointer;
font-weight:500;
transition:0.3s;
}

.contact-form button:hover{
background:#5f7f79;
}

/* Responsive */

@media(max-width:900px){

.contact-wrapper{
flex-direction:column;
gap:50px;
}

.contact-form{
padding:25px;
}

}