.cim-form-wrapper .cim-login-form .otp-delivery-method {

    margin-top: 20px;

}



.cim-form-wrapper .cim-login-form .otp-delivery-method legend {

    font-weight: 600;

    margin-bottom: 8px;

}

.cim-form-wrapper .cim-login-form .otp-section {

    margin: 20px 0;

}

.cim-form-wrapper .cim-login-form .otp-section .btn-wrapper {

    margin-top: 20px;

    display: flex;

    gap: 10px;

    flex-wrap: wrap;

}

.cim-form-wrapper .cim-login-form .cim-form-grid {

    grid-template-columns: repeat(1, 1fr);

}

.cim-form-wrapper #lost-password-toggle {

    margin-top: 10px;

}



.cim-form-wrapper .password-wrapper {

    position: relative;

}



.cim-form-wrapper .password-wrapper input {

    padding-right: 45px;

    /* Space for the eye icon */

}



.cim-form-wrapper .password-wrapper .toggle-password {

    position: absolute;

    right: 12px;

    top: 26px; 

    transform: translateY(-50%);

    cursor: pointer;

    font-size: 18px;

    color: #888;

    z-index: 3;

}



.cim-form-wrapper .password-wrapper .toggle-password i {

    pointer-events: none;

}



.cim-form-wrapper .divider-or-section {

    display: flex;

    align-items: center;

    text-align: center;

    margin: 20px 0;

}



.cim-form-wrapper .divider-or-section::before,

.cim-form-wrapper .divider-or-section::after {

    content: "";

    flex: 1;

    height: 1px;

    background: #ddd;

}



.cim-form-wrapper .divider-or-section span {

    padding: 0 12px;

    color: var(--footer-bg);

    font-weight: 600;

    font-size: 16px;

    background: transparent;

}



.cim-form-wrapper .cim-login-form h4 {

    margin-bottom: 12px;

}



.cim-form-wrapper #password-actions,

.cim-form-wrapper #otp-actions {

    margin-top: 12px;

}
.login-form-wrapper .login-methods-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.login-form-wrapper .login-methods-wrapper  #password-login-section,
.login-form-wrapper .login-methods-wrapper  #otp-login-section
{
    flex: 0 0 calc(50% - 10px);
}
.login-form-wrapper .login-toggle {
    margin-top: 10px;
}
.login-form-wrapper .field-group .error {
    border: 1px solid red;
}
@media(max-width:375px){
    .cim-form-grid .field-group  .g-recaptcha div{
        width: auto !important;
        max-width: 257px;
        overflow: hidden;
    }
}