/* BREAKPOINT */
/* bloc-nos-savoir-faire */
.nos-savoir-faire {
    background-color: var(--light-orange);
}

.nos-savoir-faire.white {
    background-color: var(--white);
}

.nos-savoir-faire .nos-savoir-faire--container {
    padding: 40px 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

@media screen and (min-width: 1025px) {
    .nos-savoir-faire .nos-savoir-faire--container {
        gap: 80px;
    }
}

@media screen and (min-width: 1281px) {
    .nos-savoir-faire .nos-savoir-faire--container {
        padding: 120px 0 0 0;
    }
}

.nos-savoir-faire .nos-savoir-faire--container .container-header {
    padding: 0 16px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

@media screen and (min-width: 1281px) {
    .nos-savoir-faire .nos-savoir-faire--container .container-header {
        padding: 0 80px;
    }
}

.nos-savoir-faire .nos-savoir-faire--container .container-header .container-title {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.nos-savoir-faire .nos-savoir-faire--container .container-header .container-title .uptitle {
    letter-spacing: 1.4px;
}

.nos-savoir-faire .nos-savoir-faire--container .container-header .container-content {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

@media screen and (min-width: 1025px) {
    .nos-savoir-faire .nos-savoir-faire--container .container-header .container-content {
        display: block;
        column-count: 2;
        column-gap: 80px;
    }

    .nos-savoir-faire .nos-savoir-faire--container .container-header .container-content.divide {
        column-count: 1;
        column-gap: 0;
        display: flex;
        flex-direction: row;
        gap: 170px;
    }

    .nos-savoir-faire .nos-savoir-faire--container .container-header .container-content.divide div:first-child p {
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 2.25rem;
    }
}

.nos-savoir-faire .nos-savoir-faire--container .container-image {
    display: flex;
    flex-direction: column;
    gap: 40px;
    position: relative;
}

@media screen and (min-width: 1025px) {
    .nos-savoir-faire .nos-savoir-faire--container .container-image .import--content-keynumb {
        max-width: 830px;
        width: 100%;
        background-color: var(--light-orange);
        position: absolute;
        top: 0;
        right: 0;
        padding: 0 60px 48px 60px;
        justify-content: flex-start;
        z-index: 1;
    }

    .nos-savoir-faire.white .nos-savoir-faire--container .container-image .import--content-keynumb {
        background-color: var(--white);
    }
}

.nos-savoir-faire .nos-savoir-faire--container .container-image .import--content-keynumb .keynumb .inner {
    max-width: 155px;
    width: 100%;
    align-self: flex-end;
    padding-left: 40px;
}

@media screen and (min-width: 768px) {
    .nos-savoir-faire .nos-savoir-faire--container .container-image .import--content-keynumb .keynumb .inner {
        max-width: 250px;
    }
}

.nos-savoir-faire .nos-savoir-faire--container .container-image img {
    object-fit: cover;
    height: 360px;
    width: 100%;
}

@media screen and (min-width: 1025px) {
    .nos-savoir-faire .nos-savoir-faire--container .container-image img {
        height: 700px;
    }
}

.import--content-keynumb {
    padding-left: 16px;
}

@media screen and (min-width: 1025px) {
    .import--content-keynumb {
        display: flex;
        gap: 100px;
    }
}

.import--content-keynumb .keynumb {
    display: flex;
    position: relative;
    min-width: 170px;
    flex-direction: row;
    max-width: 250px;
    flex-wrap: wrap;
}

@media screen and (min-width: 1025px) {
    .import--content-keynumb .keynumb {
        min-width: unset;

    }
}

.import--content-keynumb .keynumb::after {
    position: absolute;
    right: -30px;
    transform: translateX(-50%);
    content: "";
    height: 62px;
    width: 1px;
    background: var(--black);
    transform: rotate(8deg);
}

@media screen and (min-width: 1025px) {
    .import--content-keynumb .keynumb::after {
        right: -50px;
    }
}

@media screen and (min-width: 1025px) {
    .import--content-keynumb .keynumb:last-child::after {
        content: none;
    }
}

.import--content-keynumb .numb {
    color: var(--orange);
    font-family: var(--silka);
    font-size: 4rem;
    line-height: normal;
    font-weight: 300;
    position: relative;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: max-content;
    padding-right: 40px;
}

.import--content-keynumb .numb::after {
    content: "+";
    position: absolute;
    top: -8px;
    right: 16px;
    font-size: 2rem;
}

.import--content-keynumb .numb.prefix::after {
    content: none;
}

.import--content-keynumb .numb.prefix {
    padding-right: 16px;
}

.import--content-keynumb .inner {
    color: var(--darkgrey);
    font-family: var(--silka);
    font-size: 0.875rem;
    line-height: 150%;
    text-transform: uppercase;
    font-weight: 500;
    max-width: 110px;
    padding-left: 40px;
}

@media screen and (min-width: 768px) {
    .import--content-keynumb .inner {
        max-width: unset;
        padding-left: unset;
    }
}

.import--content-keynumb .owl-dots {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin: 32px 0 0;
}

.import--content-keynumb .owl-dot {
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: var(--orange) !important;
    opacity: 0.3;
}

.import--content-keynumb .owl-dot.active {
    opacity: 1;
}

/* // bloc-nos-savoir-faire */