@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap')
  * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }

 body {
     font-family: "Jost", sans-serif;
     overflow: hidden;
     background-image: url('../image/white_bg.jpg');
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     height: 100vh;
 }

 .login_page_heading {
     text-align: center;
     font-weight: 800;
     font-size: 2.5rem;
     color: #003CB0;
 }

 .text_box_left {
     border-radius: 30px 0 0 30px !important;
 }

 .href_link a {
     text-decoration: none !important;
 }

 .loginpage_card {
     padding: 10%;
     margin: 10%;
     border-radius: 0.45rem;
     background-color: #fff;
     border: 4px solid #d5dee9;
     box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
 }

 .icon_crsr {
     cursor: pointer;
 }

 .cicle_header {
     position: relative;
     z-index: -9;

 }

 .crcle_1 {
     height: 100vh;
     width: 693px;
     border-radius: 50%;
     background-color: #96B8FA;
     ;
     position: absolute;
     right: 0;
     border-radius: 350px 0 0 350px;
     box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
 }

 .crcle_2 {
     height: 100vh;
     width: 613px;
     border-radius: 50%;
     background-color: #0F53D7;
     position: absolute;
     right: 0;
     border-radius: 350px 0 0 350px;
     box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
 }

 .crcle_3 {
     height: 100vh;
     width: 499px;
     border-radius: 50%;
     background-color: #003CB0;
     position: absolute;
     right: 0;
     border-radius: 350px 0 0 350px;
     box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .btn_focus {
     border-radius: 2rem;
     font-weight: 600;
     margin-top: 15%;
 }

 .btn_focus:focus {
     box-shadow: none !important;
 }

 .form-control:focus {
     box-shadow: none !important;
 }

 .form-control {
     border-radius: 2rem;
 }

 .govt_logo_part {
     position: relative;
     /* left: 35%; */
     /* top: 26%; */
     left: 6%;
 }

 .govt_logo {
     width: 40%;
 }

 .text_logo {
    color: #fff;
    margin-top: 2%;
    /* margin-left: 9%; */
    text-align: center;
 }

 .lable_position {
     position: relative;
 }

 .icon_label {
     position: absolute;
     right: 15px;
     bottom: 0.6rem;
     cursor: pointer;
     color: #003CB0;
 }

 .btn_login {
     background: rgb(130, 164, 188);
     background: linear-gradient(342deg, rgba(130, 164, 188, 1) 0%, rgba(13, 110, 253, 1) 100%);
     border: #003CB0;
     color: #fff;
 }

 .btn_login:hover {
     background: rgb(130, 164, 188);
     background: linear-gradient(342deg, rgba(130, 164, 188, 1) 0%, rgb(5, 85, 206) 100%);
     color: #fff;
 }

 .paragraph_ctgst {
     color: #fff;
     /* margin-left: -19px; */
     text-align: center;
 }
 .right_sec{
    z-index: 9;
 }

 @media (max-width: 1281px) {


     .row {
         flex-direction: column-reverse;
     }

     .col-md-5,
     .col-md-7 {
         width: 100%;
     }

     .crcle_1,
     .crcle_2,
     .crcle_3 {
         display: none;
     }


     .loginpage_card {
         margin: 5%;
         padding: 8%;
     }


     .govt_logo_part {
         left: 25%;
     }


     .text_logo {
         margin-top: 4%;
     }
 }

 @media (max-width: 991px) {


     .loginpage_card {
         margin: 10%;
     }


     .govt_logo_part {
         left: 20%;
     }


     .text_logo {
         margin-top: 6%;
     }
 }

 @media (max-width: 767px) {


     .loginpage_card {
         margin: 10px 10px 10px 16px;
     }


     .govt_logo_part {
         left: 15%;
     }


     .text_logo {
         margin-top: 8%;
     }
 }



 .otp_label {
     display: block;
 }

 .otp {
     display: inline-block;
     width: 46px;
     height: 42px;
     text-align: center;
     justify-content: center;
     margin-right: 10px;
     border-radius: 9px;
     border: 1px solid rgb(180, 180, 181);
 }

 .otp_textresend {
     font-weight: 400;
     letter-spacing: 0.5px;
     font-size: 0.75rem;
     color: #060606;
     padding-right: 5px;
 }
/* .notifictn_text{
    font-size: 15px;
    margin-bottom: 10%;
 }
*/
 .login_para{
  font-size: 13px;
}
.href_link:hover{
  text-decoration: underline;
}
a{
    text-decoration: none;
}