.contact-form-section{

padding:140px 0;

background:#fafaf8;

}

.form-wrapper{

display:grid;

grid-template-columns:45% 55%;

gap:70px;

align-items:start;

}

.form-info h2{

font-size:62px;

font-weight:800;

line-height:.95;

margin:28px 0;

}

.form-info p{

font-size:18px;

line-height:1.9;

color:#666;

margin-bottom:50px;

max-width:520px;

}

.info-list{

display:flex;

flex-direction:column;

gap:20px;

margin-bottom:50px;

}

.info-item{

display:flex;

align-items:center;

gap:18px;

font-size:18px;

font-weight:500;

}

.tick{

width:14px;

height:14px;

border-radius:50%;

background:#FF8B4D;

box-shadow:0 0 12px rgba(255,139,77,.35);

}

.response-box{

display:flex;

gap:40px;

padding-top:35px;

border-top:1px solid #ddd;

}

.response-box h4{

font-size:13px;

letter-spacing:.2em;

text-transform:uppercase;

color:#888;

margin-bottom:8px;

}

.response-box span{

font-size:20px;

font-weight:600;

}

.form-card{

background:white;

padding:50px;

border-radius:24px;

border:1px solid #ececec;

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

}

.input-group{

position:relative;

margin-bottom:28px;

}

.input-group input,

.input-group textarea{

width:100%;

padding:18px 0;

border:none;

border-bottom:1px solid #ddd;

background:none;

outline:none;

font-size:17px;

}

.input-group label{

position:absolute;

left:0;

top:18px;

color:#777;

transition:.3s;

pointer-events:none;

}

.input-group input:focus+label,

.input-group input:valid+label,

.input-group textarea:focus+label,

.input-group textarea:valid+label{

top:-10px;

font-size:12px;

letter-spacing:.15em;

color:#FF8B4D;

}

select{

width:100%;

margin-bottom:28px;

padding:18px;

border:1px solid #ddd;

border-radius:14px;

font-size:16px;

background:white;

}

button{

width:100%;

padding:20px;

border:none;

background:#111;

color:white;

font-size:18px;

border-radius:16px;

transition:.35s;

cursor:pointer;

}

button:hover{

transform:translateY(-3px);

background:#222;

}
@media(max-width:992px){

.form-wrapper{

grid-template-columns:1fr;

gap:60px;

}

.form-info{

text-align:center;

}

.form-info p{

margin:auto auto 40px;

}

.response-box{

justify-content:center;

}

.form-card{

padding:35px;

}

.form-info h2{

font-size:48px;

}

}