.glide__slide {
    position: relative;
}

.glide__slide.imageTopValue {
    margin-top: 3.75rem;
}

.glide__slide .slide__content--img {
    /*height: 27.0625rem;*/
    /*min-width: 40.5625rem;*/
    /*max-width: calc(100% - 22.75rem);*/
    /*margin-top: 0;*/
    /*width: 100%;*/
    max-width: calc(100% - 2.8125rem);
    min-width: 20.9375rem;
    margin-top: 0;
    object-fit: cover;
}

@media (min-width: 768px) {
    .glide__slide .slide__content--img {
        height: 19.375rem;
        min-width: 29rem;
        max-width: calc(100% - 11.25rem);
        margin-left: 0
    }
}

@media (min-width: 992px) {
    .glide__slide .slide__content--img {
        height: 26rem;
        min-width: 39rem;
        max-width: calc(100% - 11.25rem);
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    .glide__slide .slide__content--img {
        height: 27.0625rem;
        min-width: 40.5625rem;
        max-width: calc(100% - 22.75rem);
        margin-left: 0
    }
}

.glide__slide .slide__content--desc {
    opacity: 0;
}

.glide__slide--active .slide__content--desc {
    opacity: 1;
    width: 85%;
    max-width: 420px;
    height: 12.6875rem;
    border: 1px solid var(--color-reef);
    position: absolute;
    right: 0;
    top: auto;
    bottom: -3.75rem;
    padding: 12px;
}

@media (min-width: 768px) {
    .glide__slide--active .slide__content--desc {
        max-width: none;
        width: 28.6875rem;
        height: 16.6875rem;
    }
}

/*html[dir="rtl"] .glide__slide--active .slide__content--desc {*/
/*    left: 0;*/
/*    right: auto;*/
/*}*/

.glide__slide--active .slide__content--desc .slide__content--desc-wrapper {
    background: var(--color-pearl);
    padding: calc(32px / 2);
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0px 0px 4px 0px #00000040;
}

@media (min-width: 768px) {
    .glide__slide--active .slide__content--desc .slide__content--desc-wrapper {
        padding: 32px;
    }
}

.glide__slide--active.imageTopValue .slide__content--desc {
    top: -3.75rem;
    bottom: auto;
}

.slide-in-from-left {
    animation: slideInFromLeftMobile 1200ms forwards;
}

@media (min-width: 768px) {
    .slide-in-from-left {
        animation: slideInFromLeft 1200ms forwards;
    }
}

@keyframes slideInFromLeftMobile {
    from {
        left: -50%;
    }

    to {
        left: calc(50% - 35%);
    }
}

@keyframes slideInFromLeft {
    from {
        left: -50%;
    }

    to {
        left: 50%;
    }
}

.slide-in-from-right {
    animation: slideInFromRight 1200ms forwards;
}

@keyframes slideInFromRight {
    from {
        left: 100%;
    }

    to {
        left: 50%;
    }
}

.changeLeft {
    animation-timing-function: ease-in;
    animation: awayFromVW 1200ms forwards;
}

@keyframes awayFromVW {
    from {
        left: 50%;
    }

    to {
        left: -45%;
    }
}

.changeRight {
    animation-timing-function: ease-in;
    animation: awayFromRightVW 1200ms forwards;
}

@keyframes awayFromRightVW {
    from {
        right: 0%;
    }

    to {
        right: -45%;
    }
}

.changeRight1 {
    animation-timing-function: ease-in;
    animation: awayFromRightVW1 1200ms forwards;
}

@keyframes awayFromRightVW1 {
    from {
        right: -45%;
    }

    to {
        right: 0%;
    }
}

.changeLeft1 {
    animation-timing-function: ease-in;
    animation: awayFromLeftVW1 1200ms forwards;
}

@keyframes awayFromLeftVW1 {
    from {
        left: -45%;
    }

    to {
        left: 0%;
    }
}

.offsetleft .slide__content--img {
    animation-timing-function: ease-in;
    animation: offsetLeftMobile 1200ms forwards;
}

@media (min-width: 768px) {
    .offsetleft .slide__content--img {
        animation: offsetLeft 1200ms forwards;
    }
}

@keyframes offsetLeftMobile {
    from {
        margin-left: 0;
    }

    to {
        margin-left: 2rem;
    }
}

@keyframes offsetLeft {
    from {
        margin-left: 0;
    }

    to {
        margin-left: 17.8125rem;
    }
}

.offsetleftremove .slide__content--img {
    animation: offsetLeftRemoveMobile 1000ms forwards;
    animation-timing-function: ease-in;
}

@media (min-width: 768px) {
    .offsetleftremove .slide__content--img {
        animation: offsetLeftRemove 1000ms forwards;
    }
}

@keyframes offsetLeftRemoveMobile {
    from {
        margin-left: 2rem;
    }
    to {
        margin-left: 0;
    }
}

@keyframes offsetLeftRemove {
    from {
        margin-left: 17.8125rem;
    }
    to {
        margin-left: 0;
    }
}

/**glide__nav_container**/
.glide__nav_container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
}

@media (min-width: 768px) {
    .glide__nav_container {
        gap: 8px;
    }
}

.glide__bullet_x {
    height: 1px;
    width: 24px;
    background: var(--color-gold);
    cursor: pointer;
}

.glide__bullet_x.glide__bullet--active {
    background: var(--color-reef);
    height: 3px;
}

@media (min-width: 768px) {
    .glide__bullet_x {
        width: 60px;
    }
}