.banner-slider-container {
    position: relative;
    /* overflow: hidden; */
    padding: 0;
}
.banner-slider-container .tns-controls {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.banner-slider-container .tns-controls button[data-controls="next"] {
    position: absolute;
    right: -14px;
}
.tns-controls button {
    padding: 2px;
    border-radius: 40px;
    background-color: var(--color-yellow);
    border: none;
}
.tns-controls .prev svg {
    transform: rotate(-180deg);
}
.tns-controls .next,
.tns-controls .prev {
    max-height: 32px;
}
.tns-controls .next svg,
.tns-controls .prev svg {
    fill: var(--color-white);
}
.banner-slider-container .tns-nav {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    column-gap: 6px;
    z-index: 999;
}
.banner-slider-container .tns-nav button {
    background-color: var(--color-yellow);
    opacity: 0.6;
    border-radius: 8px;
    padding: 6px;
    border: none;
}
.banner-slider-container .tns-nav button.tns-nav-active {
    opacity: 1;
    padding: 6px 12px;
}

div[id^="tns"],
div[id^="tns"] img {
    width: 100%;
    border-radius: 8px;
}

.tns-controls button[data-controls="prev"] {
    left: -14px;
    position: relative;
}