* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
/* Navbar */
nav div {
    display: flex;
    justify-content: space-between;
}
nav div img {
    margin: 0px 30px;
}
@media screen and (max-width: 900px) {
    nav div img {
        height: 80px;
        margin: 0px 20px;
    }
}
@media screen and (max-width: 640px) {
    nav div img {
        height: 60px;
        margin: 0px 15px;
    }
}
@media screen and (max-width: 400px) {
    nav div img {
        height: 40px;
        margin: 0px 10px;
    }
}

.container-fluid {
    background-color: #fff;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
}

/* --------------Section------------ */

#admission {
    background-color: #06183a;
    /* padding: 100px 0px 40px 0px;  */
}

/* .ser-title::after{
    content: "";
    top: 50%;
    right: 0%;
    position: absolute;
    display: block;
    width: 200px;
    background: #fff;
    height: 1px;
} */

.detail {
    margin: 50px 0px;
}
.row .title {
    font-size: 40px;
    font-weight: 800;
    position: relative;
}

.row p {
    font-size: 18px;
}

.row .admission {
    font-size: 24px;
}

.row ul li {
    color: white;
    list-style-type: disc;
    font-size: 18px;
    padding: 8px;
}
/* .row ul li::before{
    content: "";
    top: 50%;
    right: 15%;
    position: absolute;
    display: block;
    width: 250px;
    background: #fff;
    height: 1px;
} */

.switch-button:hover{
    color: cornflowerblue;
    font-size:25px;
    transition: 0.5s;

}

.form-page {
    background-color: #f2f2f2;
}
/* .signup-page {
    background-color: #f2f2f2;
} */
.form-page span {
    color: green;
    font-weight: 600;
}
/* .login-page span {
    color: green;
    font-weight: 600;
} */
.form-page p {
    font-weight: 600;
    padding: 20px 0px 15px 0px;
    font-size: 20px;
    margin-left: 50px;
}
/* .login-page p {
    font-weight: 600;
    padding: 20px 0px 15px 0px;
    font-size: 20px;
    margin-left: 50px;
} */
.signup-page form {
    width: 75%;
    margin: auto;
}

.signup-page form .signup-input {
    width: 100%;
}
.login-page form input {
    margin: 0px 50px;
    padding: 10px;
    width: 50%;
}
.signup-page form label {
    font-weight: 500;
    padding: 10px 0px 10px 0px;
}
.login-page form label {
    font-weight: 500;
    padding: 10px 0px 10px 50px;
}
.form-page .contact {
    font-weight: 5000;
    padding: 0px 0px 0px 50px;
    color: black;
}
/* .login-page .contact {
    font-weight: 5000;
    padding: 0px 0px 0px 50px;
    color: black;
} */
.form-page .contact-us {
    padding: 20px 0px 0px 0px;
}
/* .login-page .contact-us {
    padding: 20px 0px 0px 0px;
} */
.form-page .contact li {
    list-style-type: none;
}
/* .login-page .contact li {
    list-style-type: none;
} */

.login-page .password {
    font-weight: 500;
    font-size: 16px;
}

.login-page button {
    padding: 10px 50px;
    /* padding: 20px 40px; */
    margin: 0px 50px;
}
.form-title {
    color: #06183a;
    font-weight: 800;
    font-size: 38px;
    margin: 50px 0px 0px 50px;
}
/* .login {
    color: #06183a;
    font-weight: 800;
    font-size: 38px;
    margin: 50px 0px 0px 50px;
} */

.input-group-prepend span {
    position: absolute;
    background-color: transparent;
    border: none;
}

.input-group-text i {
    margin-top: 2.5px;
}
.input-group-prepend input,
.input-group-prepend select {
    padding-left: 30px;
}

@keyframes myAnim {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.animate {
  animation: myAnim 1s ease 0s 1 normal forwards;
}
.focus-in-expand {
	-webkit-animation: focus-in-expand 1.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: focus-in-expand 1.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2023-8-16 22:45:28
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation focus-in-expand
 * ----------------------------------------
 */
@-webkit-keyframes focus-in-expand {
  0% {
    letter-spacing: -0.5em;
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes focus-in-expand {
  0% {
    letter-spacing: -0.5em;
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}



/* #admission{
    background-color: #06183a;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.admission-detail h1,p,li{
    color: #fff;
}


.admission-form{
    background-color: rgb(215, 212, 212);;
}

.admission-form h1{
    color: #fff;
} */