.contact-experience{

padding:120px 0;

background:#fffdf8;

position:relative;

overflow:hidden;

}

.luxury-pattern{

position:absolute;

width:650px;

height:650px;

background:#f6edd8;

border-radius:50%;

filter:blur(120px);

left:-180px;

top:-180px;

opacity:.5;

}

.contact-image-area{

position:relative;

border-radius:35px;

overflow:hidden;

box-shadow:0 30px 90px rgba(0,0,0,.12);

}

.contact-image-area img{

width:100%;

height:550px;

object-fit:cover;

transition:.8s;

}

.contact-image-area:hover img{

transform:scale(1.05);

}

.contact-image-area::after{

content:"";

position:absolute;

left:0;

top:0;

width:100%;

height:100%;

background:linear-gradient(to top,rgba(0,0,0,.75),transparent);

}

.glass-info{

position:absolute;

left:40px;

bottom:40px;

width:82%;

background:rgba(255,255,255,.12);

backdrop-filter:blur(20px);

border:1px solid rgba(255,255,255,.25);

padding:18px;

border-radius:25px;

z-index:2;

}

.info-top h3{

color:#fff;

margin-bottom:5px;

font-size:28px;

}

.info-top span{

color:#d9b34d;

letter-spacing:2px;

text-transform:uppercase;

font-size:13px;

}

.info-list{

margin-top:10px;

}

.info-list div{

display:flex;

gap:18px;

margin-bottom:10px;

align-items:flex-start;

}

.info-list i{

color:#d9b34d;

font-size:18px;

margin-top:5px;

}

.info-list p,

.info-list a{

color:#fff;

text-decoration:none;

line-height:28px;

margin:0;

}

.luxury-form{

background:#fff;

padding:20px;

border-radius:30px;

box-shadow:0 25px 80px rgba(0,0,0,.08);

border:1px solid rgba(201,162,39,.25);

position:relative;

overflow:hidden;

}

.luxury-form::before{

content:"";

position:absolute;

left:0;

top:0;

width:100%;

height:5px;

background:linear-gradient(90deg,#b8860b,#f3d27c,#b8860b);

}

.form-top{

margin-bottom:20px;

}

.mini-title{

display:inline-flex;

align-items:center;

gap:10px;

font-size:13px;

letter-spacing:2px;

text-transform:uppercase;

color:#b8860b;

margin-bottom:12px;

}
.form-top h3 {
    font-size: 27px;
    color: #4b1220;
    margin-bottom: 12px;
}

.form-top p{

color:#777;

line-height:28px;

margin:0;

}

.floating-group{

position:relative;

}

.floating-group input,

.floating-group textarea,

.floating-group select{

width:100%;

padding:10px 18px;

border:1px solid #ddd;

border-radius:10px;

font-size:14px;

background:#fff;

outline:none;

transition:.4s;

}

.floating-group textarea{

resize:none;

}
.floating-group label {
    position: absolute;
    left: 18px;
    top: 9px;
    background: #fff;
    padding: 0 10px;
    color: #383232;
    pointer-events: none;
    transition: .35s;
    font-size: 15px;
}

.floating-group input:focus,

.floating-group textarea:focus,

.floating-group select:focus{

border-color:#b8860b;

box-shadow:0 0 0 5px rgba(184,134,11,.08);

}

.floating-group input:focus+label,

.floating-group input:valid+label,

.floating-group textarea:focus+label,

.floating-group textarea:valid+label,

.floating-group select:focus+label,

.floating-group select:valid+label{

top:-10px;

left:15px;

font-size:12px;

color:#b8860b;

font-weight:600;

}

.luxury-btn{

width:auto;
margin: auto;
height:40px;
display: block;
border:none;

border-radius:50px;

background:linear-gradient(135deg,#4b1220,#7b1e31);

color:#fff;

font-size:14px;

font-weight:600;

letter-spacing:.5px;

transition:.4s;

}

.luxury-btn:hover{

background:linear-gradient(135deg,#c79a2b,#e6c15d);

transform:translateY(-3px);

box-shadow:0 15px 35px rgba(184,134,11,.25);

}

.luxury-btn i{

margin-left:10px;

transition:.4s;

}

.luxury-btn:hover i{

transform:translateX(6px);

}