/* Start custom CSS for html, class: .elementor-element-f0719b3 */.contact-page{
padding:90px 20px;

background:linear-gradient(
135deg,
#f7f9ff,
#eef3ff,
#f9fcff
);
}

.contact-container{
max-width:1150px;
margin:auto;

display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
}

/* LEFT SIDE */

.contact-info h2{
font-size:36px;
color:#1D0754;
margin-bottom:15px;
}

.contact-info p{
color:#4b5575;
line-height:1.7;
margin-bottom:30px;
}

.contact-cards{
display:grid;
grid-template-columns:1fr 1fr;
gap:18px;
}

.contact-card{
background:white;
padding:18px;

border-radius:12px;

border:1px solid #edf0ff;

box-shadow:0 10px 20px rgba(0,0,0,0.05);
}

.contact-card h4{
margin-bottom:8px;
color:#1D0754;
font-size:16px;
}

.contact-card a{
color:#1D0754;
font-weight:600;
text-decoration:none;
}

.contact-card p{
margin:0;
}

/* FORM */

.contact-form{

background:white;

padding:38px;

border-radius:18px;

border:1px solid #edf0ff;

box-shadow:
0 25px 50px rgba(29,7,84,0.08),
0 10px 20px rgba(0,0,0,0.04);

}

.contact-form h3{
color:#1D0754;
margin-bottom:22px;
font-size:24px;
}

.form-group{
display:flex;
flex-direction:column;
gap:6px;
margin-bottom:15px;
}

.form-group label{
font-size:13px;
font-weight:600;
color:#1D0754;
}

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

padding:14px;

border-radius:8px;
border:1px solid #dfe5ff;

font-size:14px;

background:white;
color:#1D0754;

}

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

border-color:#4AFFE8;

box-shadow:0 0 0 3px rgba(74,255,232,0.2);

outline:none;
}

.contact-form button{

background:#4AFFE8;

color:#053d38;

border:none;

padding:15px;

border-radius:10px;

font-weight:700;

cursor:pointer;

transition:0.3s;

box-shadow:0 10px 25px rgba(74,255,232,0.4);

}

.contact-form button:hover{

transform:translateY(-2px);

box-shadow:0 15px 35px rgba(74,255,232,0.5);

}

/* MAP */

.map-section{
padding:80px 20px;
text-align:center;
background:white;
}

.map-section h3{
color:#1D0754;
margin-bottom:30px;
font-size:28px;
}

.map-container{
max-width:1100px;
margin:auto;
border-radius:14px;
overflow:hidden;
box-shadow:0 20px 40px rgba(0,0,0,0.08);
}

.map-container iframe{
width:100%;
height:420px;
border:none;
}

/* CTA */

.contact-cta{
padding:80px 20px;
text-align:center;

background:linear-gradient(
135deg,
#1D0754,
#14033d
);
}

.contact-cta h2{
color:white;
margin-bottom:15px;
font-size:32px;
}

.contact-cta p{
color:#cfd3ff;
margin-bottom:25px;
}

.cta-btn{
background:#4AFFE8;
color:#053d38;

padding:15px 28px;

border-radius:10px;

text-decoration:none;
font-weight:700;

box-shadow:0 10px 25px rgba(74,255,232,0.4);
}

/* MOBILE */

@media(max-width:900px){

.contact-container{
grid-template-columns:1fr;
}

.contact-cards{
grid-template-columns:1fr;
}

}/* End custom CSS */