/* slick */
.slick-dots li.slick-active button:before {
    color: #007a70;
}

.slick-dots li button::before {
    font-size: 34px;
}

.slick-prev,
.slick-next {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: grey;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.slick-prev:before,
.slick-next:before {
    content: "<";
    font-size: 28px;
    color: #007a70;
    background-color: transparent;
}

.slick-next:before {
    content: ">";
}

/* ======= beranda ====== */
/* banner slider */
.img-banner-slider {
    width: 1920px;
    height: auto;
    object-fit: cover;
}
/* program */
.icon-program {
    width: 54px;
    height: 54px;
    object-fit: contain;
}
/* materi */
.materi-slider .slick-slide {
    margin: 10px;
}
.img-materi {
    aspect-ratio: 1/1;
    object-fit: cover;
}
.img-detail-materi {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
}
.height-title-materi {
    height: 54px;
}
/* berita */
.berita-slider .slick-slide {
    margin: 10px;
}

/* biaya */
.biaya-slider .slick-slide {
    margin: 10px;
}

/* biaya */
.agenda-slider .slick-slide {
    margin: 8px;
}

/* mentor */
.mentor-slider .slick-slide {
    margin: 10px;
}
.img-berita {
    aspect-ratio: 4/3;
    object-fit: cover;
}
.img-detail-berita {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
}
.title-berita {
    height: 138px;
}
/* fitur unggulan */
.icon-fitur {
    width: 48px;
    height: auto;
    object-fit: contain;
}
/* testimoni */
.img-testimoni {
    object-fit: cover;
}
.testimoni-slider .slick-slide {
    margin: 10px;
}
.testimonial__text {
    height: 160px;
}
/* tentang */
/* .content-tentang {
    width: 70%;
} */
/* mitra */
.img-mitra {
    height: 64px;
    object-fit: contain;
}

/* jadwal */
.custom-select {
    width: 160px;
}
.tanggal-w {
    width: 160px;
    padding-right: 20px;
}
.tema-w {
    width: 280px;
}
.lokasi-w {
    width: 70px;
}
.img-jadwal {
    width: 72px;
    height: 72px;
    object-fit: cover;
}
.img-detail-jadwal {
    width: 100% !important;
    aspect-ratio: 1/1;
    object-fit: cover;
}

/* galeri */
.img-gallery {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
}
.galeri-padding {
    padding: 15px;
}

/* mentor */
.img-mentor {
    width: 259px;
    height: 370px;
    object-fit: contain;
}

/* ======= tablet ====== */
@media (max-width: 991.98px) {
    .content-tentang {
        width: 100%;
    }
    .img-materi {
        width: 100%;
        aspect-ratio: 1/1;
        object-fit: cover;
    }
    .img-berita {
        width: 100%;
        aspect-ratio: 4/3;
        object-fit: cover;
    }
}

/* ======= mobile ====== */
@media (max-width: 767.98px) {
    .slick-next {
        margin-right: 34px;
        z-index: 5;
    }
    .slick-next {
        right: -25px;
    }
    .slick-prev {
        margin-left: 25px;
        z-index: 5;
    }
    .slick-prev {
        left: -25px;
    }
    .img-materi {
        width: 100%;
        aspect-ratio: 1/1;
        object-fit: cover;
    }
    .img-berita {
        width: 100%;
        aspect-ratio: 4/3;
        object-fit: cover;
    }
}