@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300&family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500&display=swap');
.gradient-color{
    background: rgb(0,71,171);
    background: linear-gradient(90deg, rgba(0,71,171,0.804359243697479) 24%, rgba(3,140,208,0.22172619047619047) 60%);
    
}

.float-right-card {
    margin-top: 350px !important;
    float: right;
    padding-right: 199px;
}

.text-div{
    padding-left: 400px;

}

.about-course{
    width: 43%;
    text-align: justify;
    margin-left: 20%;
}
.text-size{
    font-size: 60px;
}

small{
    font-size: 14px;
    color: gray !important;
    font-weight: bold;
    font-family: 'Raleway', sans-serif;
    border-bottom: none !important;
    padding-bottom: 0px !important;
}

li{
    font-family: 'Roboto', sans-serif !important;
    font-weight: 200;
    padding-top: 2px !important;

}

h1{
    font-family: 'Roboto', sans-serif !important;
}
p{
    font-family: 'Roboto', sans-serif !important;
}

a{
    font-family: 'Roboto', sans-serif !important;
}
.card-buy-now-button{
    display: none;
}

.about-course{
    height: auto;
}

.about-course > h1{
    /* display: none; */
    font-family: 'Inter', sans-serif !important;
}


@media screen and (max-width: 480px) {
    .text-div{
        padding-left: 1px;
    }

    .change-display-dir{
        flex-direction: column;
    }

    .float-right-card {
        margin-top: 90px !important;
        float: right;
        padding-right: 0px;
    }
    .text-size{
        font-size: 40px;
    }
    .card-buy-now-button{
        display: block;
    }
    .banner-buy-now-btn{
        display: none;
    }

    .about-course {
        margin-top: 130px;
        width: 99%;
        text-align: justify;
        margin-left: 0%;
    }
    .about-course{
        height: 222px;
    }
    .card{
        width: 20rem !important;  
    }
}

@media screen and (max-width: 805px) {
    .text-div{
        padding-left: 1px;
    }

    .change-display-dir{
        flex-direction: column;
    }

    .float-right-card {
        margin-top: 67px !important;
        float: right;
        padding-right: 0px;
    }
    .text-size{
        font-size: 40px;
    }
    .card-buy-now-button{
        display: block;
    }
    .banner-buy-now-btn{
        display: none;
    }

    .about-course {
        margin-top: 130px;
        width: 99%;
        text-align: justify;
        margin-left: 1% !important;
    }
    .about-course{
        height: 222px;
    }
    .card{
        width: 20rem !important;  
    }
}
@media screen and (max-width: 1200px) {
    .text-div{
        padding-left: 1px;
    }

    .change-display-dir{
        flex-direction: column;
    }

    .float-right-card {
        margin-top: 67px !important;
        float: right;
        padding-right: 0px;
    }
    .text-size{
        font-size: 40px;
    }
    .card-buy-now-button{
        display: block;
    }
    .banner-buy-now-btn{
        display: none;
    }

    .about-course {
        margin-top: 130px;
        width: 99%;
        text-align: justify;
        margin-left: 10%;
    }
    .about-course{
        height: 222px;
    }

    .card{
        width: 26rem ;  
    }
}