body {
    background-color: #164364;
    color: #444;
    overflow-x: hidden;
    font-family: "Open Sans", sans-serif;
}

a {
    color: #1bb1dc;
    transition: 0.5s;
}

    a:hover, a:active, a:focus {
        color: #0a98c0;
        outline: none;
        text-decoration: none;
    }

p {
    padding: 0;
    margin: 0 0 30px 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    margin: 0 0 20px 0;
    padding: 0;
}

/*.banner-sec{
  height:50vh;
  width:100%;
}
@media screen and(min-width: 768px)
{
  .banner-sec{
    height: 100vh;
  }
}*/

.text-white {
    color: white;
}

.log-form-container {
    position: absolute;
    top: 50%;
    width: 84%;
    left: 50%;
    transform: translate(-50%, -50%);
}



.text-right {
    text-align: right;
}

.card {
    background-color: #164364;
    margin: 0 0 0px 0;
    padding: 20px;
    border: 2px solid #fff;
    margin-bottom: 30px;
    border-radius: 27px;
    box-shadow: 0px 0px 12px 2px rgb(0 0 0 / 45%);
}

.inner-banner {
    background-repeat: no-repeat;
    background-size: cover;
    height: 625px;
    width: 100%;
    position: relative;
    clip-path: polygon(100% 0, 100% 100%, 12% 100%, 57% 0);
}
@media only screen and (max-width: 1200px) and (min-width: 1000px) {
    .inner-form {
        width: 100% !important;
    }
}

@media only screen and (max-width: 1000px) and (min-width: 900px) {
    .inner-form {
        margin-top: -83% !important;
    }

    .form-container {
        width: 72%;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 1000px) and (min-width: 500px) {
    #form-regd {
        padding-top: 30px;
        width: 100%;
        flex: none;
    }
}

@media only screen and (max-width: 966px) and (min-width: 900px) {
    .inner-form {
        margin-top: -65% !important;
        width: 111% !important;
    }

    .inner-banner {
        height: 349px !important;
        width: 101% !important;
    }

    #Signin {
        margin-top: 23px !important;
        height: 35px !important;
    }
}

@media only screen and (max-width: 900px) and (min-width: 800px) {
    .inner-form {
        margin-top: -71% !important;
    }

    .form-container {
        width: 90% !important;
        margin: 0 auto;
    }

    .inner-banner {
        height: 516px !important;
    }

    #Signin {
        margin-top: 26px !important;
    }
}

@media only screen and (max-width: 800px) and (min-width: 7680px) {
    .inner-form {
        margin-top: -71% !important;
    }

    .form-container {
        width: 90% !important;
        margin: 0 auto;
    }

    .inner-banner {
        height: 516px !important;
    }

    #Signin {
        margin-top: 26px !important;
    }
}




@media only screen and (max-width: 720px) and (min-width: 700px) {
    .inner-form {
        margin-top: -76% !important;
    }

    .inner-banner {
        height: 592px !important;
    }

    .form-container {
        width: 100%;
        margin: 0 auto;
    }

    #Signin {
        margin-top: 27px !important;
        height: 33px !important;
    }

    .card {
        padding: 0px;
    }
}


@media only screen and (max-width: 609px) and (min-width: 500px) {
    .inner-form {
        margin-top: -120% !important;
    }

    .form-container {
        width: 71%;
        margin: 0 auto;
    }

    .inner-banner {
        height: 516px;
    }

    #Signin {
        margin-top: -36px !important;
    }
}


    #Signin {
        margin-top: 23px !important;
        height: 35px !important;
    }
}
 

@media only screen and (max-width: 700px) and (min-width: 610px) {
    .inner-form {
        margin-top: -134% !important;
        width: 96% !important;
    }

    .inner-banner {
        height: 592px !important;
    }

    .form-container {
        width: 64%;
        margin: 0 auto;
    }

    #Signin {
        margin-top: -37px !important;
        height: 35px !important;
    }
}

@media only screen and (max-width: 600px) and (min-width: 510px) {
    .inner-form {
        margin-top: 4% !important;
        width: 100% !important;
    }    

    .inner-banner {
        height: 592px !important;
    }

    .form-container {
        width: 64%;
        margin: 0 auto;
    }

    #Signin {
        margin-top: -37px !important;
        height: 35px !important;
    }
}

@media only screen and (max-width: 500px) and (min-width: 508px) {
    .inner-form {
        margin-top: -12% !important;
        width: 127% !important;
    }

    .inner-banner {
        height: 592px !important;
    }

    .form-container {
        width: 64%;
        margin: 0 auto;
    }
}


