/*
|--------------------------------------------------------------------------
| Contact Page
|--------------------------------------------------------------------------
*/

.contact-section{

    padding:60px 0;
}

/*
|--------------------------------------------------------------------------
| Card
|--------------------------------------------------------------------------
*/

.contact-card{

    background:#fff;

    border:1px solid #e5e5e5;

    border-radius:15px;

    padding:30px;

    height:100%;

    box-shadow:0 5px 20px rgba(0,0,0,.05);
}

/*
|--------------------------------------------------------------------------
| Company
|--------------------------------------------------------------------------
*/

.contact-logo{

    text-align:center;

    margin-bottom:20px;
}

.contact-logo img{

    max-width:180px;

    width:100%;

    height:auto;
}

.contact-company-name{

    font-size:28px;

    font-weight:700;

    color:#198754;

    margin-bottom:25px;

    text-align:center;
}

.contact-info-item{

    display:flex;

    align-items:flex-start;

    gap:15px;

    margin-bottom:18px;

    font-size:16px;

    line-height:1.7;
}

.contact-info-item i{

    width:24px;

    color:#198754;

    font-size:18px;

    margin-top:4px;
}

/*
|--------------------------------------------------------------------------
| Form
|--------------------------------------------------------------------------
*/

.contact-form-title{

    font-size:28px;

    font-weight:700;

    color:#198754;

    margin-bottom:25px;
}

.contact-card .form-label{

    font-weight:600;

    margin-bottom:8px;
}

.contact-card .form-control{

    border-radius:10px;

    min-height:48px;

    border:1px solid #ced4da;
}

.contact-card textarea.form-control{

    min-height:140px;

    resize:none;
}

.contact-card .form-control:focus{

    border-color:#198754;

    box-shadow:0 0 0 .2rem rgba(25,135,84,.15);
}

/*
|--------------------------------------------------------------------------
| Button
|--------------------------------------------------------------------------
*/

.contact-card .btn-success{

    height:52px;

    border-radius:10px;

    font-size:16px;

    font-weight:600;
}

.contact-card .btn-success i{

    margin-right:8px;
}

.contact-note{

    margin-top:15px;

    text-align:center;

    color:#198754;

    font-size:14px;

    font-weight:600;
}

/*
|--------------------------------------------------------------------------
| Map
|--------------------------------------------------------------------------
*/

.contact-map{

    margin-top:40px;

    border-radius:15px;

    overflow:hidden;

    box-shadow:0 5px 20px rgba(0,0,0,.05);
}

.contact-map iframe{

    width:100% !important;

    height:450px !important;

    border:0 !important;

    display:block;
}

/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media(max-width:991px){

    .contact-card{

        padding:20px;
    }

    .contact-company-name{

        font-size:24px;
    }

    .contact-form-title{

        font-size:24px;
    }

    .contact-map iframe{

        height:300px !important;
    }

}