.contact-hero{

height:45vh;
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
background:#181818;
text-align:center;

}

.contact-hero h1{

font-size:60px;
color:#F4A100;

}

.contact-hero p{

margin-top:15px;
color:#ddd;

}

.contact-section{

width:90%;
max-width:1200px;
margin:100px auto;

display:grid;
grid-template-columns:1fr 1fr;
gap:50px;

}

.contact-info{

background:#1b1b1b;
padding:40px;
border-radius:20px;

}

.contact-info h2{

margin-bottom:30px;
color:#F4A100;

}

.contact-info p{

margin:20px 0;
font-size:18px;
color:#ddd;

}

.contact-info i{

color:#F4A100;
margin-right:10px;

}

.contact-form{

background:#1b1b1b;
padding:40px;
border-radius:20px;

}

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

width:100%;
padding:15px;
margin-bottom:20px;

background:#111;
border:2px solid #333;
border-radius:10px;

color:white;

outline:none;

}

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

border-color:#F4A100;

}

.contact-form button{

width:100%;
padding:15px;

border:none;

background:#A31621;
color:white;

border-radius:10px;

cursor:pointer;

font-size:18px;

transition:.3s;

}

.contact-form button:hover{

background:#F4A100;
color:#111;

}

.map{

width:90%;
max-width:1200px;

margin:100px auto;

}

.map iframe{

width:100%;
height:450px;
border:none;
border-radius:20px;

}