section.landing-page .container{
    height: 90vh;
}

section.landing-page .hero-div{
    min-height: 90vh;
    max-height: 90vh;
}

section.container-fluid.jelajah-investasi-mention{
    background: #00A687;
}

.carousel-ahli-articles{
    background: #00A687;
}

section.jelajah-investasi-mention .card{
    width: 100%;
    margin-right: 30px;
}

section.jelajah-investasi-mention .card:last-child{
    margin-right: 0;
}

section.jelajah-investasi-mention .card .card-subtitle{
    width: 100%;
}

.container.ahli-card h6 {
    color: #00A687;
}

@media screen and (max-width: 1080px) {
    .border-vertical{
        border: none !important;
    }

    .col-xl-7 {
        padding-bottom: 20px;
        border-bottom: #c7cbcf 1px solid;
    }

    /* Mengatur lebar kolom dengan kelas .col-xxl-4 agar mengikuti responsifnya */
    .col-xl-4 {
        padding-top: 20px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    a.profile-avatar .fw-bold.fs-6.ms-3{
        margin-left: 0 !important;
    }

    .carousel-inner .align-items-center.mt-4{
        margin-top: 0 !important;
    }
}

@media screen and (min-width: 1200px) {
    .ratio-4x3{
        --bs-aspect-ratio: 70%;
    }
}
.carousel-control-next, .carousel-control-prev {
    width: 3%;
}

.carousel .carousel-indicators {
    margin-bottom: -35px;
}

section.ahli-mention .ahli-img-frame{
    width: 80px;
    height: 80px;
}

section.carousel-ahli-articles #carousel-articles .card{
    max-width: 90%; 
    min-width: 90%;
}

section.carousel-ahli-articles a.profile-avatar, section.carousel-ahli-articles #simple-animation-underline{
    max-width: 100%;
}

section.carousel-ahli-articles #simple-animation-underline, section.featured-articles #simple-animation-underline{
    color: #00A687;
}

section.carousel-ahli-articles small{
    max-width: 80%;
}

section.featured-articles a.profile-avatar{
    max-width: 65%;
}

section.featured-articles #hover-animated-button{
    color: #00211B; 
    font-weight: 600;
}