body {
    font-family: "Noto Sans", Arial, sans-serif;
    overflow-x: hidden;
}
:root{
    --dark_bg_blue:#162f6a;
    --middle_bg_blue:#214aab;
}


.modal-header.model_bg {
    background: #263e95;
    color: #fff;
    border: 1px solid #fff;
}

.btn_submit {
    background: #178610;
    color: #fff;
    border-radius: 50px;
    border: 1px solid #178610;
    box-shadow: -1px 4px 2px gray;
    padding: 5px 20px;
    margin-bottom: 10px;
    transition: 0.3s all ease-in-out;
    font-weight: 600;
    letter-spacing: 0.80px;
}
.btn_submit:hover {
    background: #ffffff;
    color: #178610;
    border-radius: 50px;
    transition: 0.3s all ease-in-out;
}
.btn_small1:hover {
    background: #ffffff;
    color: #dc3545;
    border-radius: 50px;
    transition: 0.3s all ease-in-out;
}

.btn_small1{
    background: #dc3545;
    color: #fff;
    border-radius: 50px;
    border: 1px solid #dc3545;
    box-shadow: -1px 4px 2px gray;
    padding: 5px 10px;
    margin-bottom: 10px;
    transition: 0.3s all ease-in-out;
    font-weight: 500;
    letter-spacing: -.08px;
}

.btn_small{
    background: #214aab;
    color: #fff;
    border-radius: 50px;
    border: 1px solid #214aab;
    box-shadow: -1px 4px 2px gray;
    padding: 5px 10px;
    margin-bottom: 10px;
    transition: 0.3s all ease-in-out;
    font-weight: 500;
    letter-spacing: -.08px;
}
.btn_small:hover{
    background: #ffffff;
    color: #214aab;
    border-radius: 50px;
    transition: 0.3s all ease-in-out;
}
.registration_tab .tab-content, .login_tab .tab-content {
    border: 1px solid #e1e1e1;
}
.registration_tab a.nav-link.active, .login_tab a.nav-link.active, .login_tab a.nav-link.hover {
  background: #425fc9 !important;
    color: #ffffff !important;
    font-weight: 500;
    font-size: 17px;
}
.login_tab a.nav-link:hover {
    background: #425fc9 !important;
    color: #ffffff !important;
    font-weight: 500;
}
.registration_tab .form_botton, .login_tab .form_botton{
    text-align: center;
}
.registration_tab a.nav-link, .login_tab a.nav-link {
    color: #000 !important;
    font-weight: 500;
    border: 1px solid #bfbfbf;
}

.otp_models_show .otp_box {
    display: flex;
}
.otp_models_show .otp_box input{
    margin: 5px;
    text-align: center;
}
.model_main input, .model_main select, .login_tab input{
    border: 1px solid var(--middle_bg_blue) !important;
}
.congrates p {
    letter-spacing: -0.2px;
}
.model_main button.btn-close{
    padding: 5px;
}
.model_main button.btn-close:hover{
   opacity: 1;
}
.model_main svg {
    height: 17px;
}
.btn.btn_submit svg, .btn.btn_small svg {
    fill: #fff;
}
.btn.btn_submit:hover svg, .btn.btn_small:hover svg {
    fill: #178610;
}
.model_body.registration_tab .reg_main_form {
    padding: 0 20px;
}
.model_main .modal-body {
    /* background-image: linear-gradient(140deg, #648eff 0%, #e18fff 100%); */
    /* background: #a2b6ff; */
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}
.reg_main_form .form-label {
    margin-bottom: .5rem;
    font-weight: 600;
}
.model_main .modal-content {
    border-bottom-left-radius: 17px !important;
    /* border-bottom-right-radius: 17px !important; */
}
span.captcha-imgsize img {
    height: 47px;
}

/* ------------ 27-05-2025----------- */
.form-label-group input:focus~label, .form-label-group input:not(:placeholder-shown)~label, .form-label-group select~label, .form-label-group textarea:focus~label, .form-label-group textarea:not(:placeholder-shown)~label {
    font-weight: 500;
}
.form-label-group input:focus~label, .form-label-group input:not(:placeholder-shown)~label, .form-label-group select~label, .form-label-group textarea:focus~label, .form-label-group textarea:not(:placeholder-shown)~label {
    font-size: 1.3em !important;
}
.form-label-group label, .form-label-group select {
    color: #0b2a73 !important;
}
.form-label-group.in-border label::after {
    left: .5em !important;
    right: .5em !important;
    height: 6px !important;
}

.registration_tab input, .registration_tab select{
    border: 1px solid #5a6bd1 !important;
    border-radius: 0;
}
.text-muted {
    color: #484848 !important;
}

 .input-container {
    position: relative;
    width: 300px; /* adjust as needed */
  }


  /* Style the icon */
  .verified-icon {
    color: green;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 25px;
    cursor: pointer; /* make it clickable */
    transition: color 0.3s;
  }

  /* ---------- registration banner -------- */
.banner_reg {
    background: #abc6e3;
    min-width: 349px;
}
.regis_head h4 {
    color: #214aab;
    font-weight: bold;
    font-size: 20px;
}
.banner_reg .logo img {
   height: 82px;
    width: auto;
}
.banner_reg .logo {
    width: 100%;
    padding: 36px;
}
.banner_reg .logo h6 {
 line-height: 18px;
    font-size: 16px;
    color: #000;
}
.banner_reg .logo h3 {
  font-size: 16px;
    color: #000;
}
.login_img2 img
 {
    width: 100%;
}
@media screen and (max-width: 1440px) and (min-width: 992px) {

  .banner_reg {
    background: #abc6e3;
    min-width: 349px;
    display: flex;
    flex-direction: column-reverse;
}
}