@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap')::-webkit-scrollbar {
   width: 0px;
 }



 * {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
 }

 .login {
   min-height: 100vh;
 }

 .custp0 {
   padding: 0px;
 }

 /* 
 .bg-image {
  background: linear-gradient(115deg,
  rgb(255 255 255 / 89%),
  rgb(255 255 255 / 83%)), url('../img/photos/frame11.jpg') !important;
  background-size: cover;
  background-position: center;
} */






 .right-area {
   background: linear-gradient(to bottom, #01b3f9, #066484);
 }


 .right-area .logheading {
   text-align: center;
   color: #fff;
   margin-bottom: 20px;
 }

 .right-area .logheading h3 {
   color: #fff;
   padding-bottom: 6px;
   font-weight: 600;
 }

 .right-area label {
   color: #fff;
   font-weight: 600;
 }

 .right-area .logheading span {
   padding: 5px 8px;
   background: #fff;
   border-radius: 5px;
   color: #034fcd;
   font-weight: 600;
   font-weight: 0.9rem;
 }

 .right-area .fgtpass {
   color: #fff;
   cursor: pointer;
   float: right;
 }


 .left-area {
   text-align: center;
   width: 100%;
 }

 .left-area h1 {
   color: #0489d5;
   font-weight: 600;
 }

 .left-area p {
   color: #000;
 }

 .left-area img {
   width: 120px;
   margin-bottom: 20px;
 }

 .input-group-text {
   background-color: #ffffff !important;
 }

 .h100vh {
   height: 100vh;
 }


 .captchaArea i {
   color: #fff;
   cursor: pointer;
 }



 /*subhashree code*/
 .login_page_section {
   margin: 8%;
   /*  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;*/
 }

 .left_section {
   background: rgb(35, 152, 187);
   background: linear-gradient(15deg, rgba(35, 152, 187, 1) 0%, rgba(10, 89, 206, 1) 100%);
   border-top-left-radius: 1rem;
   align-items: center;
   display: flex;
   justify-content: center;
   box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

 }

 .right_section {
   background-color: #fff;
   border-bottom-right-radius: 1rem;
   box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

 }

 .govt_logo_part {
   /* margin:5%; */
   text-align: center;
   margin: 121px 10px 30px;
   text-align: center;
 }

 .govt_logo {
   width: 30%;
 }

 .text_logo {
   color: #fff;
   font-weight: 600;
   font-size: 1.5rem;
 }

 .paragraph_ctgst {
   color: #fff;
   font-size: 1rem;
 }

 .loginpage_card {
   margin: 5%;
 }

 .login_page_heading {
   font-weight: 800;
   font-size: 2.5rem;
   color: #0fa6e1;
   /* margin: 5%; */
 }

 .input_section{
  align-items: center;
 }

 .round_pill {
   border-radius: 1.5rem;
   height: 38px;
 }

 .label_txt {
   font-weight: 600;
 }


 .submit_button {
   width: 100px;
   font-size: 15px;
   font-weight: 600;
   color: #fff;
   cursor: pointer;
   height: 37px;
   text-align: center;
   border: none;
   background-size: 300% 100%;
   border-radius: 50px;

   -o-transition: all .4s ease-in-out;
   -webkit-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out;

 }

 .submit_button:hover {
   background-position: 100% 0;

   -o-transition: all .4s ease-in-out;
   -webkit-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out;
 }

 .submit_button:focus {
   outline: none;
 }

 .submit_button.color_submit {
   background-image: linear-gradient(to bottom, #01b3f9, #438ca4);
   /* box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); */
 }


 .submit_button.color_submit:hover {
  background-image: linear-gradient(to bottom, #059cd8, #56acc8);
  /* box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); */
}

 .input-group-text {
   border-top-left-radius: 1.5rem !important;
   border-bottom-left-radius: 1.5rem !important;
 }

 .fa-user-o,
 .fa-lock,
 .fa-eye {
   color: #0fa6e1 !important;
 }

 .icon_crsr {
   cursor: pointer;
 }

 @media (max-width: 1055px) {
   .left_section {
     display: none;
   }

   .right_section {
     width: 100%;
   }
 }

 .forgot_psw {
   font-size: 12px;
   margin: 5px auto;
   cursor: pointer;
 }

 .form-group {
   position: relative;
 }

 .modal-title {
   font-size: 1rem !important;
 }

 .forgot_psw {
   font-size: 12px;
   margin: 5px auto;
   cursor: pointer;
 }

 .eye-icon {
   position: absolute;
   top: 73%;
   right: 11px;
   transform: translateY(-50%);
   cursor: pointer;
   color: #4368976b;
 }

 label {
   margin-bottom: 0.6rem !important;
 }

 .password_text {
   margin-top: 10px !important;
 }

 .btn_text {
   font-weight: 600;
   border-radius: 4px;
 }

 .fa-sync-alt {
   display: flex;
   align-items: center;
   margin-right: 10px;
   color: #0fa6e1;
 }




 /* new page design */
.form_sec{
  padding: 0px 35px;
}
 
 .main_login_section {
   position: relative;
   width: 100%;
   min-height: 100vh;
   padding: 2rem;
   /* background-color: #fafafa; */
   overflow: hidden;
   display: flex;
   align-items: center;
   justify-content: center;
   background: linear-gradient(115deg,
       rgb(255 255 255 / 89%),
       rgb(255 255 255 / 83%)), url('../img/photos/frame11.jpg') !important;
   /* overflow-x: hidden; */
   background-position: center !important;
   background-repeat: no-repeat !important;
   background-size: cover !important;
 }

 .form_part {
   width: 100%;
   max-width: 970px;
   background-color: #fff;
   border-radius: 10px;
   box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);
   z-index: 1000;
   overflow: hidden;
   display: grid;
   grid-template-columns: repeat(2, 1fr);
 }

 .contact-form {
   background: linear-gradient(to bottom, #01b3f9, #066484);
   position: relative;
 }

 .circle {
   border-radius: 50%;
   background: linear-gradient(135deg, transparent 20%, #357cf178);
   position: absolute;
 }

 .circle.one {
   width: 130px;
   height: 130px;
   top: 391px;
   right: 334px;
 }

 .circle.two {
   width: 80px;
   height: 80px;
   top: 10px;
   right: 30px;
 }

 .contact-form:before {
   content: "";
   position: absolute;
   width: 26px;
   height: 26px;
   background-color: #ffffff;
   transform: rotate(45deg);
   top: 9px;
   left: 472px;
 }

 .form_part {
   z-index: 10;
   overflow: hidden;
   position: relative;
 }


 .contact-info {
   padding: 2.3rem 2.2rem;
   position: relative;
 }

 .contact-info .title {
   color: #1abc9c;
 }

 .contact-info:before {
   content: "";
   position: absolute;
   width: 110px;
   height: 100px;
   border: 22px solid #678fd3;
   border-radius: 50%;
   bottom: -77px;
   right: 50px;
   opacity: 0.3;
 }

 .big-circle {
   position: absolute;
   width: 500px;
   height: 500px;
   border-radius: 50%;
   background: linear-gradient(to bottom, #5097c3, #8febd8);
   bottom: 50%;
   right: 50%;
   transform: translate(-40%, 38%);
   opacity: 0.2;
 }

 .big-circle:after {
   content: "";
   position: absolute;
   width: 360px;
   height: 360px;
   background-color: #fafafa;
   border-radius: 50%;
   top: calc(50% - 180px);
   left: calc(50% - 180px);
 }

 .square {
   position: absolute;
   height: 400px;
   top: 50%;
   left: 50%;
   transform: translate(181%, 11%);
   opacity: 0.2;
 }

 @media (max-width: 546px) {
   .input_section {
     flex-wrap: wrap;
     justify-content: center;
   }
 }

 @media (max-width: 850px) {
   .form_part {
     grid-template-columns: 1fr;
     padding: 0;
   }

   .contact-info:before {
     bottom: initial;
     top: -75px;
     right: 65px;
     transform: scale(0.95);
   }

   .contact-form:before {
     display: none;
   }

   .square {
     transform: translate(140%, 43%);
     height: 350px;
   }

   .big-circle {
     bottom: 75%;
     transform: scale(0.9) translate(-40%, 30%);
     right: 50%;
   }


 }

 @media (max-width: 480px) {
   .main_login_section {
     padding: 1.5rem;
   }

   .contact-info:before {
     display: none;
   }

   .square,
   .big-circle {
     display: none;
   }

   form,
   .contact-info {
     padding: 1.7rem 1.6rem;
   }

 }

 @media (max-width: 400px) {
   .main_login_section {
     padding: 1.5rem;
   }


   .fa-sync-alt {
     margin: 10px;
   }
 }