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

.page-hero{

    position: relative;

    background: url("../images/hero.png") center center/cover no-repeat;

    height: 320px;

    display: flex;

    align-items: center;

    

}


.page-hero .container{

    position:relative;

    z-index:2;

}

.hero-content{

    width:100%;

    text-align:center;

    margin:0 auto;

}

.hero-content p{

    margin-left:auto;

    margin-right:auto;

}


.page-hero .overlay{

    position: absolute;

    inset: 0;

    background: rgba(8,31,77,.75);

}

.page-hero .container{

    position: relative;

    z-index: 2;

}

.page-hero h1{

    color:#fff;

    font-size:52px;

    font-weight:800;

    margin-bottom:15px;

}

.page-hero p{

    color:#f1f1f1;

    max-width:650px;

    font-size:18px;

    

}

/*====================================
        ACCORDION BTS
====================================*/

.bts-section{

    padding:20px 0 70px;

    background:#fff;

}

.custom-accordion .accordion-item{

    border:none;

    margin-bottom:18px;

    border-radius:15px;

    overflow:hidden;

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

}

.custom-accordion .accordion-button{

    background:#081F4D;

    color:#fff;

    font-size:20px;

    font-weight:600;

    padding:22px 28px;

    box-shadow:none;

}

.custom-accordion .accordion-button:not(.collapsed){

    background:#F9A826;

    color:#fff;

}

.custom-accordion .accordion-button::after{

    filter:brightness(0) invert(1);

}

.custom-accordion .accordion-body{

    padding:35px;

    background:#fff;

}

.custom-accordion img{

    border-radius:15px;

}

.custom-accordion h5{

    color:#081F4D;

    margin-bottom:15px;

    font-weight:700;

}

.custom-accordion ul{

    padding-left:20px;

}

.custom-accordion ul li{

    margin-bottom:10px;

    color:#666;

}

.custom-accordion p{

    color:#666;

    line-height:1.8;

}
/*====================================
        DOMAINES DE FORMATION
====================================*/

.training-domains{

    padding:45px 0 30px;

    background:#fff;

}

.domain-card{

    background:#fff;

    border-radius:20px;

    padding:45px 35px;

    text-align:center;

    height:100%;

    border:1px solid #edf0f5;

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

    transition:.35s;

}

.domain-card:hover{

    transform:translateY(-10px);

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

}

.domain-icon{

    width:90px;

    height:90px;

    margin:auto;

    margin-bottom:20px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#081F4D;

    transition:.35s;

}

.domain-card:hover .domain-icon{

    background:#F9A826;

}

.domain-icon i{

    color:#fff;

    font-size:34px;

}

.domain-number{

    font-size:52px;

    font-weight:800;

    color:#081F4D;

    line-height:1;

    margin-bottom:8px;

}

.domain-card h3{

    color:#081F4D;

    font-size:26px;

    font-weight:700;

    margin-bottom:8px;

}

.domain-count{

    color:#F9A826;

    font-weight:600;

    margin-bottom:20px;

}

.domain-card p:last-child{

    color:#666;

    line-height:1.8;

    margin:0;

}
.training-domains .section-title{

    margin-bottom:20px;

}