.nt-temoignages {
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.nt-temoignages__top-swiper-wrapper {
    max-width: 100%;
    position: relative;
    background: url(../../../assets/images/bg.webp) center / cover black;
    background-attachment: fixed;
}
.nt-temoignages__top-swiper .nt-swiper-slide {
    display: flex;
    flex-direction: column;
    gap: 24px;
    text-align: center;
    justify-content: space-between;
    height: auto;
    padding: 100px 250px;
}
.nt-temoignages__top-swiper .nt-swiper-slide_content {
    color: white;
    font-size: 1.75rem;
    line-height: 1.5;
    margin: 0;
}
.nt-temoignages__top-swiper .nt-temoignages__author {
    color: white;
}
.nt-temoignages__top-swiper .nt-temoignages__website {
    background: black;
    border: 2px solid white;
    color: white;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1.25rem;
    font-weight: 500;
    padding: 14px 24px 12px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.nt-temoignages__top-swiper .nt-temoignages__website i {
    font-size: 0.875em;
    padding-bottom: 2px;
}
.nt-temoignages__top-swiper .nt-temoignages__website:hover,
.nt-temoignages__top-swiper .nt-temoignages__website:focus {
    background: var(--e-global-color-primary);
    border-color: var(--e-global-color-primary);
    color: black;
}
.nt-temoignages__top-swiper-prev,
.nt-temoignages__top-swiper-next {
    --side-offset: 100px;
    position: absolute;
    top: calc(50% - 33px);
    background: none;
    border: none;
    padding: 0;
    z-index: 10;
}
.nt-temoignages__top-swiper-prev svg *,
.nt-temoignages__top-swiper-next svg * {
    transition: .3s;
}
.nt-temoignages__top-swiper-prev rect,
.nt-temoignages__top-swiper-next rect,
.nt-temoignages__top-swiper-prev path,
.nt-temoignages__top-swiper-next path {
    fill: white;
}
.nt-temoignages__top-swiper-prev circle,
.nt-temoignages__top-swiper-next circle {
    stroke: #6A6A6A;
    fill: black;
}
.nt-temoignages__top-swiper-prev:hover circle,
.nt-temoignages__top-swiper-prev:focus circle,
.nt-temoignages__top-swiper-next:hover circle,
.nt-temoignages__top-swiper-next:focus circle {
    stroke: var(--e-global-color-primary);
    fill: var(--e-global-color-primary);
}
.nt-temoignages__top-swiper-prev:hover rect,
.nt-temoignages__top-swiper-prev:focus rect,
.nt-temoignages__top-swiper-next:hover rect,
.nt-temoignages__top-swiper-next:focus rect,
.nt-temoignages__top-swiper-prev:hover path,
.nt-temoignages__top-swiper-prev:focus path,
.nt-temoignages__top-swiper-next:hover path,
.nt-temoignages__top-swiper-next:focus path {
    fill: black;
}
.nt-temoignages__top-swiper-prev {
    left: var(--side-offset);
}
.nt-temoignages__top-swiper-next {
    right: var(--side-offset);
}


.nt-temoignages__grid {
    --grid-spacing: 40px;
}
@media (max-width: 1200px) {
    .nt-temoignages__grid {
        --grid-spacing: 20px;
    }
}
@media (max-width: 767px) {
    .nt-temoignages__grid {
        --grid-spacing: 10px;
    }
}
.nt-temoignages__grid .nt-swiper-slide {
    display: flex;
    flex-direction: column;
    gap: var(--grid-spacing);
}
.nt-temoignages__button {
    border: 1px solid black;
    background: none;
    font-family: inherit;
    aspect-ratio: 1.5;
    position: relative;
}
.nt-temoignages__button-image-overlay {
    background: black;
    color: white;
    font-size: 1.25rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: .3s;
}
.nt-temoignages__button:hover .nt-temoignages__button-image-overlay,
.nt-temoignages__button:focus .nt-temoignages__button-image-overlay {
    opacity: 1;
}
.nt-temoignages__columns {
    display: flex;
}
.nt-temoignages__left {
    flex: 0 0 50%;
    border-right: 1px solid black;
    padding: 15px 50px 15px 0;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.nt-temoignages__main-title {
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-size: var(--e-global-typography-primary-font-size);
    font-weight: var(--e-global-typography-primary-font-weight);
}
.nt-temoignages__swiper-buttons {
    display: flex;
    gap: 25px;
}
.nt-temoignages__swiper-buttons button {
    background: none;
    border: none;
    padding: 0;
}
.nt-temoignages__swiper-buttons button.swiper-button-disabled {
    opacity: 0.25;
}
.nt-temoignages__swiper-buttons button circle,
.nt-temoignages__swiper-next circle {
    transition: .3s;
}
.nt-temoignages__swiper-buttons button:hover circle,
.nt-temoignages__swiper-buttons button:focus circle {
    fill: var(--e-global-color-primary);
    stroke: var(--e-global-color-primary);
}
.nt-temoignages__right {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 10px 0 10px 50px;
}

.nt-temoignages__swiper .nt-swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: auto !important;
    gap: 36px;
}
.nt-swiper-slide_content {
    margin: 0;
}
.nt-temoignages__top-swiper .nt-swiper-slide_content {
    color: white;
    font-size: 1.75rem;
}
.nt-temoignages__author {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.nt-temoignages__author .nt-temoignages__author-function {
    font-size: 1rem;
}
.nt-temoignages__author .nt-temoignages__author-company {
    font-size: 1.875rem;
    font-weight: bold;
}

@media (max-width: 1200px) {
    .nt-temoignages__top-swiper .nt-swiper-slide {
        padding: 40px 150px;
    }
    .nt-temoignages__top-swiper-prev,
    .nt-temoignages__top-swiper-next {
        --side-offset: 40px;
    }
    .nt-temoignages__top-swiper .nt-swiper-slide_content {
        font-size: 1.25rem;
    }
    .nt-temoignages__top-swiper .nt-temoignages__website {
        font-size: 1.0625rem;
        padding: 10px 16px 8px;
    }
}
@media (max-width: 1024px) {
    .nt-temoignages--home {
        flex-direction: column-reverse;
    }
    .nt-temoignages__left {
        padding-right: 24px;
    }
    .nt-temoignages__right {
        padding-left: 24px;
    }
    .nt-temoignages__top-swiper .nt-swiper-slide {
        padding: 40px 100px 60px;
    }
    .nt-temoignages__top-swiper-prev svg,
    .nt-temoignages__top-swiper-next svg {
        width: 50px;
        height: 40px;
    }
    .nt-temoignages__top-swiper-prev,
    .nt-temoignages__top-swiper-next {
        --side-offset: 24px;
    }
}
@media (max-width: 767px) {
    .nt-temoignages {
        gap: 36px;
    }
    .nt-temoignages__columns {
        flex-direction: column;
        gap: 18px;
    }
    .nt-temoignages__left,
    .nt-temoignages__right {
        flex: 1;
        max-width: none;
        padding: 0;
    }
    .nt-temoignages__left {
        border-right: none;
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        gap: 24px;
    }
    .nt-temoignages__swiper .nt-swiper-slide {
        gap: 18px;
    }
    .nt-temoignages__swiper-buttons {
        gap: 12px;
        width: 100%;
        justify-content: center;
    }
    .nt-temoignages__swiper-buttons svg {
        height: 40px;
        width: 50px;
    }
    .nt-temoignages__top-swiper .nt-swiper-slide_content {
        font-size: 1.0625rem;
    }
    .nt-temoignages__top-swiper .nt-swiper-slide {
        padding: 24px 36px 60px;
    }
    .nt-temoignages__top-swiper-prev,
    .nt-temoignages__top-swiper-next {
        bottom: 5px;
        top: unset;
        right: unset;
    }
    .nt-temoignages__top-swiper-prev {
        left: 5px;
    }
    .nt-temoignages__top-swiper-next {
        left: 60px;
    }
}