.contact-section{
padding:90px 6%;
background:#f5f5f5;
font-family:Arial,sans-serif;
}
.contact-container{
max-width:1200px;
margin:auto;
}
.contact-container h2{
font-size:52px;
margin-bottom:20px;
color:#111;
}
.contact-container p{
font-size:20px;
line-height:1.8;
color:#555;
max-width:850px;
margin-bottom:40px;
}
.contact-info{
display:flex;
flex-direction:column;
gap:20px;
margin-bottom:45px;
font-size:20px;
color:#333;
}
.contact-info strong{
color:#111;
}
.contact-form{
display:flex;
flex-direction:column;
gap:25px;
}
.input-row{
display:flex;
gap:25px;
}
.contact-form input,
.contact-form textarea{
width:100%;
padding:22px;
border:2px solid #222;
background:#fff;
font-size:20px;
border-radius:6px;
outline:none;
font-family:Arial,sans-serif;
}
.contact-form textarea{
height:220px;
resize:none;
}
.contact-form button{
width:220px;
height:70px;
border:none;
background:#FFC107;
color:#111;
font-size:24px;
font-weight:700;
cursor:pointer;
border-radius:6px;
transition:0.3s ease;
}
.contact-form button:hover{
background:#111;
color:#fff;
}
@media(max-width:800px){
.input-row{
flex-direction:column;
}
.contact-container h2{
font-size:38px;
}
.contact-container p,
.contact-info{
font-size:17px;
}
.contact-form input,
.contact-form textarea{
font-size:17px;
}
.contact-form button{
width:100%;
}
}