.elementor-85 .elementor-element.elementor-element-fb20fa9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-85 .elementor-element.elementor-element-fb20fa9{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-bb04e15 */@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:Poppins,sans-serif;
background:#050505;
}

.contact-section{

padding:100px 8%;
background:#050505;

}

.contact-container{

max-width:1400px;
margin:auto;

display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center;

}

/* Left */

.sub-title{

color:#D4AF37;
letter-spacing:3px;
font-weight:600;
font-size:14px;

}

.contact-left h2{

font-size:50px;
margin:15px 0;

background:linear-gradient(180deg,#FFF8D6,#FFD86B,#D4AF37,#8B6508);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;

}

.contact-left>p{

color:#d5d5d5;
line-height:1.9;
margin-bottom:40px;

}

.contact-box{

display:flex;
gap:20px;
margin-bottom:30px;

}

.contact-box i{

width:60px;
height:60px;

display:flex;
justify-content:center;
align-items:center;

border-radius:50%;

background:linear-gradient(135deg,#8B6508,#D4AF37,#FFD86B);

color:#fff;
font-size:22px;

}

.contact-box h4{

color:#FFD86B;
margin-bottom:8px;

}

.contact-box p{

color:#ddd;
line-height:1.8;

}

/* Form */

.contact-form{

background:#111;

padding:45px;

border-radius:20px;

border:1px solid rgba(212,175,55,.25);

box-shadow:0 15px 40px rgba(212,175,55,.15);

}

.contact-form h3{

text-align:center;
margin-bottom:30px;
font-size:32px;

background:linear-gradient(180deg,#FFF8D6,#FFD86B,#D4AF37);

-webkit-background-clip:text;
-webkit-text-fill-color:transparent;

}

.row{

display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
margin-bottom:20px;

}

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

width:100%;

padding:16px 20px;

background:#1b1b1b;

border:1px solid #333;

border-radius:10px;

color:#fff;

font-size:15px;

outline:none;

transition:.3s;

}

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

border-color:#D4AF37;
box-shadow:0 0 15px rgba(212,175,55,.25);

}

.contact-form textarea{

resize:none;
margin-bottom:25px;

}

.contact-form button{

width:100%;

padding:17px;

border:none;

border-radius:50px;

cursor:pointer;

font-size:17px;

font-weight:600;

background:linear-gradient(135deg,#8B6508,#D4AF37,#FFD86B,#D4AF37,#8B6508);

color:#000;

transition:.4s;

}

.contact-form button:hover{

transform:translateY(-4px);

box-shadow:0 15px 35px rgba(212,175,55,.35);

}

/* Responsive */

@media(max-width:991px){

.contact-container{

grid-template-columns:1fr;

}

.row{

grid-template-columns:1fr;

}

.contact-left h2{

font-size:38px;

}

}

@media(max-width:768px){

.contact-section{

padding:70px 20px;

}

.contact-form{

padding:30px 20px;

}

.contact-left h2{

font-size:30px;

}

}/* End custom CSS */