/* CONTACT FORM */

.contact{

padding:100px 8%;
background:white;

}

.contact-container{

display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center;

}

.contact-text h2{

font-size:42px;
color:#0f6f73;
margin-bottom:20px;

}

.contact-text p{

margin-bottom:20px;
line-height:1.8;

}

.response{

display:inline-block;
background:#31d6d6;
padding:10px 20px;
color:white;
border-radius:30px;

}

.contact-form{

background:#f8f8f8;
padding:40px;
border-radius:25px;
box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.contact-form form{

display:flex;
flex-direction:column;
gap:20px;

}

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

padding:18px;
border:none;
border-radius:15px;
font-size:15px;
outline:none;

}

.contact-form button{

background:#31d6d6;
color:white;
padding:18px;
border:none;
border-radius:30px;
font-size:16px;
cursor:pointer;
font-weight:600;
transition:.4s;

}

.contact-form button:hover{

transform:translateY(-5px);

}

/* CONTACT PAGE */

.contact-page{

padding:140px 8%;

display:grid;
grid-template-columns:380px 1fr;

gap:70px;

background:#f8f5f2;

}


/* LEFT */

.contact-info{

background:white;

padding:50px;

border-radius:35px;

box-shadow:0 10px 30px rgba(0,0,0,.05);

height:fit-content;

}

.info-item{

display:flex;
gap:25px;

margin-bottom:45px;

padding-bottom:35px;

border-bottom:1px solid #eee;

}

.info-item:last-child{

border-bottom:none;
margin-bottom:0;

}

.info-item i{

font-size:35px;
color:#d78c58;
margin-top:5px;

}

.info-item h3{

margin-bottom:10px;
font-size:28px;

}

.info-item p{

line-height:1.8;
font-size:18px;

}


/* RIGHT */

.contact-form h2{

font-size:70px;
margin-bottom:50px;

}

.contact-form form{

display:flex;
flex-direction:column;

}

.contact-form label{

font-size:22px;
font-weight:600;

margin-bottom:12px;
margin-top:25px;

}

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

padding:18px;

border:1px solid #ddd;

border-radius:12px;

font-size:17px;

font-family:'Poppins',sans-serif;

}

.radio-group{

display:flex;
flex-direction:column;

gap:15px;

margin-top:10px;

}

.radio-group label{

font-size:18px;
font-weight:400;

display:flex;
gap:12px;
align-items:center;

margin-top:0;

}

.privacy{

display:flex;
gap:15px;

margin-top:35px;

align-items:flex-start;

}

.privacy p{

line-height:1.6;

}

.contact-form button{

margin-top:40px;

padding:20px;

border:none;

background:#d78c58;

color:white;

font-size:18px;

font-weight:700;

border-radius:50px;

cursor:pointer;

transition:.4s;

}

.contact-form button:hover{

background:#b96d3d;

}