.elementor-228 .elementor-element.elementor-element-9e29bba{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-9b419e4 */.contact-page-sec{
padding:100px 30px;
background:linear-gradient(120deg,#f5f7ff,#eef2ff);
}

.contact-page-wrap{
display:flex;
align-items:center;
justify-content:space-between;
gap:60px;
}

.contact-left{
max-width:520px;
}

.contact-left h1{
font-size:42px;
font-weight:800;
margin-bottom:20px;
}

.contact-desc{
color:#666;
line-height:1.7;
margin-bottom:35px;
}

.contact-info-box{
display:flex;
flex-direction:column;
gap:20px;
}

.c-info{
display:flex;
gap:15px;
align-items:center;
background:white;
padding:18px 20px;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,.06);
}

.c-info i{
font-size:20px;
color:#4c2dc2;
background:rgba(76,45,194,.1);
width:46px;
height:46px;
display:flex;
align-items:center;
justify-content:center;
border-radius:12px;
}

.contact-form-card{
width:480px;
background:white;
padding:35px;
border-radius:16px;
box-shadow:0 30px 70px rgba(0,0,0,.12);
}

/* MOBILE */

@media(max-width:992px){

.contact-page-wrap{
flex-direction:column;
}

.contact-form-card{
width:100%;
}

.contact-left{
text-align:center;
max-width:100%;
}

}/* End custom CSS */