body {
    display: flex;
    justify-content: center;
    background: url(../images/profile-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  
  .card_div {
    width: 40.2rem;
    height: 41.4rem;
    box-sizing: border-box;
    box-shadow: 0 2.4rem 9.4rem rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(4.18rem);
    background-color: rgba(255, 255, 255, 0.1000000015);
    border-radius: 2rem;
    display: flex !important;
    justify-content: end !important;
  }
  .card_div .card {
    background: transparent;
    border: none;
    position: static !important;
  }
  
  .card_div::before {
    position: absolute;
    content: '';
    background-image: url(../../img/logo/logo.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    top: -104px;
    left: 45px;
    margin-bottom: 3.6rem;
    width: 30.5rem;
    height: 8.5rem;
    object-fit: cover;
    vertical-align: top;
    flex-shrink: 0;
  }
  
  main.main-content {
    width: 100%;
  }
  .login-btn:hover{
    color: #fff !important;
  }
  .login-btn{
    border: none;
    padding-top: 12px;
    height: 5.8rem;
    font-size: 2rem;
    font-weight: 600;
    color: #fff;
    font-family: Space Grotesk, 'Source Sans Pro';
    box-shadow: 0 0.6rem 0.6rem rgba(10, 22, 38, 0.200000003);
    background: linear-gradient(180deg, #d6ad00 -0%, #a38400 100%);
    border-radius: 1.4rem;
    margin-bottom: 37px !important;
  }
  .logout-img i {
    display: none;
  }
  .logout-img::before{
    position: absolute;
    content: '';
    background-image: url(../images/logout_successful.png);
    background-repeat: no-repeat;
    top: 26px;
    left: 0;
    width: 100%;
    height: 250px;
    background-position-x: center;
  }
  .toast-success{
    background-color: #51A351 !important;
  }
  .toast-error{
    background-color: #BD362F !important;
  }
  .toast-info{
    background-color: #2F96B4 !important;
  }
  .toast-warning{
    background-color: #F89406 !important;
  }
  .success_heading{
    margin-bottom: 0.3rem;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.2775;
    color: #ffffff;
    font-family: 'Space Grotesk', 'Source Sans Pro', Arial, sans-serif;
    white-space: nowrap;
    flex-shrink: 0;
  }
  .success_txt{
    text-align: center;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.2775;
    color: #ffffff;
    font-family: 'Space Grotesk', 'Source Sans Pro', Arial, sans-serif;
    white-space: normal;
    flex-shrink: 0;
  }
  .theme-maintenance-page .maintenance_img, .theme-error-page .maintenance_img{
    background-image: none !important;
  }
  .theme-maintenance-page .maintenance_img::before, .theme-error-page .maintenance_img::before{
    position: absolute;
    content: '';
    background-image: url('../images/maintenance.svg');
    background-repeat: no-repeat;
    top: 25px;
    left: 130px;
    width: 100%;
    height: 90vh;
    background-size: contain;
  }
  .maintenance_info{
    color: #fff;
    max-width: 468px !important;
    border-radius: 19px;
    padding: 29px 29px;
    background: rgba(255, 255, 255, 0.12);
    box-shadow: 0px 0px 9px 0px rgba(255, 255, 255, 0.09) inset;
    backdrop-filter: blur(35.391998291015625px);
    margin-top: 82px;
  }
  .maintenance_info * {
    font-family:'Space Grotesk', 'Source Sans Pro', Arial, sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 35.73px;
    margin-bottom: 16px !important;
  }
  .maintenance_info h5{
    font-size: 20px;
    line-height: 25.52px;
  }
  .maintenance_info p{
    font-size: 16px;
    font-weight: 500;
    line-height: 20.42px;
    margin-bottom: 12px !important;
  }
  .maintenance_info h4{
    font-size: 20px;
    line-height: 25.52px;
  }

  .maintenance_info::before{
    position: absolute;
    content: "";
    background: transparent;
    background: linear-gradient(143deg, transparent 51%, rgb(164 99 5 / 32%) 100%);
    background-position: left;
    background-size: cover;
    width: 50%;
    height: 80%;
    bottom: 0px;
    border-radius: 20px;
    right: 0px;
  }
  .maintenance_info::after{
    position: absolute;
    content: "";
    background: transparent;
    background: linear-gradient(328deg, transparent 51%, rgb(5 111 164 / 40%) 100%);
    background-position: left;
    background-size: cover;
    width: 50%;
    height: 80%;
    top: 0px;
    left: 0px;
    border-radius: 20px;
  }
  .maintenance_info_row::before{
    position: absolute;
    content: '';
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    width: 188px;
    height: 53px;
  }
  .maintenance_info_row{
    justify-content: space-around !important;
  }
.password_eye {
  font-size: large;
  opacity: 50%;
}
.input-group .eye_button:hover, .input-group .eye_button:active {
  background: transparent !important;
}
input:-webkit-autofill, input:-webkit-autofill:focus {
  transition: background-color 600000s 0s, color 600000s 0s;
}
.theme1_login .login_frame .group_form .login_header_group{
  bottom: 3rem !important;
}
.theme1_forgot .login_frame .group_form .login_header_group,
.theme1_reset .login_frame .group_form .login_header_group{
  top: 0rem !important;
}
.theme1_login .login_frame .group_form .login_form{
  height: auto !important;
}
.theme1_login .proceed_button,
.theme1_reset .proceed_button,
.theme1_forgot .proceed_button{
  width: 34rem !important;
}
.theme1_reset .proceed_button{
  margin-top: 2rem !important;
}
.theme1_login .login_frame .group_form{
  height: 43.6805rem;
}
.theme1_reset .login_frame .group_form .forgot-password{
  margin-top: 7rem !important;
}
.theme1_forgot .login_frame .group_form .reset_back_drop_img,
.theme1_reset .login_frame .group_form .reset_back_drop_img{
  margin-left: 0;
}
.theme1_reset label.error{
  bottom: -2.5rem !important;
}
@media (max-width:375px)  {
  .theme1_login .login_frame .group_form .login_header_group{
    bottom: 2.4rem !important;
  }
  .theme1_forgot .login_frame .group_form .login_header_group,
  .theme1_reset .login_frame .group_form .login_header_group{
    top: 0.6rem !important
  }
  .theme1_login .proceed_button,
  .theme1_reset .proceed_button,
  .theme1_forgot .proceed_button{
    width: 30rem !important;
  }
}