@font-face {
    font-family: noto;
    src: url("../fonts/NotoSans-Regular.ttf") format("truetype");
}

@font-face {
    font-family: noto-light;
    src: url("../fonts/NotoSans-Light.ttf") format("truetype");
}

@font-face {
    font-family: noto-bangla;
    src: url("../fonts/Noto_Sans_Bengali-Regular.ttf") format("truetype");
}

@font-face {
    font-family: noto-bangla-light;
    src: url("../fonts/Noto_Sans_Bengali-Light.ttf") format("truetype");
}

body {
    margin: 0!important;
    padding: 0!important;
}

.form-bg {
    background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(10px);
}

.login-error-bg {
    background: linear-gradient(0deg, rgba(255, 93, 93, 0.5), rgba(255, 93, 93, 0.5));
    color: #FFFFFF;
    font-size: 18px;
    border: 0.02rem solid #FF5D5D;
    border-radius: 8px;
    backdrop-filter: blur(10px);
}

.form-control {
    padding: 0;
    /*border: none;*/
    border-radius: 5px;
    border-bottom: 1px solid #C0C0C0;
}

.form-control:focus {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    /*border-radius: 5p;*/
    /*border-bottom: 1px solid #3D8AFF;*/
    /*box-shadow: none;*/
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.login-form-forgot-pass {
    color: #FF7A00;
    letter-spacing: 0;
}

.login-form-forgot-pass:hover {
    color: #F0AE4B;
    text-decoration: none;
}

::-webkit-input-placeholder {
    color: rgba(74, 72, 72, 0.6) !important;
}

:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.6) !important;
}

::placeholder {
    color: rgba(43, 43, 43, 0.6) !important;
    padding: 5px;
    align-items: center;
}

.form-group input[type="submit"],
.form-group input[type="submit"]:disabled,
.form-group input[type="submit"][disabled] {
    border-radius: 0;
    height: 76px;
    background: rgba(231, 231, 231, 0.5);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.02rem;
}

.form-group input[type="submit"] {
    background: #0084FF;
    color: rgba(231, 231, 231, 0.5);
    font-size: 24px;
}

.form-group input[type="text"],
.form-group input[type="password"] {
    color: rgb(7, 7, 7);
    text-align: left;
    padding: 5px;
    font-size: .9rem;
}

.form-group input[type="password"] {
    padding-right: 40px;
}

#togglePassword {
    position: absolute;
    right: 25px;
    margin-top: 8px;
    cursor: pointer;
}

input[type=checkbox] {
    transform: scale(1.5);
}

input[type=checkbox]:checked {
    outline: 0.01rem solid #FFFFFF;
}

button:disabled {
    background: #EBEBEB !important;
    border-color: #EBEBEB !important;
    color: #979797 !important;
}

.custom-letter-spacing {
    letter-spacing: 0.05rem;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
    transition: background-color 600000s 0s, color 600000s 0s;
}

input[data-autocompleted] {
    background-color: transparent !important;
}

.smoothed {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

input#username::placeholder, input#password::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(255,255,255,0.6);
    opacity: 0.6; /* Firefox */
    font-style: normal;
}

input#username:-ms-input-placeholder, input#password:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgba(255,255,255,0.6);
    opacity: 0.6; /* Firefox */
}

input#username::-ms-input-placeholder, input#password::-ms-input-placeholder { /* Microsoft Edge */
    color: rgba(255,255,255,0.6);
    opacity: 0.6; /* Firefox */
}

.hr-white-stretch {
    border: 1px solid #ffffff40 !important;
}

div.role-checkbox:has(div input[type="radio"]:checked) {
    background: rgba(0,132,255,0.4) !important;
}

div.role-checkbox:has(div input[type="radio"]:not(:checked)):hover {
    background: rgba(0,132,255,0.2) !important;
}

.role-id-radiobtn {
    margin-top: 1em !important;
    transform: scale(2) !important;
}

.main-role-badge {
    background-color: #F8E16633;
    border-radius: 12px;
}

.orange-link {
    color: #FF7A00;
    letter-spacing: 0;
}

.orange-link:hover {
    color: #F0AE4B;
    text-decoration: none;
}

.blue-link {
    color: #416DEF;
    letter-spacing: 0;
}

.blue-link:hover {
    color: #5A77EA;
    text-decoration: none;
}

.info-card-image-container {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    background-color: #fff;
    display: flex;
    width: 64px;
    height: 64px;
    padding: 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.info-card-image-container img{
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
}

.font-family-hind-siliguri{
    font-family: "Hind Siliguri";
}

.h-50px {
    height: 50px;
}

.p-10{
    padding: 5rem;
}

.box-shadow{
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
}
.font3{
    font-size: 3rem;
}
.mt51px{
    margin-top: 65px;
}

.mt-n10{
    margin-top: -10rem;
}

@media screen and (max-width: 960px) {
    .mt-n10{
        margin-top: 0rem;
    }
}

.mt-n7{
    margin-top: -7rem;
}

.mr-n095{
    margin-right: -0.95rem;
}

footer {
    position: relative;
}

footer .container {
    padding-top: 0px;
}

.width-1200{
    width: 1210px;
}

.footer-parent-div {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    justify-content: center;
}

.footer-child-div {
    color: #878484;
    padding: 5px;
    flex: 1 1 calc(33.333% - 20px);
    box-sizing: border-box;
}

.information-block-mb {
    margin-bottom: 2rem;
}

.form-check-input{
    height: 10px;
    width: 10px;
}
.form-check-label{
    font-size: .8rem;
    font-weight: 500;
}

.bg-dark-blue{
    background-color: #002967;
}

.bg-img-login{
    width: 100%;
    flex-shrink: 0;
}