/*=========================================
        HERO
=========================================*/

.page-hero{

    position: relative;
    background: url("../images/hero.png") center center/cover no-repeat;
    height: 320px;
    display: flex;
    align-items: center;

}

.page-hero .overlay{

    position: absolute;
    inset: 0;
    background: rgba(8,31,77,.75);

}

.page-hero .container{

    position: relative;
    z-index: 2;

}

.hero-content{

    width: 100%;
    text-align: center;
    margin: 0 auto;

}

.page-hero h1{

    color: #fff;
    font-size: 52px;
    font-weight: 800;
    margin-bottom: 15px;

}

.page-hero p{

    color: #f1f1f1;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;

}

/*====================================
        ADMISSIONS
====================================*/

.admission-section{

    padding:70px 0;

    background:#fff;

}


/*====================================
        ETAPES ADMISSION
====================================*/

.admission-card{

    position:relative;

    height:100%;

    background:#fff;

    border:1px solid #edf0f5;

    border-radius:18px;

    padding:35px 25px;

    text-align:center;

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

    transition:.35s;

}

.admission-card:hover{

    transform:translateY(-8px);

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

}

.admission-number{

    position:absolute;

    top:15px;

    right:20px;

    color:#edf0f5;

    font-size:38px;

    font-weight:800;

}

.admission-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:26px;

    transition:.35s;

}

.admission-card:hover .admission-icon{

    background:#F9A826;

}

.admission-card h4{

    color:#081F4D;

    font-size:19px;

    margin-bottom:12px;

}

.admission-card p{

    color:#666;

    line-height:1.7;

    font-size:14px;

    margin:0;

}


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

.admission-form-wrapper{

    margin-top:65px;

    padding:50px;

    background:#f8fafc;

    border-radius:22px;

}

.admission-form-wrapper h2{

    color:#081F4D;

    font-size:38px;

    font-weight:700;

    margin:18px 0;

}

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

    color:#666;

    line-height:1.8;

}


/*====================================
        INFORMATIONS
====================================*/

.admission-info{

    margin-top:30px;

}

.admission-info-item{

    display:flex;

    align-items:flex-start;

    gap:15px;

    margin-bottom:22px;

}

.admission-info-item > i{

    color:#F9A826;

    font-size:22px;

    margin-top:4px;

}

.admission-info-item strong{

    color:#081F4D;

}

.admission-info-item p{

    color:#666;

    margin:5px 0 0;

}


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

.admission-form{

    background:#fff;

    padding:35px;

    border-radius:18px;

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

}

.admission-form label{

    display:block;

    color:#081F4D;

    font-weight:600;

    margin-bottom:8px;

}

.admission-form .form-control,
.admission-form .form-select{

    border:1px solid #e1e5eb;

    border-radius:8px;

    padding:13px 15px;

    box-shadow:none;

}

.admission-form .form-control:focus,
.admission-form .form-select:focus{

    border-color:#F9A826;

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

}

.admission-form textarea{

    resize:none;

}

.admission-form .btn-primary-custom{

    border:none;

    cursor:pointer;

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

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