/* Add custom CSS styles below */ 
.s-block--hero-slider .swiper-slide .overlay-bg:after {
    position: absolute;
    top: 0px;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    --tw-content: "";
    content: "";
    content: var(--tw-content)
}

input[type=radio].sr-only div.s-block--hero-slider .swiper-slide .overlay-bg:after {
    transition: all .3s
}

input[type=radio].sr-only:checked~div.s-block--hero-slider .swiper-slide .overlay-bg:after {
    border-color: var(--color-main)
}