section.simple-slider>.gb-container {
    display: flex;
    overflow-x: auto;
    margin: 0;
    padding: 0;
    scroll-snap-type: x mandatory;
    overflow-y: hidden;
}
section.simple-slider>.gb-container::-webkit-scrollbar{
    display:none;
}
section.simple-slider>.gb-container>.gb-container {
    scroll-snap-align: center;
    min-width: 100%;
}
section.simple-slider>.gb-container>.gb-container .gb-container>* {
    opacity: 0;
    transform: translateY(50px);
    transition: transform 0s, opacity 0s;
}
section.simple-slider.loaded>.gb-container>.gb-container .gb-container>*{transition-duration:0.7s}
section.simple-slider.loaded>.gb-container>.gb-container.active .gb-container>*:nth-child(2){transition-delay:0.2s}
section.simple-slider.loaded>.gb-container>.gb-container.active .gb-container>*:nth-child(3){transition-delay:0.4s}
section.simple-slider.loaded>.gb-container>.gb-container.active .gb-container>*:nth-child(4){transition-delay:0.6s}
section.simple-slider.loaded>.gb-container>.gb-container.active .gb-container>*:nth-child(5){transition-delay:0.8s}
section.simple-slider.loaded>.gb-container>.gb-container.active .gb-container>*:nth-child(6){transition-delay:1.0s}
section.simple-slider.loaded>.gb-container>.gb-container.active .gb-container>*:nth-child(7){transition-delay:1.2s}
section.simple-slider.loaded>.gb-container>.gb-container.active .gb-container>*{
    opacity:1;
    transform:translateY(0);
}
section.simple-slider {
    position: relative;
}

section.simple-slider>.slider-nav {
    position: absolute;
    left: 50%;
    top: 50%;
    pointer-events: none;
    display: flex;
    justify-content: space-between;
    width: 1400px;
    max-width: 100%;
    transform: translate(-50%);
}

section.simple-slider>.slider-nav>a {
    width: 48px;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    /* background: #00000033; */
    pointer-events: all;
    cursor: pointer;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    /* overflow: hidden; */
    /* background: #00000033; */
}

section.simple-slider>.slider-nav>a:after {
    content: "";
    width: 35%;
    aspect-ratio: 1/1;
    border-top: solid 4px;
    border-left: solid 4px;
    color: var(--accent);
    transition: color 0.3s;
}

section.simple-slider>.slider-nav>a:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    opacity: 0;
    background: var(--accent);
    transform-origin: 0% 50%;
    
    transform: rotate(180deg);
    pointer-events: none;
    transition: transform 0.3s, opacity 0.3s;
}

section.simple-slider>.slider-nav>a.next:before {
    /* transform-origin: 100% 50%; */
}

section.simple-slider>.slider-nav>a.next:after {
    transform: rotate(135deg);
    margin-left: -10%;
}

section.simple-slider>.slider-nav>a.prev:after {
    transform: rotate(-45deg);
    margin-left: 10%;
}

section.simple-slider>.slider-nav>a:hover:before {
    transform: rotate(0deg);
    opacity:1;
    transform-origin: 100% 50%;
}

section.simple-slider>.slider-nav>a:hover:after {
    color: #fff;
}