@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300;400;500;600;700&display=swap');

html,body {
  background-color: #07528e;
  background: linear-gradient(#07528e, #ffffff);
  background: linear-gradient(#07528e 60%, #ffffff 50%);
  background-repeat: no-repeat;
  height: 100%;
  margin: 0;
}

.base-section{
  max-width: 500px;
  margin: auto;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  background-color: #07528e;
  overflow: auto;
  display: flex;
  flex-direction: column;
  height: 100vh; /* Full viewport height */
}
.div1{
  height: 345px; /* Fixed height for the first div */
  padding: 15px;
  background-color: #07528e;
}
.header-section{
  text-align: center;
  color: #ffffff;
  padding-top:15px;
}
.div2{
  flex: 1; /* Takes the remaining space */
  padding: 30px 30px;
  background-color: white;
  border-radius: 24px 24px 0px 0px;
}
.div3{
  flex: 1; /* Takes the remaining space */
  padding: 5px 15px;
  background-color: white;
}

.swal-modal {
  width: 300px !important;
}
.swal-text{
  color: #1461a0 !important;
}

.ppl-btn-primary{
  background: #035699 !important;
  color: #fff;
}
.ppl-btn-primary:hover{
  background: #035699 !important;
  color: #fff;
}
.ppl-btn-light{
  background: #eff0f4 !important;
  color: #9ea6b9;
}
.ppl-btn-success{
  background: #319834 !important;
  color: #fff;
}

.ppl-text{
  font-size: 16px;
  line-height: 26px;
  text-align: center;
}
.ppl-text-primary{
  color: #035699;
}

.form-group {
  margin-bottom: 0.15rem !important;
}
.form-control{
  height: 45px;
}

.ppl-btn{
  height: 45px;
  margin-top: 0.5rem;
}
button:disabled, button[disabled]{
  background: #eff0f4 !important;
  color: #9ea6b9;
}
button[disabled]:hover {
  background: #eff0f4 !important;
  color: #9ea6b9;
}
/*---------end_common---------*/


/*---------start_index---------*/
.source-sans-3-head {
  font-family: Source Serif Pro;
  font-size: 26px;
  font-weight: 700;
  color: #035699;
  line-height: 32.58px;
}
.source-sans-3-head-sub {
  font-family: Source Serif Pro;
  font-size: 16px;
  font-weight: 700;
  line-height: 20.05px;
}

.has-search .form-control {
    padding-left: 2.375rem;
}
.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 3.10rem;
    line-height: 3.10rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}
/*---------end-index---------*/


/*--------start_login--------*/
.mobile-input-container {
  position: relative;
}
.mobile-input {
  padding-left: 32px;
  padding-right: 32px;
}

.password-input-container {
    position: relative;
}
.password-input {
  padding-left: 32px;
  padding-right: 32px;
}

.lock {
  position: absolute;
  top: 16px;
  left: 10px;
  z-index: 100;
  pointer-events: none;
  color: #aaa;
}

.toggle-password {
  position: absolute;
  top: 16px;
  right: 10px;
  cursor: pointer;
  z-index: 100;
}

.frogot-input-container{
  margin-top: 15px;
}

.reset_mobile-input-container {
  position: relative;
}
.reset_mobile-input {
  padding-left: 32px;
  padding-right: 32px;
}
.reset_mobile {
  position: absolute;
  top: 16px;
  left: 10px;
  z-index: 99999;
  pointer-events: none;
  color: #aaa;
}
/*--------end_login--------*/