.th-light .slider-full {
    background: var(--ocre-20);
}
.slider-full {
    padding: 32px 20px;
}
@media screen and (min-width: 768px) {
    .slider-full {
        padding: 64px 20px;
    }
}
.slider-full--title {
    margin-bottom: 24px;
}
@media screen and (min-width: 992px) {
    .slider-full--title {
        margin-bottom: 32px;
    }
}

.slider-full--slider {
    position: relative;
}
.slider-full--slider img {
    height: 360px;
    -o-object-fit: cover;
    object-fit: cover;
}
@media screen and (min-width: 992px) {
    .slider-full--slider img {
        height: 480px;
    }
}
.slider-full--slider-dots {
    display: flex;
    justify-content: center;
    gap: 16px;
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    bottom: 16px;
    z-index: 2;
}
@media screen and (min-width: 992px) {
    .slider-full--slider-dots {
        transform: none;
        right: 32px;
        bottom: 32px;
    }
}
.slider-full--slider-dots button {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--white);
    transition: all 0.4s ease;
    position: relative;
    cursor: pointer;
}
.slider-full--slider-dots button::before {
    content: "";
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    position: absolute;
    top: -4px;
    left: -4px;
    border: 1px solid var(--white);
    border-radius: 50%;
    opacity: 0;
    transition: all 0.4s ease;
}
.slider-full--slider-dots button.active::before {
    opacity: 1;
}
.slider-full--slider-navigation {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    padding-inline: 8px;
    z-index: 1;
}
@media screen and (min-width: 992px) {
    .slider-full--slider-navigation {
        padding-inline: 32px;
    }
}
.slider-full .slider-full--slider-navigation .btn-only.secondary {
    --color: var(--neutre-100);
    --bg-color: var(--white);
    --border-color: var(--white);
    --color-hover: var(--white);
    --bg-color-hover: var(--neutre-100);
    --border-color-hover: var(--neutre-100);
}

.slider-full .co-text {
    align-items: center;
}
.slider-full .co-text p,
.slider-full .co-text h2 {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .slider-full .co-text--content p:not(.uptitle) {
        text-align: center;
    }
}

.slider-full .co-text--content-btn {
    justify-content: center;
}