body {
    margin: 0;
    font-size: 16px;
    line-height: 1.25;

}

h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    font-size: 16px;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

.clear {
    clear: both;
}
/*---------- header-part -----------*/

header{
    padding: 20px 0;
    background-color: #00b5bf;
    
}
header h1{
    font-size: 30px;
    color: white;
    text-align: center;
    text-shadow:1px 1px rgba(247, 244, 244, 0.689);
    /* box-shadow: 0 5px 5px 5px black; */
    /* padding: 10px; */
}
.clear{
    clear: both;
}
/*-------------- end ---------------*/



/*------------------------------------------------- start homepage css ---------------------------------------------------------*/



/*------------ banner-part ------------*/
.banner{
    background-image: url(../image/BG\ LOGIN2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 280px 0;
    position: relative;
    
    
}
.banner .bnr-btn{
    position: absolute;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.banner a{
    background-color: #00b5bf;
    border-radius: 10px;
    color: white;
    font-size: 25px;
    padding: 7px 20px;
    font-weight: 600;
    box-shadow: 2px 2px 5px 2px black;   
}
.banner a:hover{
    background-color: transparent;
    color: #248099;
}
.clear{
    clear: both;
}
/*------------- end ------------*/

/*--------------------------------------------- end of homepage------------------------------------------------ */







/*--------------------------------------------- start login page ---------------------------------------------*/

.banner2{
background-image: url(../image/BG\ LOGIN.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 290px 0;
position: relative;

}
.form-body{
    border: solid 2px #1c4785;
    width: 40%;
    padding: 30px;
    border-radius: 10px;
    margin-left: 20em;
    top: 20%;
    right: 30%;
    position: absolute;
    
}
.sub-btn{
    display: flex;
    justify-content: center;
}
form input[type=submit]{
    background-color: #00b5bf;
    color: white;
    font-weight: 500;
    font-size: 18px;
    padding: 7px 20px;
    border-radius: 10px;
    display: block;
    margin: auto;
    box-shadow: 2px 2px 5px -1px black;
    margin-top: 15px;
    margin-bottom: 20px;
}   
form input[type=submit]:hover{
    background-color: transparent;
    color: #248099;
}
.clear{
    clear: both;
}

/*--------------------------------------------- end of login page -------------------------------------------*/



/*-------------------------------- start header-down page --------------------------*/
.header-down{
    padding: 10px 0;
}
.header-down{
    background-color:#ebebeb;
    padding-left: 2em;
    font-weight: 500;
    font-size: 15px;
}
.header-down i{
    font-size: 20px;
   padding-right: 5px;
}
/*----------------------------------- end the part ------------------------------*/



/*---------------------------------- start banner3 page --------------------------*/
.banner3{
    background-image: url(../image/BG\ LOGIN.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0 70px 0;
    position: relative;
}
.banner3 h2{
    font-size: 40px;
    text-align: center;
    position: absolute;
    top: 2%;
    left: 20%;
    color: black;
    text-shadow: 1px 1px gray;
}

.card2{
    text-align: center;
    background-image: linear-gradient(#ebebeb,#ffffff );
    margin-top: 1em;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 2px 2px 2px black;
    position: relative;
}
.card2 h5{
   font-size: 18px;
}

.banner3 .btn{
    background-color: white;
    color:#1e70b9;
    border: 2px solid white;
    max-height: 20%;
    box-shadow: 0px 2px 2px 2px black;

}
.banner3 .btn:hover{
    background-color: #248099;
    color:white;
    border:white solid 2px;
}

.banner3 i{
    font-size: 40px;
    padding:10px ;
    text-align: center;
    color: white;
   
}

.banner3 table{
    width: 100%;
    border:black 3px solid;
    border-radius: 10px;
    padding: 10px;
    position: relative;
}
.banner3 thead,td{
    border: 1px solid black;
    color:black ;
    padding: 10px;
    background-color: white;
}
.banner3 thead tr{
    background-color: white;
}
/*------------ end of the part ----------*/


/*------------ start ventor dropdown -----------*/
.heading h1{
    text-align: center;
    font-size: 50px;
    padding: 30px 0;
}
.accordion{
    margin-top: 30px;
    width: 80%;
    margin-left: 10%;
    overflow: auto;
}
.accordion-button{
    background-color: #00b5bf;
    color:white;
    font-size: 25px;
}

.accordion .form-group label{
    padding: 0 10px;
}
.accordion .form-group{
    padding:10px 20px;
}
/* .upload{
    padding: 100px 0;
    width: 60%;
   margin-left: 20%;
} */
.upload h4{
    text-align: center;
    font-size: 30px;
    width: 600;
    text-decoration: underline;
    padding: 20px ;
}

.upload label{
    padding-bottom: 10px;
}
.upload .upload-body2 button{
    background-color:#1e70b9;
    padding: 10px 20px;
    border: 2px solid black;
    border-radius: 5px;
}
.upload .upload-body2 button:hover{
    background-color: #00b5bf;
}
.upload-body2 i{
    color: white;
    font-size: 30px;
}


.table-part{
    padding: 100px 0;
    border: 1px solid white;
    
}
.table-part thead tr th{
    background-color: #00b5bf;
    color: white;
    padding: 10px 20px;
    border: 1px solid white;
    font-size: 18px;
}
.table-part tbody tr td{
    background-color: white;
}
.table-part tbody tr td i{
color: #00b5bf;
}
/*---------- end of the part ------------*/


/*-------- start footer part------------ */
footer{
    padding: 20px 0;
    background-color: #beeefc;
    text-align: center;
}
footer h6{
    color: #248099;
    font-size: 25px;
}

.clear{
    clear: both;
}
/*------------ end footer part -----------*/