.text-secondary.fs-20.mb-2.fw-600.works_title {
    color: #800073 !important;
}
#how_it_works .section-title h2 {
    color: #800073 !important;
}
.phone-input-wrapper {
    display: flex;
    border: 1px solid #ced4da; /* Add a border */
    border-radius: 0.25rem;
    overflow: hidden; /* To contain the flag and input nicely */
}

.country-flag {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.75rem;
    background-color: #f8f9fa;
    border-right: 1px solid #ced4da;
}

.country-flag .flag-icon {
    font-size: 1.2rem; /* Adjust flag size */
}

.phone-input {
    flex-grow: 1;
    border: none;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    /* Remove default focus outline */
    &:focus {
        outline: none;
    }
}

.button-container {
    display: flex;
    align-items: center; /* Vertically align button and loader */
    gap: 10px; /* Space between button and loader */
}

#loading-spinner {
    display: none; /* Hidden by default */
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-top: 2px solid #3498db;
    border-radius: 50%;
    width: 16px; /* Smaller loader */
    height: 16px; /* Smaller loader */
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.aiz-nav-tabs.bottom-bordered a {
    color: #c0c0c0 !important;
}
.aiz-footer {
    background: #591a55!important;
}
footer.aiz-footer .border-bottom.border-primary {
    border-color: #ffffff !important;
}
.aiz-footer .border-top.border-primary {
    border-color: #ffffff !important;
}
.aiz-footer p {
    color: #ffffff!important;
}
.photo_protect {
    position: relative;
    top: 4em;
}
button#resend-otp-button {
    color: #591a55!important;
    opacity: 1.65;
}