@media only screen and (max-width: 420px) and (min-width: 410px) {
    .inner-form {
        margin-top: -18% !important;
        width: 128% !important;
    }

    .inner-banner {
        height: 592px !important;
    }

    .form-container {
        width: 69%;
        margin: 0 auto;
    }

    #Signin {
        margin-top: -37px !important;
        height: 35px !important;
    }

    .card {
        padding: 0px;
    }

    .lable {
        color: white;
    }

 



    @media only screen and (max-width: 400px) and (min-width: 370px) {
        .inner-form {
            margin-top: -233% !important;
            width: 128% !important;
        }

        .inner-banner {
            height: 592px !important;
        }

        .form-container {
            width: 69%;
            margin: 0 auto;
        }

        #Signin {
            margin-top: -37px !important;
            height: 35px !important;
        }

        .card {
            padding: 0px;
        }

        .lable {
            color: white;
        }
    }
    @media only screen and (max-width: 378px) {
        .inner-form {
            margin-top: -76% !important;
        }

        .inner-banner {
            height: 592px !important;
        }

        .form-container {
            width: 100%;
            margin: 0 auto;
        }

        #Signin {
            margin-top: 27px !important;
            height: 33px !important;
        }
    }

 


    @media only screen and (max-width: 360px) and (min-width: 310px) {
        .inner-form {
            margin-top: 45% !important;
            width: 128% !important;
        }

        .inner-banner {
            height: 592px !important;
        }

        .form-container {
            width: 69%;
            margin: 0 auto;
        }

        #Signin {
            margin-top: -37px !important;
            height: 35px !important;
        }
    }



    @media only screen and (max-width: 360px) and (min-width: 210px) {
        .inner-form {
            margin-top: 1% !important;
            width: 124% !important;
        }

        .inner-banner {
            height: 592px !important;
        }

        .form-container {
            width: 81%;
            margin: 0 auto;
        }

        #Signin {
            margin-top: -43px !important;
            height: 35px !important;
            font-size: 14px;
        }

        .card {
            padding: 0px;
        }

        .mt-5 {
            margin-top: 1rem !important;
        }

        h5 {
            font-size: 14px;
        }

        span .text-white {
            font-size: 14px;
        }
    }

    /*   @media only screen and (min-width: 411px)  {
 .inner-form{
   margin-top: -202%!important;
    width: 138%!important;
}

  }
*/
    @media only screen and (min-width: 320px) and (max-width:411px) {
        .inner-form {
            margin-top: 1% !important;
            width: 108% !important;
        }

        .card {
            padding: 0px;
        }

        .form-container {
            width: 74%;
            margin: 0 auto;
        }
    }


    @media only screen and (max-width: 300px) and (min-width: 310px) {
        .inner-form {
            margin-top: -278% !important;
            width: 138% !important;
        }

        .inner-banner {
            height: 592px !important;
        }

        .form-container {
            width: 69%;
            margin: 0 auto;
        }

        #Signin {
            margin-top: -37px !important;
            height: 35px !important;
        }
    }


    @media only screen and (max-width: 360px) and (min-width: 210px) {
        .inner-form {
            margin-top: 1% !important;
            width: 124% !important;
        }

        .inner-banner {
            height: 592px !important;
        }

        .form-container {
            width: 81%;
            margin: 0 auto;
        }

        #Signin {
            margin-top: -43px !important;
            height: 35px !important;
            font-size: 14px;
        }

        .card {
            padding: 0px;
        }

        .mt-5 {
            margin-top: 1rem !important;
        }

        h5 {
            font-size: 14px;
        }

        span .text-white {
            font-size: 14px;
        }
    }


  

    @media only screen and (max-width:500px) and (max-width:313px) {
        #form-regd {
            width: 100%;
            flex: none;
        }

        .inner-banner {
        }

        .inner-form {
            margin-top: -206% !important;
        }
    }

    /*@media only screen and (max-width: 1000px) {
  .inner-form{
   margin-top: -83%;
       width: 153%;
  }

}


@media only screen and (max-width: 900px) {
  .inner-form{
   margin-top: -83%;
       width: 153%;
  }

}*/
    /*Form*/

    .form {
        margin: 0 0 0px 0;
        padding: 20px;
        border: 2px solid #fff;
        margin-bottom: 30px;
        border-radius: 27px;
        box-shadow: 0px 0px 12px 2px rgb(0 0 0 / 45%);
    }



    label {
        color: white;
    }

    /*admin main menu*/