.contact-page{

    background:#f8f9fa;

}

.contact-card{

    background:#fff;

    border-radius:20px;

    padding:45px;

    box-shadow:0 .5rem 1.5rem rgba(0,0,0,.08);

    border:1px solid #ececec;

}

.contact-icon{

    width:80px;

    height:80px;

    margin:auto;

    border-radius:50%;

    background:#0d6efd;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:2rem;

    margin-bottom:20px;

}

.contact-title{

    font-weight:700;

    margin-bottom:10px;

}

.contact-subtitle{

    color:#6c757d;

    max-width:550px;

    margin:auto;

}

.contact-card .form-label{

    font-weight:600;

    margin-bottom:.6rem;

}

.contact-card .form-control{

    border-radius:12px;

    min-height:52px;

    border:1px solid #dee2e6;

    transition:.25s;

}

.contact-card textarea.form-control{

    min-height:180px;

    resize:vertical;

}

.contact-card .form-control:focus{

    border-color:#0d6efd;

    box-shadow:0 0 0 .2rem rgba(13,110,253,.15);

}

.contact-card button{

    border-radius:14px;

    min-width:260px;

    min-height:54px;

    font-weight:600;

}

.contact-map-wrapper{

    overflow:hidden;

    border-radius:20px;

    box-shadow:0 .5rem 1.5rem rgba(0,0,0,.08);

}

.contact-map{

    width:100%;

    height:420px;

    border:0;

    display:block;

}