body {
    background-color: #FFF;
}

.btn-next {
    background-color: #1976D2;
    border-color: #1976D2;
    border-radius: 12px;
    margin-top: 30px;
    width: 90%;
}

.btn-next:hover{
    background-color:  #FFF;
    color: #84cbf7;
    border-color: #8F88E7;
}


/* Media Query */
@media (max-width: 575.98px) { 
    .imageAsset{
        margin-top: 70px;
        max-width: 80%;
    }

    .text-title{
        margin-top: 100px;
        font-size: 36px;
    }

    .text-description{
        font-weight: 5;
        font-size: 18px;
    }

    .text-all{
        margin-top: -50px;
        max-width: 95%;
        margin-left: auto;
    }
}

@media (min-width:575.99px) and (max-width: 767.98px) { 
    .imageAsset{
        margin-top: 70px;
    }

    .text-title{
        margin-top: 50px;
        font-size: 36px;
    }

    .text-description{
        font-weight: 5;
        font-size: 18px;
    }

    .text-all{
        max-width: 95%;
        margin-left: auto;
    }
}

@media (min-width: 767.99px) and (max-width:1280.98px){
    .imageAsset{
        margin-top: 70px;
    }

    .text-title{
        margin-top: 50px;
        font-size: 36px;
    }

    .text-description{
        font-weight: 5;
        font-size: 18px;
    }

    .text-all{
        max-width: 95%;
        margin-left: auto;
    }
}

@media (min-width:1280px) { 
    .imageAsset{
        margin-top: 70px;
    }

    .text-title{
        margin-top: 50px;
        font-size: 36px;
    }

    .text-description{
        font-weight: 5;
        font-size: 18px;
    }

    .text-all{
        max-width: 95%;
        margin-left: auto;
    }
}
