*{
        margin: 0px;
        padding : 0px;
        box-sizing: border-box;
    }

    .footertext{
        text-align: center;
    }

    footer .white{
        color: white!important;
        font-size: 20px!important;
    }

    .btn{
        background-color: #10253f;
        border:none;
    }

    .dark{
        background-color: #10253f;
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .btn:hover{
        background-color: #00b0f0;
    }

    .btn a{
        color: white!important;
        text-decoration: none;
    }

    h5{
        margin-top:10px;
    }

    .box{
        background-color: #3c7bc7;
        color: white;
        padding: 10px 0px;
        margin-top: 20px;
        width:600px;
        border-radius: 5px;
    }
    .line{
        width:25%;  
        margin-left: 80px; 
    }
    .navbar-expand-lg .navbar-nav {
        margin-left:auto;
    }

    .navbar-brand{
        margin-right:-50px;
    }

    .navbar-brand:hover{
        margin-right:-50px;
    }

    .navbar-nav .nav-link{
        color:#10253f!important;
        font-weight: 700;
        font-size: 18px;
        text-transform: uppercase;
        
    }

    .navbar-nav .nav-link:hover{
        color:#00b0f0!important;
        font-weight: 800;
    }

    .material-icons{
        vertical-align: middle;
    }

    .red{
        font-weight: 800!important;
    }

    .bold{
        font-weight: 600;
        color: black;
    }

    .black{
        color:black;
        font-size: 24px;
    text-transform: uppercase;
        margin-top: 20px!important;
        margin-bottom: 20px!important;
    }

    .path{
        margin-top:10px;
    }

    hr{
        background-color: white;
        opacity: 1;
    }
    .dropdown-menu{
        background-color:#10253f;
    }

    .btn1{
        margin-left:50px!important;
    }

    .dropdown-item:hover{
        background-color: #00b0f0;
        color: white;
    }

    .dropdown-menu a{
    color:white;
    }

    .icon{
    margin-right:10px;
    }

    .img{
    margin-left:30px;
    width: 65%;
    }

    h3{
        color:#00b0f0;
        font-size: 24px;
        text-transform: uppercase;
        margin-top: 20px!important;
        margin-bottom: 20px!important;
    }

    .row1{
        margin-bottom: 10px;
    }

    .bot{
        margin-top:30px;
    }

    .bot1{
        margin-top:150px;
    }

    .bot2{
        margin-top:120px;
    }

    .bot3{
        margin-top:280px;
    }

    .bot4{
        margin-top:330px;
    }

    .bot5{
        margin-top:410px;
    }

    .bot6{
        margin-top:220px;
    }

    .bot7{
        margin-top:540px;
    }

    .bot8{
        margin-top:370px;
    }

    .center{
        text-align:center;
        margin-top:20px;
        margin-bottom: 20px;
    }
    .center a{
        text-decoration: none;
    }

    .btn{
        margin: 10px 0px;
        color:white;
    }

    .logoss{
        width: 40%;
        margin-left: 100px;
        margin-top:20px;
        margin-bottom: 20px;
    }
    .material-icons{
        color:green;
        font-size: 30px!important;
        margin-right: 10px;
    }

    .blue{
        color:#10253f;
        font-size: 25px!important;
    
    }

    footer{
        background-color:  #10253f;
        color:white;
        padding-top: 5px ;
        padding-bottom:5px ;
        margin-top:10px;
    }

    .foot{
        margin-bottom:35px;
    }

    .bottom{
    text-align:center;
    }


    footer .navbar-nav .nav-link:hover {
        color:skyblue!important;
    }
    footer a{
        color:white;
    }

    footer h4{
        color:white!important;
    }

    footer .navbar-nav{
        margin-right:350px!important;
        /* display:inline; */
    }

    .left{
        margin-left:20px;
    }

/* about page */

    .container-fluid{
        padding: 0px;
    }

    .ban{
        width: 100%;
    }

    h4{
        color:#ec1d25;
        font-size: 22px!important;
        margin-top: 10px!important;
        margin-bottom: 10px!important;
    }

    .col-lg-4 li {
      list-style:none;
    }

    .verify{
        width:500px;
    }

    .case{
        margin-bottom: 340px;
    }

    .study .col-lg-2{
        margin-right: -50px!important;
    }

@media (min-width: 320px) and (max-width:823px){

.box{
    width: 330px;
    padding: 10px 5px;
    text-align:center;
    margin-top: 0px;
}

.img{
    width: 40%;;
}

h5{
    margin-left:20px; 
}

.col-lg-2{
    margin-bottom: 10px;
}

.verify{
    width:288px!important;
}

.map{
    width:355px!important;
}

.logo{
    width:80%;
}

.navbar-toggler {
    margin-left:-20px;
}

.btn1{
    margin-left:120px!important;
    margin-top:-60px;
}

.line{
    width:50%;  
    
}

footer .navbar-toggler {
    margin-left:130px;
    margin-top:10px;
    margin-bottom:10px;
}

footer{
        padding-bottom:10px ;
        margin-top:0px;
        text-align: center;
}

.bot , .bot1 , .bot2 , .bot3 , .bot4 , .bot6 , .bot8{
    margin-top: 10px;
}

.bot5{
    margin-top: 60px;
}

h3{
   
    font-size: 20px;
}

/* .bot6 {
    margin-top:210px;  
} */

.bot7{
   margin-top: 300px;  
}

.col-lg-3{
    margin-bottom: 10px!important;
    margin-top: 10px;
}

.logos{
    margin-left:20px;
    margin-bottom: 10px;
}

.navbar-brand{
    margin-right:0px;
}

.case{
    margin-bottom:0px;
}

}