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

.contact-section{

    padding:70px 0;

    background:#fff;

}


/*====================================
        CARTES CONTACT
====================================*/

.contact-card{

    background:#fff;

    border:1px solid #edf0f5;

    border-radius:18px;

    padding:35px 25px;

    text-align:center;

    height:100%;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

    transition:.35s;

}

.contact-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 40px rgba(0,0,0,.10);

}

.contact-icon{

    width:70px;

    height:70px;

    margin:0 auto 20px;

    border-radius:50%;

    background:#081F4D;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:25px;

    transition:.35s;

}

.contact-card:hover .contact-icon{

    background:#F9A826;

}

.contact-card h4{

    color:#081F4D;

    font-size:20px;

    margin-bottom:12px;

}

.contact-card p{

    color:#666;

    line-height:1.8;

    margin:0;

}


/*====================================
        FORMULAIRE
====================================*/

.contact-form-wrapper{

    margin-top:60px;

    padding:50px;

    background:#f8fafc;

    border-radius:22px;

}

.contact-form-wrapper h2{

    color:#081F4D;

    font-size:38px;

    font-weight:700;

    margin:18px 0;

}

.contact-form-wrapper > .row > div > p{

    color:#666;

    line-height:1.8;

}

.contact-hours{

    display:flex;

    align-items:flex-start;

    gap:15px;

    margin-top:30px;

}

.contact-hours > i{

    color:#F9A826;

    font-size:24px;

    margin-top:4px;

}

.contact-hours strong{

    color:#081F4D;

}

.contact-hours p{

    margin-top:5px;

    color:#666;

}

.contact-form{

    background:#fff;

    padding:35px;

    border-radius:18px;

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

}

.contact-form label{

    display:block;

    color:#081F4D;

    font-weight:600;

    margin-bottom:8px;

}

.contact-form .form-control{

    border:1px solid #e1e5eb;

    border-radius:8px;

    padding:13px 15px;

    box-shadow:none;

}

.contact-form .form-control:focus{

    border-color:#F9A826;

    box-shadow:0 0 0 3px rgba(249,168,38,.10);

}

.contact-form textarea{

    resize:none;

}

.contact-form .btn-primary-custom{

    border:none;

    cursor:pointer;

}

/*====================================
        LOCALISATION
====================================*/

.contact-map-section{

    padding:30px 0 80px;

    background:#fff;

}

.contact-map{

    margin-top:40px;

    border-radius:20px;

    overflow:hidden;

    box-shadow:0 15px 35px rgba(0,0,0,.08);

}

.contact-map iframe{

    display:block;

    width:100%;

    border:0;

}
/*====================================
    MESSAGE FORMULAIRE
====================================*/

.form-message {
    margin-bottom: 25px;
}

.form-message .alert {
    border: none;
    border-radius: 12px;
    padding: 16px 20px;
    font-size: 15px;
}