:root {
    --white-100: #fff;
    --white-200: #e4e6e7;
    --white-300: #c9cccf;
    --white-400: #a1a6aa;
    --white-500: #6d7478;
    --black-100: #141a1f;
    --black-200: #101418;
    --black-300: #0c0f12;
    --black-400: #080a0c;
    --black-500: #020303;
}

.sliderSec a, button {
    cursor: pointer;
    user-select: none;
    border: none;
    outline: none;
    background: none;
}
.sliderSec img {
    display: block;
    max-width: 100%;
    height: auto;
    object-fit: cover;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: crisp-edges;
}
.sliderSec .section {
    margin: 0 auto;
    padding-block: 5rem;
}
.sliderSec .container {
    max-width: 75rem;
    height: auto;
    margin-inline: auto;
    padding-inline: 1.25rem;
}
.sliderSec .swiper-button-next::after, .sliderSec .swiper-button-prev::after {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 800;
    padding: 1rem;
    width: 2rem;
    height: 2rem;
    opacity: 0.8;
    border-radius: 50%;
    color: var(--white-100);
    background: #05B4EF;
}
.swiper-slide-prev iframe{
    clip-path: polygon(0 17%, 100% 0, 100% 100%, 0 83%);
}
.swiper-slide-next iframe{
    clip-path: polygon(0 0, 100% 17%, 100% 83%, 0% 100%);
}
.swiper-slide iframe{
    border: 1px solid #fff;
}
.swiper-slide {
    margin-right: 0 !important;
}