.slider-programs--container {
    display: flex;
    flex-direction: column;
    gap: 32px
}

@media screen and (min-width: 992px) {
    .slider-programs--container {
        flex-direction: row;
        gap: 0;
        overflow: hidden
    }
}

.slider-programs--inner {
    padding-inline: 16px
}

@media screen and (min-width: 992px) {
    .slider-programs--inner {
        padding-inline: clamp(16px, 5.56vw, 80px)
    }
}

.slider-programs--inner h2 {
    color: var(--black);
    font-weight: 300
}

.slider-programs--inner h2 span {
    font-weight: 900
}

.slider-programs--inner .uptitle {
    margin-bottom: 24px;
    color: var(--black);
}

@media screen and (min-width: 992px) {
    .slider-programs--inner .uptitle {
        margin-bottom: 40px
    }
}

.slider-programs--inner .btn {
    color: var(--black);
}

.slider-programs--inner .btn span span {
    background: var(--black);
}

.slider-programs--inner div:not(.slider-programs--nav) {
    display: flex;
    flex-direction: column;
    gap: 16px
}

@media screen and (min-width: 992px) {
    .slider-programs--inner div:not(.slider-programs--nav) {
        gap: 24px
    }
}

@media screen and (min-width: 992px) {
    .slider-programs--slider {
        width: clamp(0px, 64.58vw, 930px)
    }
}

.slider-programs--nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px
}

@media screen and (min-width: 992px) {
    .slider-programs--nav {
        justify-content: flex-start;
        margin-top: 30px
    }
}

.slider-programs--nav button {
    background: var(--green);
    border: 1px solid var(--green);
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
    cursor: pointer
}

.slider-programs--nav button::before {
    content: "";
    width: 24px;
    height: 24px;
    background: var(--dark-blue);
    transition: all .3s ease
}

.slider-programs.access-pro .slider-programs--nav button {
    background: var(--dark-blue);
    border-color: var(--dark-blue)
}

.slider-programs.access-pro .slider-programs--nav button::before {
    background: var(--white)
}

.slider-programs--nav button:hover {
    background: var(--dark-blue)
}

.slider-programs--nav button:hover::before {
    background: #fff
}

.slider-programs--nav button.owl-prev::before {
    -webkit-mask: url("../images/chevron-left.svg") no-repeat center;
    mask: url("../images/chevron-left.svg") no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain
}

.slider-programs--nav button.owl-next::before {
    -webkit-mask: url("../images/chevron-right.svg") no-repeat center;
    mask: url("../images/chevron-right.svg") no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain
}

@media screen and (max-width: 991px) {
    .slider-programs .-desk {
        display: none
    }
}

@media screen and (min-width: 992px) {
    .slider-programs .-mob {
        display: none
    }
}

.slider-programs .btn.-mob {
    margin-inline: auto;
    transform: translateX(-24px);
}

.slider-programs .card-actu:hover .see-more {
    background: var(--green)
}

.slider-programs .card-actu:hover .see-more::after {
    background: var(--dark-blue)
}

.slider-programs.access-pro .card-actu:hover .see-more {
    background: var(--dark-blue)
}

.slider-programs.access-pro .card-actu:hover .see-more::after {
    background: var(--white)
}

.slider-programs .card-actu .location::before,
.slider-programs .card-actu .quantity-informations::before {
    background: var(--green)
}

.slider-programs.access-pro .card-actu .location::before,
.slider-programs.access-pro .card-actu .quantity-informations::before {
    background: var(--dark-blue)
}

.slider-programs .owl-stage {
    margin-left: -16px
}

@media screen and (min-width: 992px) {
    .slider-programs .owl-stage {
        margin-left: -120px
    }
}

@media screen and (min-width: 1441px) {
    .slider-programs .owl-stage {
        margin-left: 0
    }
}

.slider-programs .owl-stage-outer {
    overflow: hidden
}