/* auth-pages.css */

.auth_screen_container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 90vh !important;
    height: auto !important;
    width: 100% !important;
    padding: clamp(1rem, calc(0.629rem + 1.524vw), 2rem) clamp(1rem, calc(0.814rem + 0.762vw), 1.5rem) !important;
}

.auth_exit_icon {
    display: block !important;
    width: clamp(1.5rem, calc(1.314rem + 0.762vw), 2rem) !important;
    height: clamp(1.5rem, calc(1.314rem + 0.762vw), 2rem) !important;
    stroke: var(--auth-secondary-color) !important;
    margin-left: -4px !important;
    margin-bottom: 0 !important;
    cursor: pointer !important;
    transition: stroke 0.3s ease !important;
    flex-shrink: 0 !important;
}

.auth_exit_icon:hover {
    stroke: var(--auth-primary-color) !important;
}

.auth_exit_icon svg {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
}

h2.auth_heading {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    font-size: var(--auth-x-H4) !important;
    font-weight: 700 !important;
    font-family: var(--auth-font-sec) !important;
    color: var(--auth-primary-color) !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
}