/* -- -- -- -- -- cHeader - DÉBUT -- -- -- -- -- */
.cHeader .video__container {
    padding-bottom: 40px;
    border-bottom: 1px solid var(--white);
}

@media (width > 1199px) {
    body.template-savoirfaire > *:not(nav):not(.jobs) {
        padding-left: 54px;
    }
}

@media (width > 1479px) {
    .template-savoirfaire .cHeader {
        padding-inline: 56px;
    }
}

/* -- -- -- -- -- cHeader - FIN -- -- -- -- -- */


/* -- -- -- -- -- EXCELLENCE - DÉBUT -- -- -- -- -- */

.excellence {
    margin-top: 20px;
    overflow-x: hidden;
    padding-inline: 0px;
}

.excellence > *:not(.assets){
    padding-inline: 20px;
}

.excellence > .content {
    margin-block: 16px;
}

.assets {
    display: flex;
    gap: 20px;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-top: 8px;
    overflow-x: scroll;
}

.assets::-webkit-scrollbar {
    display: none;
}

.assets > .asset {
    flex: 0 0 auto;
    padding-left: 20px;
    width: 70%;
    position: relative;
}

.assets > .asset:first-child {
    margin-left: 20px;
}

.assets > .asset:last-child {
    margin-right: 20px;
}

.assets > .asset::before {
    content: '';
    background-color: var(--white);
    border-radius: 50px;
    position: absolute;
    top: 10px;
    left: 0;
    width: 7px;
    height: auto;
    aspect-ratio: 1/1;
}

.asset > .name {
    font-family: var(--ffMXBo);
    font-size: 1.25rem;
    line-height: 1.6875rem;
    margin-bottom: 8px;
}

@media (width > 575px) {
    .assets > .asset {
        width: 52%;
    }
}

@media (width > 767px) {
    .assets {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        padding: unset;
    }

    .assets > .asset {
        flex: unset;
        padding-left: 15px;
        width: unset;
    }

    .excellence > .content {
        padding-block: 24px;
    }
}

@media (width > 991px) {
    .excellence {
        display: grid;
        grid-template-columns: 0.4fr 0.57fr;
        padding-inline: 35px;
        margin-top: unset;
        row-gap: 40px;
        justify-content: space-between;
    }

    .excellence > .title {
        grid-area: 1/1/2/2;
    }

    .excellence > .content {
        grid-area: 1/2/2/3;
        padding: unset;
        margin-block: 8px 0px;
    }

    .excellence > .assets {
        grid-area: 2/2/3/3;
    }

    .excellence > *:not(.assets) {
        padding-inline: unset;
    }

    .assets > .asset:first-child {
        margin-left: unset;
    }
}

@media (width > 1199px) {
    .assets > .asset > .content > * {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

/* -- -- -- -- -- EXCELLENCE - FIN -- -- -- -- -- */


/* -- -- -- -- -- JOBS - DÉBUT -- -- -- -- -- */

.jobs {
    margin-block: 60px 78px;
}

.jobs .title {
    text-align: center;
    margin-bottom: 10px;
}

.jobs .content {
    text-align: center;
}

/* SKILL - PARTIE - DÉBUT */

.jobs .skill {
    margin-top: 43px;
}

.jobs .skill .title,
.jobs .skill .content {
    text-align: start;
}

.jobs .skill .content {
    margin-bottom: 24px;
}

/* SKILL - PARTIE - FIN */

/* SPECIALITY - PARTIE - DÉBUT */

.specialityContainer {
    display: none;
    flex-direction: column;
    gap: 24px;
    position: relative;
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
    margin-bottom: 24px;
}

.specialityContainer::-webkit-scrollbar {
    display: none;
}

.speciality {
    flex: 0 0 auto;
    height: 73vw;
    width: fit-content;
}

.speciality__images {
    display: block;
    overflow: hidden;
    height: calc(100vw - 40px);
}

.speciality__images > img {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 1 / 1;
    position: absolute;
    left: 0;
    top: 0;
}

.speciality__content {
    display: flex;
    flex-wrap: nowrap;
    gap: 16px;
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.speciality__content::-webkit-scrollbar {
    display: none;
}

.speciality__content .btn-asset {
    flex: 0 0 auto;
    font-family: var(--ffMXBo);
    font-size: 1.125rem;
    line-height: 1.5rem;
}

.speciality__content .btn-asset a {
    font-family: var(--ffMXBo);
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: var(--white);
}

.speciality__content .btn-asset.active a {
    color: var(--black);
}

.specialityContainer--mobile {
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
    margin-bottom: 24px;
}

.specialityContainer--mobile .vignette {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.specialityContainer--mobile img {
    aspect-ratio: 16/9;
}

.specialityContainer--mobile .btn-asset {
    border: none;
    padding: unset;
    font-family: var(--ffMBo);
}

.specialityContainer--mobile .btn-asset > .number {
    margin-right: 16px;
}

@media (width > 575px) {
    .specialityContainer--mobile {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (width > 767px) {
    .specialityContainer {
        display: flex;
    }

    .specialityContainer--mobile {
        display: none;
    }
}

/* SPECIALITY - PARTIE - FIN */


@media (width > 767px) {
/* SKILL - PARTIE - DÉBUT */
    .jobs .skill {
        display: grid;
        grid-template-columns: 0.44fr 0.56fr;
        gap: 0px 51px;
        position: relative;
    }

    .jobs .skill .title {
        grid-area: 1/2/2/3;
    }

    .jobs .skill .title + .content.introduction {
        grid-area: 2/2/3/3;
    }

    .jobs .skill .specialityContainer {
        grid-area: 3/2/4/3;
        position: static;
    }

    .jobs .skill .content.conclusion {
        grid-area: 4/2/5/3;
    }

    .jobs .skill .link {
        grid-area: 5/2/6/3;
    }

    .speciality__images {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 44%;
    }

    .speciality__images > img {
        height: 100%;
        aspect-ratio: unset;
    }

    .speciality__content {
        display: grid;
        gap: 16px;
        grid-template-columns: 1fr;
        overflow-x: hidden;
    }

    .speciality__content .btn-asset {
        width: 100%;
    }

    .speciality__content .btn-asset a {
        font-family: var(--ffMXBo);
        font-size: 1.125rem;
        line-height: 1.5rem;
        color: var(--white);
        display: contents;
        white-space: nowrap;
    }

/* SKILL - PARTIE - FIN */
}

@media (width > 991px) {

    .jobs {
        margin-block: 126px 158px;
        padding-block: unset;
    }

    .jobs .title {
        margin-bottom: 18px;
    }

    /* SKILL - PARTIE - DÉBUT */
    
    .speciality__content {
        gap: 32px 22px;
        grid-template-columns: repeat(2, 1fr);
    }

    .jobs .skill {
        margin-top: 86px;
    }

    .speciality__images {
        width: 41.5%;
    }

    .jobs .skill .content {
        margin-bottom: 34px;
    }

    .specialityContainer {
        margin-bottom: 34px;
    }

    /* SKILL - PARTIE - FIN */
}

@media (width > 1199px) {
    .jobs .title {
        font-size: 2.1875rem;
        line-height: 3rem;
    }

    .jobs .skill .title {
        font-size: 1.875rem;
        line-height: 2.5625rem;
    }

    .jobs > .content {
        width: 80%;
        margin-inline: auto;
    }
}

@media (width > 1439px) {
    .jobs > .content {
        width: 60%;
    }
}
/* -- -- -- -- -- JOBS - FIN -- -- -- -- -- */