.otp_container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

.input_otp {
    color: white;
    width: 40px;
    border: none;
    border-bottom: 3px solid rgba(255, 255, 255, 0.6);
    text-align: center;
    /* font-size: 36px; */
    cursor: not-allowed;
    pointer-events: none;
    background: none;
}

.input_otp:focus {
    border-bottom: 3px solid orange;
    outline: none;
}

.input_otp:nth-child(1) {
    cursor: pointer;
    pointer-events: all;
}

#dob::placeholder {
    color: gray; 
    font-style: italic; 
}

.floating-label>.floating-input-plaintext~span, .floating-label>.floating-input :focus~span, .floating-label>.floating-input:not(:placeholder-shown)~span, .floating-label>.form-select~span {
    transform: translateY(-17px) translateX(0);
color: #fff;
font-weight: 500; 
}


.content-section .heading-content .floating-form .is-focused.floating-label .form-span, .content-section .heading-content .floating-form :not(.is-empty).floating-label .form-span {
top: 0 !important;
}