/* CONTACT SECTION */

.contact{

min-height:100vh;
padding:140px 9% 80px;

background:rgba(0,0,0,0.65);
backdrop-filter:blur(4px);

}

.container{

max-width:1100px;
margin:auto;
text-align:center;

}


/* TITLE */

.section-heading{

font-size:5rem;
color:white;
margin-bottom:10px;

}

.section-subtext{

color:#aaa;
font-size:1.6rem;
margin-bottom:60px;

}


/* GRID */

.contact-grid{

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

}


/* CONTACT INFO */

.contact-info{

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

}

.info-card{

background:#0a0a0a;
border:1px solid rgba(255,255,255,0.08);
border-radius:20px;

padding:25px;

transition:0.3s;

}

.info-card:hover{

transform:translateY(-5px);
border-color:#b74b4b;
box-shadow:0 10px 30px rgba(0,0,0,0.5);

}

.info-card i{

font-size:30px;
color:#b74b4b;
margin-bottom:10px;

}

.info-card h3{

font-size:1.8rem;

}

.info-card p{

font-size:1.4rem;
color:#bbb;

}


/* FORM */

.contact-form{

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

}

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

padding:12px;
border-radius:10px;

border:1px solid rgba(255,255,255,0.1);
background:#0a0a0a;

color:white;
font-size:1.4rem;

}

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

outline:none;
border-color:#b74b4b;

}


/* BUTTON */

.btn{

padding:12px;
border-radius:30px;

border:2px solid #b74b4b;

background:transparent;
color:#b74b4b;

font-size:1.4rem;

cursor:pointer;
transition:0.3s;

}

.btn:hover{

background:#b74b4b;
color:black;

box-shadow:0 0 20px #b74b4b;

}


/* MOBILE */

@media(max-width:768px){

.contact-grid{

grid-template-columns:1fr;

}

.section-heading{

font-size:3.8rem;

}

}