.personal-data-form-main-wrapper #personal-data-form-popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
}

.personal-data-form-main-wrapper #personal-data-form-inner-wrapper {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    z-index: 9999;
    border-radius: 10px;
    width: 598px;
    max-width: 100%;
}

#personal-data-form-inner-wrapper .close-popup {
    display: flex;
    justify-content: end;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: 20px;
    color: #333;
    background: none;
    border: none;
}

/* enquiry */
.personal-enq-data-form-main-wrapper #personal-enq-data-form-popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
}

.personal-enq-data-form-main-wrapper #personal-enq-data-form-inner-wrapper {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    /* padding: 20px; */
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    z-index: 9999;
    border-radius: 10px;
    width: 650px;
    max-width: 95%;
}

#personal-enq-data-form-inner-wrapper .enq-close-popup {
    display: flex;
    justify-content: end;
padding: 20px 20px 0 0;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: 20px;
    color: #333;
    background: none;
    border: none;
}
.personal-enq-data-form-main-wrapper #personal-enquiry-data-form-inner-wrapper{
    box-shadow:none;
}
/* enquiry end  */

#personal-data-form-inner-wrapper .personal-data-form {
    position: relative;
}

#personal-data-form-inner-wrapper form p {
    margin-bottom: 16px;
}

.personal-enquiry-data-form-inner-wrapper form p {
    margin-bottom: 16px;
}

#personal-data-form-inner-wrapper form label {
    color: #000000;
}

.personal-enquiry-data-form-inner-wrapper form label {
    color: #000000;
}

#personal-data-form-inner-wrapper form input {
    margin-top: 10px;
    border: 2px solid #f3f0f0;
    background-color: #ffffff;
    box-shadow: unset;
    border-radius: 10px;
    width: 100%;
    padding: 10px;
}

.personal-enquiry-data-form-inner-wrapper form input,
.personal-enquiry-data-form-inner-wrapper form select {
    margin-top: 10px;
    border: 2px solid #f3f0f0;
    background-color: #ffffff;
    box-shadow: unset;
    border-radius: 10px;
    width: 100%;
    padding: 10px;
    color: #43454b;
}

#personal-data-form-inner-wrapper form input:focus {
    outline: none;
}

#personal-data-form-inner-wrapper form #personal-data-form-submit-btn {
    margin-top: 10px;
    background-color: #e82b44;
    width: 100%;
    color: #ffffff;
    border-radius: 8px;
    padding: 10px;
    border: none;
    border: 2px solid #e82b44;
    cursor: pointer;
    outline: none;
}

#personal-enquiry-data-form-submit-btn {
    margin-top: 10px;
    background-color: #e82b44;
    width: 100%;
    color: #ffffff;
    border-radius: 8px;
    padding: 10px;
    border: none;
    border: 2px solid #e82b44;
    cursor: pointer;
    outline: none;
}

#personal-enquiry-data-form-submit-btn:hover {
    background-color: #ffffff;
    color: #e82b44;
}

#personal-data-form-inner-wrapper form #personal-data-form-submit-btn:hover {
    background-color: #ffffff;
    color: #e82b44;
}

#personal-data-form-inner-wrapper .heading-section h2 {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 38px;
    margin-bottom: 20px;
}

.h2-head {
    font-size: 1.4rem !important;
    font-weight: 400;
    line-height: 38px;
    margin-bottom: 20px;
}

.h2-head b {
    color: #e82b44;
}

#personal-data-form-inner-wrapper .heading-section h2 b {
    color: #e82b44;
}

.iti.iti--allow-dropdown.iti--separate-dial-code {
    width: 100%;
}

@media screen and (max-width:768px) {

    #personal-data-form-inner-wrapper .heading-section h2 {
        font-size: 1.1rem;
        line-height: 28px;
    }

    #personal-data-form-inner-wrapper form label {
        font-size: 0.9rem;
    }
}




#personal-enquiry-data-form-inner-wrapper {
    position: relative;
    margin-top: 18px;
    margin-bottom: 18px;
    place-self: center;
    background: white;
    padding: 20px;
    /* box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); */
    /* z-index: 9999; */
    border-radius: 35px;
    width: 100%;
    max-width: 100%;
}

#personal-enq-data-form-inner-wrapper #personal-enquiry-data-form-inner-wrapper{
    width: 100%;
}


#personal-enquiry-data-form-inner-wrapper textarea {
    width: 100%;
    background-color: white;
    color: rgb(123, 123, 123);
    border: 1px solid #CED4DA;
    height: 95px;
    border-radius: 5px;
    font-family: poppins;
    font-size: 13px;
}

.input-container {
    display: flex; /* Use flexbox for layout */
    justify-content: space-between; /* Space between the inputs */
    align-items: flex-start; /* Align items at the start */
}

.input-container p {
    flex: 1; /* Allow paragraphs to take equal space */
    margin-right: 20px; /* Add some space between inputs */
}

.input-container p:last-child {
    margin-right: 0; /* Remove margin from the last item */
}




.role-loader {
    /* display: none; */
    position: fixed;
    top: 0;
    background: #000000bd;
    left: 0;
    z-index: 9999999;
    height: 100%;
    width: 100%;
}

.loader {
    width: 48px;
    height: 48px;
    margin: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.loader:before {
    content: '';
    width: 48px;
    height: 5px;
    background: #000;
    opacity: 0.25;
    position: absolute;
    top: 60px;
    left: 0;
    border-radius: 50%;
    animation: shadow 0.5s linear infinite;
}
.loader:after {
    content: '';
    width: 100%;
    height: 100%;
    background: #fff;
    animation: bxSpin 0.5s linear infinite;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4px;
}
@keyframes bxSpin {
    0% {
        transform: translateY(0) rotate(0deg);
    }
    25% {
        transform: translateY(9px) rotate(22.5deg);
    }
    50% {
        transform: translateY(18px) scale(1, 0.9) rotate(45deg);
        border-bottom-right-radius: 40px;
    }
    75% {
        transform: translateY(9px) rotate(67.5deg);
    }
    100% {
        transform: translateY(0) rotate(90deg);
    }
}

@keyframes shadow {
    0%, 100% {
        transform: scale(1, 1);
        opacity: 0.25;
    }
    25% {
        transform: scale(1.1, 1);
        opacity: 0.3;
    }
    50% {
        transform: scale(1.2, 1);
        opacity: 0.4;
    }
    75% {
        transform: scale(1.1, 1);
        opacity: 0.3;
    }
}