.hero-image{
    width: 100%;
}

.hero-description{
    width: 100%;
}


/* Stock Section */
.stock-section{
    margin-top: 4rem;
    padding: 1rem;
}

.stock-section .card{
    margin-bottom: 2rem;
}

.stock-section .card p{
    font-size: 3rem;
}
/* Stock Section */

/* Manfaaat Section */
.manfaat-section{
    padding: 1rem 2rem;
}

.manfaat-section .card{
    padding: 1rem 0;
}
/* Manfaaat Section */

/* Tampilan Desktop */

@media (min-width: 992px) { 
    .hero-section{
        margin-bottom: 11rem;
    }

    .hero-description{
        width: 45%;
    }

    .stock-section{
        padding: 1rem 5rem;
    }

    .stock-section .card{
        width: 20%;
        margin-right: 1rem;
        margin-bottom: 3.5rem;
    }
    .stock-section .card p{
        font-size: 5rem;
    }

    /* Manfaat Section */
    .manfaat-section{
        padding: 1rem 5rem;
    }

    .manfaat-section .card{
        padding: 1.5rem 5rem;
    }

    .manfaat-section img{
        width: 70%;
    }
    /* Manfaat Section */
}

/* Tampilan Desktop */