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

body{

font-family:'Poppins',sans-serif;

background:#07111d;

color:#fff;

}

.contact-section{

padding:110px 8%;

}

.container{

display:grid;

grid-template-columns:1fr 1fr;

gap:60px;

align-items:start;

}

.small-title{

color:#d4a652;

letter-spacing:3px;

font-size:14px;

}

.contact-info h2{

font-family:'Cinzel',serif;

font-size:48px;

margin:15px 0 25px;

}

.contact-info p{

color:#cfcfcf;

line-height:1.8;

}

.info-box{

display:flex;

align-items:center;

gap:20px;

margin-top:35px;

padding:20px;

border:1px solid rgba(212,166,82,.25);

transition:.35s;

}

.info-box:hover{

background:#101d2d;

transform:translateX(8px);

}

.info-box i{

width:60px;

height:60px;

display:flex;

justify-content:center;

align-items:center;

border-radius:50%;

background:#d4a652;

color:#07111d;

font-size:22px;

}

.info-box h4{

margin-bottom:6px;

color:#fff;

}

.social{

margin-top:40px;

}

.social a{

width:45px;

height:45px;

display:inline-flex;

justify-content:center;

align-items:center;

margin-right:10px;

border:1px solid #d4a652;

color:#d4a652;

text-decoration:none;

transition:.3s;

}

.social a:hover{

background:#d4a652;

color:#07111d;

}

.contact-form{

background:#101b29;

padding:40px;

border:1px solid rgba(212,166,82,.25);

}

.contact-form h3{

font-family:'Cinzel',serif;

font-size:32px;

margin-bottom:30px;

}

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

width:100%;

padding:16px;

margin-bottom:18px;

background:#07111d;

border:1px solid #26364d;

color:#fff;

font-size:15px;

}

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

outline:none;

border-color:#d4a652;

}

button{

padding:16px 40px;

background:#d4a652;

border:none;

font-weight:600;

cursor:pointer;

transition:.3s;

}

button:hover{

background:#fff;

}

.map{

height:450px;

}

.map iframe{

width:100%;

height:100%;

border:none;

}

@media(max-width:992px){

.container{

grid-template-columns:1fr;

}

.contact-info h2{

font-size:38px;

}

}

@media(max-width:600px){

.contact-section{

padding:60px 20px;

}

.contact-form{

padding:25px;

}

.contact-info h2{

font-size:32px;

}

.info-box{

flex-direction:column;

text-align:center;

}

}