@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

.heading-001{
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    color: #003478;
}


.ui-state-default {
    border: 1px solid #003478;
    background: #fff;
    font-weight: normal;
    color: #003478;
    border-radius: 4px;
    font-size: 13px;
}
.form-input {
    border-radius: 2px;
}
.form-input {
    border: 1px solid #003478;
    width: 74%;
    height: 20px;
    padding: 2px !important;
}
.ml-35{
    margin-left: 60px;
}
.col-form-label{
    font-size: 11px;
}
.ui-state-default:hover{
    color: #e98300;
    border: 1px solid #e98300 !important;
}
.flex-btn{
justify-content: end;
width: 97%;
}
.link{
    color: #003478;
    font-size: 12px;
    text-decoration: underline;
}
.link-01{
    color: #aaa;
    font-size: 10px;
}
.p-48{
    padding: 48px;
}
.list-01{
    list-style: none;
    padding: 0;
    width: 70%;
    
}
.list-01 a {
    text-decoration: none;
    display: block;
    padding: 2px;
    border-bottom: 2px solid #eee;
    color: #555;
    margin-bottom: 5px;
    font-size: 14px;
}
.list-01 a:hover {
    text-decoration: none;
    border-bottom: 2px solid #e98300 !important;
}

.input-001 {
    height: 40px;
    width: 100%;
    border-radius: 4px;
    background: transparent;
    border: 1px solid #ced4da;
    padding: 13px;
}
.btn-login{
    background: #193768;
    color: #fff;
    transition: 0.5s ease;
}
.header-heading{
    color: #003478;
}
.btn-login:hover{
    background: #F8991D;
    color: #fff;
}
.br-20{
    border-radius: 15px;
}
.h-150{
    height: 100vh;
}
.img-nav{
    animation: crescendo 1.5s alternate infinite ease-in;
}
.btn-login-01{
    border: 1px solid #e98300;
    color: #003478;
    transition: .3s ease;
}
.btn-login-01:hover{
    background: #003478;
    color: #fff;
    border: 1px solid #003478;

}
@keyframes crescendo {
   
    
    0%   {transform: scale(.8);}
    100% {transform: scale(1.3);}
   
}
@media screen and (max-width:600px) {
    .flex-btn{
        justify-content: center;
        margin-top: 10px;
    }
    .col-form-label{
        text-align: left !important;
        padding-bottom: 7px !important;
        padding-left: 13px !important;
    }
    .p-48{
        padding: 0px;
    }
    .ml-35 {
        margin-left: 35px;
        margin-right: 35px;
    margin-bottom: 2px;
    }
    .logo-img{
        margin-left: 15px !important;
    }
    .form-input {
        width: 100%;
    }
.link-01 {
    text-align: left !important;
    margin-top: 10px;
}
.list-01{
    margin: auto;
}
.header-left{
    margin-left: 0px !important;
}
}
@media screen and (max-width:1200px) {
    fieldset label {
        float: inherit !important;
    }
}