body{
     background: #fff;
}

 .auth_container{
     height: 100vh;
     display: flex;
     width: 100%;
     margin: 0 auto;
     align-items: center;
}
 .auth_flex_item{
     flex: 1;
}
.login_fm_cnt {
    flex: 1;
    position: relative;
}
 .auth_flex_item_left{
     background: linear-gradient(180deg, #003729 0%, #012C21 177.88%);
     height: 100%;
     position: relative;
}
 .layer_img{
     position: absolute;
     bottom: 0;
     left: 50%;
     transform: translateX(-50%);
     max-width: 100%;
     width:100%;
}
 .ellipse_img{
     position: absolute;
     top: 0;
     left: 50%;
     transform: translateX(-50%);
     max-width: 100%;
     max-height: 32%;
}
 .logo_in_auth{
     display: flex;
     margin: 160px auto 30px;
}
 .swiper.auth_TestimonialSlider {
     width: 100%;
     max-width: 470px;
     height: 116px;
}
 .auth_TestimonialSlider .swiper-slide {
     display: flex;
     flex-direction: column;
     justify-content: center;
     gap: 4px;
     align-items: center;
     text-align: center;
     width: 100%;
     box-sizing: border-box;
}
 .auth_TestimonialSlider .swiper-slide .title{
     color: #fff;
     font-weight:600;
}
 .auth_TestimonialSlider .swiper-slide .alt_title{
     color: #B2F377;
     font-weight:600;
}
 .auth_TestimonialSlider .swiper-slide .desc{
     color: #87A6A0;
     margin-bottom: 40px;
}
 .swiper-pagination-bullet{
     background: #87A6A0;
     width: 6px;
     height: 6px;
     margin:0px 2px!important;
}
 .swiper-pagination-bullet-active{
     background: #B2F377;
     width: 20px;
     border-radius: 4px;
}
 .auth_form_container{
     max-width: 400px;
     width: 100%;
     margin: 0 auto;
}
 .tle_h1{
     font-weight: 600;
}
 .auth_form_container .desc{
     margin: 8px auto 16px;
     max-width: 280px;
     width: 100%;
}
 .input_wrap{
     position: relative;
     margin-top: 6px;
}
 .password_toggle_icon{
     position: absolute;
     right: 12px;
     top: 50%;
     transform: translateY(-50%);
}
 .forgot_pwd_link{
     margin: 10px 20px 0px 0px;
     text-align: right;
     text-decoration: underline;
     cursor: pointer;
}
 .back_to_login{
     margin-top: 16px;
     padding: 10px;
     cursor: pointer;
}
 .input_container label sup{
     color: red;
}
 .auth_flex_item.auth_flex_item_right {
     height: 100vh;
     justify-content: center;
     align-items: center;
     display: flex;
     flex-direction: column;
     position: relative;
}
 .auth_footer_title{
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 4px;
     position: absolute;
     bottom: 20px;
     left: 0;
     right: 0;
}
 .otp-input-fields {
     margin: auto;
     display: flex;
     justify-content: center;
     gap: 10px;
}

 .otp-input-fields input {
     height: 50px;
     width: 52px;
     padding: 10px 16px;
     background-color: transparent;
     border-radius: 8px;
     border: 1px solid var(--inputBorderColor);
     text-align: center;
     outline: none;
}

 .otp-input-fields input::-webkit-outer-spin-button, .otp-input-fields input::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0;
}
 .otp-input-fields input[type=number] {
     -moz-appearance: textfield;
}

.otp-input-fields .otp__digit:focus{
border-color: var(--primary-color);
}

.error_input.otp-input-fields .otp__digit{
border-color: var(--colorFailed);
}

 #welcomeMessage {
     text-align: center;
}
 .resend_otp_btn {
     color: blue;
     font-size: 14px;
     cursor: pointer;
}
 .verify_btn {
     width: 200px;
     height: 35px;
     text-align: center;
     font-size: 16px;
     border-radius: 5px;
     background-color: black;
     color: #fff;
     outline: none;
     border: none;
     margin-top: 20px;
     cursor: pointer;
}
 .otp_not_received_msg {
     display: none;
}
 .verify_btn:disabled {
     cursor: not-allowed;
     background-color: green;
     color: #fff;
}
 .otp__digit:disabled {
     cursor: not-allowed;
     background-color: var(--inputBorderColor);
     color: #fff;
}
 #timer {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 8px;
}
 .otp_form_container .auth_form_container{
     max-width: 360px;
}
 .rsd_otp{
     letter-spacing: 0.4px;
}

.usr_pwd_toggle_icon{
position: absolute;
top: 50%;
right: 13px;
transform: translateY(-50%);
cursor: pointer;
}
 
    .layer_img{
        max-height:75%;
    }

   
      @media (-webkit-max-device-pixel-ratio: 1) {
        .logo_in_auth{
            margin: 150px auto 50px;
       }
      }

      @media (-webkit-max-device-pixel-ratio: 2) and (max-height: 750px) {
        .ellipse_img{
            max-height: 25%;
           }
           .logo_in_auth{
            margin: 120px auto 20px;
       }
      }
      @media (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.25) {
        .logo_in_auth{
            margin: 125px auto 30px;
       }
       .ellipse_img{
        max-height: 28%;
       }
      }