.index-card-bg{
    background-image: url('/assets/img/produk-andalan-asset-1.png');
}
.index-ungulan-bg { 
    background-image: url('/assets/img/background-produk-andalan-leftmiddle.png');
}

@media (min-width: 640px) {
    .index-card-bg {background-image: url('/assets/img/produk-andalan-asset-1.png');}
    .index-ungulan-bg { background-image: url('/assets/img/background-produk-andalan-leftmiddle.png');}
}

@media (min-width: 768px) { 
    .index-card-bg{background-image:none;}
    .index-ungulan-bg { background-image: none;}
}

@media (min-width: 1024px) { 
    .index-card-bg {background-image: url('/assets/img/bg-prodak-andalan.png');}
    .index-ungulan-bg { background-image: url('/assets/img/background-produk-andalan-leftmiddle.png');}
}

.btn{
    @apply bottom-2 border-[#62408F] py-2 px-4 rounded-full
}

.splide__slide {
    padding: 15px;
}

.splide__slide iframe {
    width: 100%;
    height: 65vh;
    border-radius: 8px;
}

.custom__splide__arrow--prev, .custom__splide__arrow--next {
    width: 3em !important;
    height: 3em !important;
    z-index: 10 !important;
}

.custom__splide__arrow--prev {
    left: 2em !important;
}

.custom__splide__arrow--next {
    right: 2em !important;
}

.active {
    background-color: #FF0000;
    color: white;
}