/*==================================================
CONTACT PAGE
==================================================*/

.contact-section{

    padding:90px 0;

    background:#f8fafc;

}

.contact-grid{

    display:grid;

    grid-template-columns:420px 1fr;

    gap:45px;

    margin-top:50px;

}

.contact-info{

    display:flex;

    flex-direction:column;

    gap:20px;

}

.info-card{

    background:#fff;

    padding:28px;

    border-radius:18px;

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

    transition:.3s;

}

.info-card:hover{

    transform:translateY(-5px);

}

.info-card h3{

    color:#7B1113;

    margin-bottom:12px;

    font-size:22px;

}

.info-card p{

    color:#666;

    line-height:1.8;

}

.contact-form{

    background:#fff;

    padding:40px;

    border-radius:18px;

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

}

.contact-form form{

    display:grid;

    gap:20px;

}

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

    width:100%;

    padding:16px;

    border:1px solid #ddd;

    border-radius:10px;

    font-size:15px;

    transition:.3s;

}

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

    outline:none;

    border-color:#7B1113;

}

.contact-form textarea{

    resize:vertical;

    min-height:160px;

}

.contact-form button{

    width:220px;

}

.map-section{

    width:100%;

    height:500px;

}

.map-section iframe{

    width:100%;

    height:100%;

    border:none;

}

@media(max-width:992px){

.contact-grid{

grid-template-columns:1fr;

}

.contact-form{

padding:30px;

}

}

@media(max-width:576px){

.contact-section{

padding:60px 0;

}

.contact-form{

padding:20px;

}

.contact-form button{

width:100%;

}

.info-card{

padding:22px;

}

.map-section{

height:320px;

}

}