.elementor-2792 .elementor-element.elementor-element-afb3134{--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;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2792 .elementor-element.elementor-element-afb3134{--content-width:1600px;}}/* Start custom CSS for html, class: .elementor-element-f0cfba0 *//* container */

.contact-page{
max-width:1150px;
margin:auto;
font-family:Inter, sans-serif;
color:#222;
line-height:1.7;
}

/* HERO */

.contact-hero{
text-align:center;
padding:100px 20px;
border-radius:14px;
margin-bottom:60px;
background: linear-gradient(135deg,#fff7f3 0%, #ffffff 70%);
position:relative;
overflow:hidden;
}

.contact-hero:before{
content:"";
position:absolute;
width:260px;
height:260px;
background:#ff5a1f;
opacity:.08;
border-radius:50%;
top:-80px;
left:-80px;
}

.contact-hero:after{
content:"";
position:absolute;
width:200px;
height:200px;
background:#ff5a1f;
opacity:.05;
border-radius:50%;
bottom:-70px;
right:-70px;
}

.contact-hero h1{
font-size:44px;
margin-bottom:15px;
color:#1e293b;
font-weight:700;
}

.contact-hero p{
font-size:18px;
color:#555;
max-width:700px;
margin:auto;
}

/* layout */

.contact-wrapper{
display:grid;
grid-template-columns:1.1fr .9fr;
gap:40px;
}

/* form */

.contact-form-box{
background:white;
padding:40px;
border-radius:12px;
border:1px solid #eee;
box-shadow:0 5px 18px rgba(0,0,0,0.03);
}

.contact-form-box h2{
margin-bottom:20px;
color:#1e293b;
}

/* sidebar */

.contact-info{
background:white;
padding:35px;
border-radius:12px;
border:1px solid #eee;
box-shadow:0 5px 18px rgba(0,0,0,0.03);
}

.info-box{
margin-bottom:25px;
}

.info-title{
font-weight:600;
margin-bottom:6px;
color:#1e293b;
}

.info-text{
color:#555;
font-size:15px;
}

/* fluent form styling */

.fluentform input,
.fluentform textarea,
.fluentform select{

border-radius:6px !important;
border:1px solid #ddd !important;
padding:13px !important;
font-size:15px !important;

}

.fluentform input:focus,
.fluentform textarea:focus{

border-color:#ff5a1f !important;

}

.fluentform .ff-btn-submit{

background:#ff5a1f !important;
border:none !important;
padding:14px 28px !important;
border-radius:6px !important;
font-weight:600 !important;
font-size:15px !important;

}

.fluentform .ff-btn-submit:hover{

background:#e14a14 !important;

}

/* responsive */

@media(max-width:768px){

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

.contact-hero h1{
font-size:32px;
}

}/* End custom CSS */