/* ODM INTERNAL HERO V1 */

.odm-inner-hero{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    display:flex;
    align-items:center;
    min-height:440px;
    padding:65px 0;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    background-position:center right!important
}

.odm-inner-hero:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    background:linear-gradient(
        90deg,
        rgba(238,248,250,.18) 0%,
        rgba(255,255,255,.08) 48%,
        rgba(255,255,255,.02) 100%
    )
}

.odm-inner-hero>.container{
    position:relative;
    z-index:3
}

.odm-inner-hero .row{
    min-height:310px
}

.odm-inner-hero>.background-position-center-top{
    z-index:1;
    opacity:.12
}

.odm-inner-hero>[data-particle="true"]{
    z-index:2;
    opacity:.20
}

.odm-inner-card{
    position:relative;
    max-width:620px;
    padding:40px 42px 43px;
    border:1px solid rgba(255,255,255,.78);
    border-radius:22px;
    background:rgba(255,255,255,.93);
    box-shadow:0 22px 55px rgba(30,52,102,.17);
    backdrop-filter:blur(7px);
    -webkit-backdrop-filter:blur(7px)
}

.odm-inner-card:before{
    content:"";
    display:block;
    width:47px;
    height:3px;
    margin-bottom:20px;
    border-radius:3px;
    background:#009dae
}

.odm-inner-card h1{
    color:#1e3466!important;
    font-size:clamp(40px,4.2vw,64px)!important;
    font-weight:900!important;
    line-height:1.05!important;
    letter-spacing:-2px!important;
    margin-bottom:16px!important
}

.odm-inner-card p,
.odm-inner-card h2{
    color:#435268!important;
    font-size:18px!important;
    line-height:1.65!important
}

.odm-inner-card .odm-kicker{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#009dae;
    font-size:13px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:15px
}

.odm-inner-card .odm-kicker:before{
    display:none
}

/* Blog sans image */
.odm-inner-hero--plain{
    min-height:380px;
    background:
        radial-gradient(circle at 80% 25%,rgba(0,157,174,.18),transparent 32%),
        radial-gradient(circle at 15% 80%,rgba(30,52,102,.08),transparent 34%),
        linear-gradient(135deg,#f9fdfe,#eaf8fa 55%,#f2f7ff)!important
}

.odm-inner-hero--plain:before{
    display:none
}

.odm-inner-card--center{
    margin-right:auto;
    margin-left:auto;
    text-align:center
}

.odm-inner-card--center:before{
    margin-right:auto;
    margin-left:auto
}

body.ar .odm-inner-hero{
    background-position:center left!important
}

body.ar .odm-inner-card{
    text-align:right
}

@media(max-width:767px){
    .odm-inner-hero{
        min-height:500px;
        padding:255px 14px 22px;
        align-items:flex-end;
        background-position:center top!important
    }

    .odm-inner-hero .row{
        min-height:auto!important;
        align-items:flex-end!important
    }

    #specialitesHeader{
        background-position:54% top!important
    }

    #contactHeader,
    #recrutementHeader{
        background-position:72% top!important
    }

    .odm-inner-card{
        width:100%;
        max-width:none;
        padding:27px 25px 30px;
        border-radius:18px;
        background:rgba(255,255,255,.96);
        box-shadow:0 15px 38px rgba(30,52,102,.17);
        backdrop-filter:none;
        -webkit-backdrop-filter:none
    }

    .odm-inner-card:before{
        width:40px;
        margin-bottom:16px
    }

    .odm-inner-card h1{
        font-size:34px!important;
        line-height:1.08!important;
        letter-spacing:-1px!important
    }

    .odm-inner-card p,
    .odm-inner-card h2{
        font-size:15px!important;
        line-height:1.6!important
    }

    .odm-inner-hero>[data-particle="true"]{
        opacity:.10
    }

    .odm-inner-hero--plain{
        min-height:auto;
        padding:75px 14px
    }
}

/* ODM établissements hero mobile */
@media(max-width:767px){
    #etablissementsHeader{
        background-position:68% top!important;
    }
}