.br-swiper {
    width: 100%;
}
.br-swiper .swiper {
    overflow: visible !important;
}
.br-swiper .swiper-slide {
    width: 640px;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}
@media (max-width: 2000px) {
    .br-swiper .swiper-slide {
        width: 500px;
    }
}
@media (max-width: 1700px) {
    .br-swiper .swiper-slide {
        width: 400px;
    }
}
.br-swiper .swiper-slide--wide {
    width: 840px;
}
@media (max-width: 2000px) {
    .br-swiper .swiper-slide--wide {
        width: 700px;
    }
}
@media (max-width: 1700px) {
    .br-swiper .swiper-slide--wide {
        width: 560px;
    }
}
@media (max-width: 767px) {
    .br-swiper .swiper-slide,
    .br-swiper .swiper-slide--wide {
        width: 90%;
    }
}
.br-swiper .swiper-slide.left-of-active {
    pointer-events: none;
}
@media (min-width: 1720px) {
    .br-swiper .swiper-slide.left-of-active {
        opacity: 0;
    }
}
.br-swiper .br-swiper-arrows {
    display: flex;
    gap: 24px;
    width: 100%;
    margin-top: 40px;
}
@media (max-width: 1800px) {
    .br-swiper .br-swiper-arrows {
        gap: 16px;
        margin-top: 20px;
    }
}
.br-swiper .br-swiper-arrows .swiper-button-next,
.br-swiper .br-swiper-arrows .swiper-button-prev {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    margin: 0;
    transition: transform 200ms ease-in-out, opacity 200ms ease-in-out;
}
@media (max-width: 1800px) {
    .br-swiper .br-swiper-arrows .swiper-button-next,
    .br-swiper .br-swiper-arrows .swiper-button-prev {
        width: 48px;
        height: 48px;
    }
}
.br-swiper .br-swiper-arrows .swiper-button-next:hover,
.br-swiper .br-swiper-arrows .swiper-button-prev:hover {
    transform: scale(1.1);
}
.br-swiper .br-swiper-arrows .swiper-button-next:after,
.br-swiper .br-swiper-arrows .swiper-button-prev:after {
    content: normal !important;
}
.br-swiper .br-swiper-arrows .swiper-button-next svg,
.br-swiper .br-swiper-arrows .swiper-button-prev svg {
    width: 24px !important
}

.br-swiper .br-swiper-a {
    display: block;
    transition: transform 200ms ease-in-out;
}
.br-swiper .br-swiper-a:hover {
    transform: scale(1.02);
}
.br-swiper .br-swiper-img {
    width: 100%;
    margin-bottom: 40px;
    border-radius: 40px !important;
    overflow: hidden;
}
@media (max-width: 1800px) {
    .br-swiper .br-swiper-img {
        margin-bottom: 20px;
    }
}
@media (max-width: 767px) {
    .br-swiper .br-swiper-img {
        border-radius: 20px !important;
    }
}
.br-swiper .br-swiper-img img,
.br-swiper .br-swiper-img video {
    display: block;
    width: 100%;
    aspect-ratio: 600/510;
    height: auto;
    object-fit: cover;
}
@media (min-width: 768px) {
    .br-swiper .swiper-slide--wide .br-swiper-img img,
    .br-swiper .swiper-slide--wide .br-swiper-img video {
        aspect-ratio: 840/510;
    }
}
.br-swiper .br-swiper-img--h400 img,
.br-swiper .br-swiper-img--h400 video {
    aspect-ratio: 600/400 !important;
}
.br-swiper .br-swiper-label {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 10px;
    padding: 5px 12px 3px;
    color: #000;
    background: #FEED1B;
    border-radius: 100px;
    display: inline-block;
}
.br-swiper .br-swiper-title h4,
.br-swiper .br-swiper-title h5 {
    line-height: 1.2 !important;
}
@media (min-width: 1025px) and (max-width: 1700px) {
    .br-swiper .br-swiper-title h4 {
        font-size: 24px;
    }
    .br-swiper .br-swiper-title h5 {
        font-size: 21px;
    }
}
@media (min-width: 1701px) {
    .br-swiper .br-swiper-title,
    .br-swiper .br-swiper-content {
        padding-right: 80px;
    }
}
.br-swiper .br-swiper-content {
    color: #000;
    margin-top: 24px;
}
@media (max-width: 1800px) {
    .br-swiper .br-swiper-content {
        margin-top: 16px;
    }
}
.br-swiper .br-swiper-content p {
    font-size: 18px;
    line-height: 1.8;
}
@media (max-width: 1800px) {
    .br-swiper .br-swiper-content p {
        font-size: 16px;
    }
}
.br-swiper .br-swiper-cta {
    margin-top: 24px;
}
.br-swiper .br-swiper-cta span {
    color: #019ACE;
    font-size: 18px;
    text-decoration: none;
}
.br-swiper .br-swiper-cta span:hover {
    text-decoration: underline;
}