/*
CONTACT PAGE
*/


.contact-hero{

padding-top:160px;

text-align:center;

background:
radial-gradient(circle at 20% 20%,#dfffba,transparent 25%),
#fff;

}



.contact-hero h1{

font-size:72px;

font-weight:900;

line-height:1.1;

}



.contact-hero span{

background:#b6ff00;

padding:5px 15px;

}



.contact-hero p{

max-width:700px;

margin:30px auto;

color:#666;

line-height:1.8;

font-size:17px;

}





.contact-section{

padding:100px 0;

}



.contact-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:70px;

align-items:center;

}



.contact-content h2{

font-size:50px;

font-weight:900;

}



.contact-content h2 span{

background:#b6ff00;

padding:5px;

}



.contact-content p{

color:#666;

line-height:1.8;

}



.contact-info{

margin-top:40px;

}



.contact-info h3{

margin-bottom:8px;

}





.contact-form-box{

background:white;

padding:40px;

border-radius:25px;

box-shadow:
0 10px 40px rgba(0,0,0,.1);

}



.form-group{

margin-bottom:20px;

}



.form-group label{

display:block;

margin-bottom:8px;

font-weight:600;

}



.form-group input,
.form-group textarea{


width:100%;

padding:15px;

border:1px solid #ddd;

border-radius:12px;

font-size:15px;

}



.form-group textarea{

height:130px;

resize:none;

}



.contact-form-box button{

background:#111;

color:white;

border:none;

padding:16px 35px;

border-radius:30px;

cursor:pointer;

font-size:15px;

}



.contact-form-box button:hover{

background:#b6ff00;

color:#111;

}





.newsletter-contact{

background:#b6ff00;

padding:80px 0;

}



.newsletter-box{

text-align:center;

}



.newsletter-box h2{

font-size:50px;

font-weight:900;

}



.newsletter-box h2 span{

background:#111;

color:white;

padding:5px 15px;

}



.newsletter-box p{

max-width:700px;

margin:20px auto;

}



.subscribe-form{

display:flex;

justify-content:center;

background:white;

padding:8px;

border-radius:40px;

max-width:500px;

margin:30px auto 0;

}



.subscribe-form input{

flex:1;

border:none;

outline:none;

padding:15px 20px;

}



.subscribe-form button{

width:50px;

height:50px;

border-radius:50%;

border:none;

background:#111;

color:white;

}





.contact-cta{

background:#050505;

color:white;

padding:100px 0;

text-align:center;

}



.contact-cta h2{

font-size:60px;

}



.contact-cta span{

background:#b6ff00;

color:#111;

padding:5px 15px;

}



.contact-cta p{

max-width:700px;

margin:20px auto;

color:#ccc;

}

#form-message{
margin:20px 0;
}


#form-message .error{

background:#ffe5e5;
color:#d00000;
padding:15px;
border-radius:10px;

}



@media(max-width:900px){


.contact-hero h1{

font-size:45px;

}



.contact-grid{

grid-template-columns:1fr;

}



.contact-content h2{

font-size:38px;

}



.newsletter-box h2{

font-size:38px;

}



.contact-cta h2{

font-size:40px;

}


}