.img-banner-home,
.img-banner-home__mobile {
    object-fit: cover;
    box-shadow: none;
    width: 100%
}

#appHomePage .body-of-content.is-nav-show {
    padding-top: 0 !important
}

.wrapper-banner-home {
    display: none
}

.wrapper-banner-home__mobile {
    display: block
}

.img-banner-home {
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px
}

/* Ukuran sangat kecil (smartphone portrait) */
@media (min-width: 320px) { 
.img-banner-home__mobile {
    height: auto; 
}
 }

/* Ukuran kecil (smartphone landscape) */
@media (min-width: 480px) { 
.img-banner-home__mobile {
    height: auto;
    aspect-ratio: 3/5
}
 }

/* Ukuran sedang (tablet kecil) */
@media (min-width: 576px) { 
.img-banner-home__mobile {
    height: auto;
    aspect-ratio: 3/5
}
 }

/* Ukuran tablet (portrait) */
@media (min-width: 768px) { 
.img-banner-home__mobile {
    height: auto;
    aspect-ratio: 4/5
}
 }

/* Ukuran tablet (landscape) & laptop kecil */
@media (min-width: 992px) { 
.img-banner-home__mobile {
    height: auto;
    aspect-ratio: 4/5
}
 }

  
.banner-caption {
    height: max-content;
    max-height: max-content;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%
}

.banner-text--wrapper-subtitle {
    position: absolute;
    text-align: center;
    bottom: 1rem;
    width: 100%
}

.banner-text--subtitle,
.banner-text--title {
    color: #fff;
    text-shadow: 3px 3px 5px #00000075
}

@media only screen and (max-width:576px) {
    .banner-caption {
        max-width: 90%
    }

    .banner-text--title {
        font-size: 2rem
    }

    .banner-text--subtitle {
        font-size: .675rem
    }
}

@media only screen and (min-width:577px) {
    .banner-caption {
        max-width: 90%
    }

    .banner-text--title {
        font-size: 2.5rem
    }

    .banner-text--subtitle {
        font-size: .875rem
    }

    .wrapper-banner-home {
        display: block
    }
}

@media only screen and (min-width:768px) {
    .banner-caption {
        max-width: 40rem
    }
}

@media only screen and (min-width:992px) {
    .banner-caption {
        max-width: 50rem
    }

    .banner-text--title {
        font-size: 3rem
    }

    .banner-text--subtitle {
        font-size: 1rem
    }
}

@media only screen and (min-width:768px) {
    .wrapper-banner-home__mobile {
        display: none
    }

    .img-banner-home {
        height: 100%;
        max-height: 28.25rem
    }

    .banner-text--subtitle {
        font-size: 1.25rem
    }
}

@media only screen and (min-width:1700px) {
    .img-banner-home {
        height: 100%;
        max-height: 36.75rem !important
    }
}

@media only screen and (min-width:2100px) {
    .img-banner-home {
        height: 100%;
        max-height: 46.75 !important
    }
}