/*======================================================
 * GUEST LIMIT MODAL
 * Version 1.0
 * Ostad Abjad
 *======================================================*/

.oab-guest-limit-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 20px;
    box-sizing: border-box;

    direction: rtl;
}


/*======================================================
 * OVERLAY
 *======================================================*/

.oab-guest-limit-overlay {
    position: absolute;
    inset: 0;

    background: rgba(25, 45, 34, .48);
    backdrop-filter: blur(3px);
}


/*======================================================
 * CARD
 *======================================================*/

.oab-guest-limit-card {
    position: relative;
    z-index: 1;

    width: min(440px, 100%);

    padding: 28px 24px 22px;
    box-sizing: border-box;

    background: #ffffff;

    border: 3px solid #dff3e6;
    border-radius: 28px;

    text-align: center;

    box-shadow:
        0 22px 60px rgba(0, 0, 0, .20);
}


/*======================================================
 * ICON
 *======================================================*/

.oab-guest-limit-icon {
    margin-bottom: 8px;

    font-size: 48px;
    line-height: 1;
}


/*======================================================
 * TITLE
 *======================================================*/

.oab-guest-limit-card h2 {
    margin: 0 0 10px;

    color: #178b4b;

    font-size: 25px;
    font-weight: 900;

    line-height: 1.4;
}


/*======================================================
 * TEXT
 *======================================================*/

.oab-guest-limit-card p {
    margin: 0 0 20px;

    color: #526158;

    font-size: 17px;
    font-weight: 600;

    line-height: 1.8;
}


/*======================================================
 * REGISTER BUTTON
 *======================================================*/

.oab-guest-limit-register {
    width: 100%;

    padding: 13px 18px;

    border: 0;
    border-radius: 16px;

    background: #178b4b;

    color: #ffffff;

    font-family: inherit;
    font-size: 17px;
    font-weight: 800;

    cursor: pointer;

    box-shadow:
        0 7px 18px rgba(23, 139, 75, .20);
}


/*======================================================
 * CLOSE BUTTON
 *======================================================*/

.oab-guest-limit-close {
    margin-top: 10px;

    padding: 8px 16px;

    border: 0;
    background: transparent;

    color: #718078;

    font-family: inherit;
    font-size: 14px;
    font-weight: 700;

    cursor: pointer;
}


/*======================================================
 * MOBILE
 *======================================================*/

@media (max-width: 600px) {

    .oab-guest-limit-modal {
        padding: 16px;
    }

    .oab-guest-limit-card {
        padding: 24px 18px 18px;
        border-radius: 24px;
    }

    .oab-guest-limit-icon {
        font-size: 42px;
    }

    .oab-guest-limit-card h2 {
        font-size: 22px;
    }

    .oab-guest-limit-card p {
        font-size: 16px;
    }

}