.form-step {
        display: none; 
        opacity: 0; 
        transition: opacity 0.5s ease-in-out;
    }
    .form-step.active {
        display: block; 
        opacity: 1; 
    }
    .form-divs {
        padding-left: 20px; 
        padding-right: 20px; 
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }
    .form-divs h4 {
        color: #E83952;
    }
    .container-fluid {
        background: #fff;
    }
    .col-form-label {
        color: #000;
    }
    .custom-btn-info, .custom-btn-success {
        padding: 5px 30px; 
        border-radius: 19px;
    }
    .final-submit {
        display: none;
    }
    .btn-div {
        float: right;
        margin-top: 20px; 
    }
    .country-code {
        width: 50px;
        margin-right: 5px;
        text-align: center;
    }
    .calendar-icon-container {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 38px;
        width: 38px;
        background-color: #f8f9fa;
        border: 1px solid #ced4da;
        border-radius: 4px;
        margin-left: 5px;
    }
    .calendar-icon {
        font-size: 16px;
        color: #495057;
    }
    .dob-fields {
        display: flex;
        align-items: center;
    }
    .dob-fields input {
        width: 60px;
        margin-right: 10px; 
        text-align: center;
    }
    .phone-field {
        display: flex;
        align-items: center;
    }
    @media (max-width: 768px) {
        .col-md-6.pr-4 {
            display: none; 
        }
        .form-divs {
            padding-left: 10px; 
            padding-right: 10px;
        }
        .custom-btn-info, .custom-btn-success {
            padding: 5px 20px;
        }
        .btn-div {
            float: none; 
            text-align: center;
        }
        .img-div{
            display: none;
        }
    }