.contact-modern{

margin-top:90px; /* prevents going under menu */

padding:80px 20px;

background:linear-gradient(135deg,#0a2342 60%,#f5f7fb 40%);

}

.contact-container{

max-width:1200px;

margin:auto;

display:flex;

gap:60px;

align-items:flex-start;

}

/* left info */

.contact-info{

color:#fff;

flex:1;

}

.contact-info h2{

font-size:34px;

margin-bottom:30px;

}

.info-item{

display:flex;

gap:12px;

margin-bottom:20px;

line-height:1.6;

}

.info-item span{

font-size:20px;

}

/* social */

.social-icons{

margin-top:30px;

display:flex;

gap:15px;

}

.social-icons a{

background:#fff;

color:#0a2342;

padding:10px 16px;

border-radius:30px;

text-decoration:none;

font-size:14px;

font-weight:600;

}

/* form card */

.contact-form-card{

flex:1;

background:#fff;

padding:40px;

border-radius:15px;

box-shadow:0 20px 50px rgba(0,0,0,0.15);

}

.contact-form-card h3{

text-align:center;

margin-bottom:20px;

color:#0a2342;

}

.contact-form-card form{

display:flex;

flex-direction:column;

gap:15px;

}

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

padding:12px;

border:1px solid #ddd;

border-radius:6px;

}

.contact-form-card button{

background:#ff7a00;

border:none;

padding:12px;

color:#fff;

border-radius:6px;

cursor:pointer;

}

/* responsive */

@media(max-width:768px){

.contact-container{

flex-direction:column;

}

.contact-modern{

background:#0a2342;

}

}