:root{
    --primary:#1377C9;
    --secondry:#FFFFFF;
    --bg-gray:#F9F9F9;
    --bg-2:#E2ECF4;
    --bg-black:#343A40;
    --text-color:#4C4C4C;
    --text-hover:#353535;
    --text-course:#191970;
    --text-color2:#7F7F7F;
    --table:#F6F6F6;

}


@media only screen and (max-width: 600px){
    .marquee{
        height: 30px;
        background-color: var(--bg-2);
        z-index: 999;
    }
    .marquee img{
        width: 80px;   
    }
    .title{
        font-size: 17px;
        margin-top: 50px;
    }

    .title p{
        width: 100%;
        
    }
    .title2{
        margin-top: 30px;
    }
    .container-form{
        margin-top: 660px;
        width: 100%;
        padding: 16px 16px;
    }
    .contactc-title{
        width: 100%;
        
    }
    .container-form div{
        width: 100%;
    }
    .contact-form form input,select{
        font-size: 15px;
    }
    .contact-form p label{
        font-size: 15px;
    }
    .para{
        top:200px;
        font-size: 16px;
        text-align: center;
        height: fit-content;
        right: 45px;
    }

    .para2{
        top: 450px;
    }
    .para2 .crs li{
        text-align: left;
    }
    .enrol{
        top: 800px;
        left: 23%;
    }

    .imgbox img{
        width: 80px;
    }
    .imgbox .img1{
        top: 150px;
        left: 10px;
    }
    .imgbox .img2{
        top: 530px;
        left: 270px;
        width: 60px;
    }
    .contact-form form textarea{
        height: 130px;
    }

    .whatsapplogo img{
        width: 120px;
    }

    .whatsapplogo .wh2{
        right:-30px;
    }
    .whatsapplogo .wh1{
        left: -30px;
    }

    .add-container .address p{
        font-size: 15px;
        
    }
    .add2{
        width: 100%;

    }
    .address{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: start;

    }
    .address div a{
        font-size: 13px;
    }


}


@media (min-width:360px) and ( max-width:383px){

     .para{
        left: 7%;
     }
     .imgbox .img1{
        left: 0.5%;
     }
     
}

@media (min-width:384px) and ( max-width:400px){

     .para{
        left: 10%;
     }
     .imgbox .img1{
        left: 0.5%;
     }
     
}

@media (min-width:412px) and ( max-width:450px){

    .para{
       left: 13%;
    }
}

@media (min-width:480px) and ( max-width:600px){

    .para{
       left: 19%;

    }
    .container-form{
        margin-top: 690px;
    }
    .enrol{
        top: 95%;
    }
    .imgbox .img1{
        left: 10%;
    }
}

@media (min-width:810px) and ( max-width:900px){

    .para2{
       right: 13%;
    }
    .container-form{
        margin-top: 550px;
        width: 100%;
        padding: 40px;
    }
    .container-form div{
        width: 100%;
    }
    .contact-form form input,select{
        width: 100%;
    }
    .enrol{
        top: 78.8%;
        left: 37%;
    }
    .imgbox .img1{
        right: 33.7%;
    }
    .imgbox .img2{
        left: 33.7%;
        top: 44.6%;
        width: 60px;
    }

}
@media (min-width:700px) and ( max-width:800px){

    .para2{
       right: 13%;
    }
    .container-form{
        margin-top: 520px;
        width: 100%;
        padding: 40px;
    }
    .container-form div{
        width: 100%;
    }
    .contact-form form input,select{
        width: 100%;
    }
    .enrol{
        top: 97.7%;
        left: 37%;
    }
    .imgbox .img1{
        right: 40.7%;
        width: 70px;
        top: 42%;
    }
    .imgbox .img2{
        left: 37.7%;
        top: 55.6%;
        width: 60px;
    }

}
@media (min-width:900px) and ( max-width:1200px){

    .para{
       left: 0;
       margin: 0px auto;
       width: 80%;
       height: fit-content;
    }
    .para2{
        margin-top: 20vw;
    }
    .container-form{
        margin-top: 520px;
        width: 100%;
        padding: 40px;
    }
    .container-form div{
        width: 100%;
    }
    .contact-form form input,select{
        width: 100%;
    }
    .enrol{
        top: 43.9%;
        left: 37%;
    }
    .imgbox .img1{
        left: 5%;
        width: 80px;
        top: 19%;
    }
    .imgbox .img2{
        left: 7%;
        top: 32.6%;
        width: 60px;
    }

}