/** Sliders **/
.section-sliders .sw--slider {
    border-radius: 2rem;
}
.slider-item {
    position: relative;
    height: 50vh;
    width: 100%;
    color: white;
}
.section-sliders .slider-item:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
    background: linear-gradient(-90deg, var(--color1), transparent);
}
.slider-item .slider-body {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 85px;
    /*width: calc(100% - 170px);*/
    z-index: 3;
    width: 50%;
}
.slider-item img {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}
.slider-item .subtitle {
    padding-right: 20px;
    position: relative;
    color: white;
}
.slider-item .s-title {
    color: white;
    font-size: clamp(20px, 3vw, 36px);
}
.loader {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.loader::after,
.loader::before {
    content: '';
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #FFF;
    position: absolute;
    left: 0;
    top: 0;
    animation: animloader 2s linear infinite;
}
.loader::after {
    animation-delay: 1s;
}
@keyframes animloader {
    0% {
        transform: scale(0);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}
.slider-item .desc {
    margin: 2rem 0 3rem;
}
.slider-item .btn-1 {
    background: white;
    color: black !important;
}
.slider-item .btn-1:before,
.slider-item .btn-1:after {
    border-right-color: var(--color1);
    background-color: var(--color1);
}
.section-sliders .arrow-swiper {
    width: calc(100% + 2rem);
    right: -1rem;
}
.section-sliders .arrow-swiper > div {
    background: none;
}
.arrow-swiper > div:hover {
    color: var(--color1);
}
.section-sliders .arrow-swiper > div:before {
    content: "\e92b";
    font-family: 'icomoon';
    color: white;
    font-size: 99px;
    position: absolute;
    z-index: -1;
    right: 0px;
}
.section-sliders .arrow-swiper .swiper-sw-next:before {
    left: 0px;
    right: auto;
    transform: rotateY(180deg);
}
@media only screen and (max-width: 768px) {
    .slider-item .slider-body {
        position: absolute;
        top: 20px;
        transform: unset;
        right: 28px;
        width: calc(100% - 56px);
        z-index: 3;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .slider-item .s-title {
        text-align: center;
    }
    .slider-item .desc {
        text-align: center;
        margin: 1rem 0 0rem;
    }
    .slider-item .c-btn {
        margin-block: 1rem;
    }
    .section-sliders .slider-item:before {
        background: linear-gradient(180deg, var(--color1), transparent);
    }
    .section-sliders .arrow-swiper {
        top: calc(100% - 8rem);
        transform: unset;
        width: calc(100% + 1rem);
        right: -.5rem;
    }
    .section-sliders .arrow-swiper .swiper-sw-next {
        margin-right: -8px;
    }
    .section-sliders .arrow-swiper .swiper-sw-prev {
        margin-left: -8px;
    }
}