.banner-slider .swiper-button-next,
.banner-slider .swiper-button-prev {
    display: none !important;
}

.banner-slider {
    box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
    border-radius: 36px;
    position: relative;
    z-index: 2;
}

.swiper-slide img {
    width: 100%;
}

.panduan-navigation-holder>ul {
    display: flex;
}

.panduan-navigation-holder>ul>li {
    flex: 1;
    /* make li items equal width */
}

.panduan-navigation-holder>ul>li>a {
    display: flex;
    align-items: center;
    /* vertically center text */
    justify-content: center;
    padding: 10px;
    text-align: center;
    height: 100%;
    border-bottom: 3px solid transparent;
    /* placeholder for underline */
}

.panduan-navigation-holder>ul>li>a.active {
    color: #2B706B;
    border-bottom: 3px solid #47BAB3;
    /* underline stays aligned */
    background: none;
    /* remove the background trick */
}

.panduan-content-inner figure.media {
    width: 100%;
}

.video-container {
    width: 100%;
}

.video-container iframe {
    height: 350px;
    width: 100%;
    border-radius: 24px;
    box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
}

/* mobile screen */

@media only screen and (max-width: 768px) {
    .video-container iframe {
        height: 250px;
    }
}