/* =========================================================
   WEBINAR HERO
   ========================================================= */

.webinar-hero {
    min-height: 70vh !important;    

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

    box-sizing: border-box !important;

    padding: 65px 30px 100px !important;
    margin: 0 !important;
    margin-top:-90px !important;
    margin-right: -20px !important;

background: linear-gradient(
    180deg,
    rgba(188, 1, 9, 0.0) 0%,
    rgba(216, 59, 59, 0.20) 72%,
    rgba(243, 186, 186, 0.20) 88%,
    rgba(255, 255, 255, 0.20) 100%
),

    url("https://shezooma.com/wp-content/uploads/2026/08/image-4-1.webp")

    center center / cover no-repeat !important;

    direction: rtl !important;
    text-align: center !important;
}
/* Mobile */
@media (max-width: 768px) {
    .webinar-hero {
        background-position: 65% center !important;
    }
}


/* CONTENT */

.webinar-hero-content {
    width: 100% !important;
    max-width: 900px !important;

    margin: 0 auto !important;

    text-align: center !important;
}


/* TITLE */

.webinar-hero-title {
    color: #ffffff !important;

    font-size: 42px !important;
    font-weight: 900 !important;

    line-height: 1.5 !important;

    text-align: center !important;

    max-width: 800px !important;

    margin: 0 auto 22px !important;
}


/* DESCRIPTION */

.webinar-hero-description {
    color: #ffffff !important;

    max-width: 760px !important;

    margin: 0 auto 30px !important;

    font-size: 17px !important;
    font-weight: 500 !important;

    line-height: 2 !important;

    text-align: center !important;
}
/* HERO LOGO */

.webinar-hero-image {
    display: block !important;

    width: auto !important;
    height: auto !important;

    max-width: 300px !important;
    max-height: 200px !important;

    object-fit: contain !important;

    margin: 0 auto 25px auto !important;
}


/* MOBILE */

@media (max-width: 768px) {

    .webinar-hero-image {
        max-width: 150px !important;
        max-height: 90px !important;
        margin-bottom: 20px !important;
    }

}

/* BUTTON */

.webinar-hero-button {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    padding: 14px 30px !important;

    background: #ffffff !important;
    color: #9B0707 !important;

    border: 2px solid #ffffff !important;
    border-radius: 8px !important;

    font-size: 16px !important;
    font-weight: 800 !important;

    text-decoration: none !important;

    transition: all 0.2s ease !important;
}


.webinar-hero-button:hover {
    background: #8C0505 !important;
    color: #ffffff !important;

    transform: translateY(-2px) !important;

    text-decoration: none !important;
}


html {
    scroll-behavior: smooth;
}


/* MOBILE */

@media (max-width: 768px) {

    .webinar-hero {
        min-height: 400px !important;
        padding: 50px 20px 90px !important;
    }

    .webinar-hero-title {
        font-size: 29px !important;
    }

    .webinar-hero-description {
        font-size: 15px !important;
    }

}
/* =========================================================
   FORCE CENTER WEBINAR SECTION
   ========================================================= */

.webinar-section {
    width: 100% !important;
    max-width: 1200px !important;

    margin: 0 auto !important;

    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;

    float: none !important;
    box-sizing: border-box !important;
}

/* Remove WPBakery row offset */
.webinar-section.vc_row {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Make sure parent column isn't restricting/offsetting it */
.webinar-section > .wpb_column,
.webinar-section .vc_column_container {
    float: none;
}

/* Parent WPBakery wrapper */
.wpb-content-wrapper .webinar-section {
    margin-left: auto !important;
    margin-right: auto !important;
}

@media only screen and (min-width: 769px) {
/* Right column only */

    .webinar-section > .vc_column_container:first-child {

        padding-right: 25px !important;

        box-sizing: border-box !important;

    }

    /* Left/form column */

    .webinar-section > .vc_column_container:last-child {

        padding-left: 25px !important;

        box-sizing: border-box !important;

    }
    .webinar-section.vc_row,

    .vc_row.webinar-section {

        display: flex !important;

        flex-direction: row !important;

        flex-wrap: nowrap !important;

        align-items: flex-start !important;

        /* Space between form and countdown */

        gap: 30px !important;

        width: 100% !important;

        max-width: 1200px !important;

        margin-left: auto !important;

        margin-right: auto !important;

        /* Equal space on BOTH outer sides */

        padding: 30px 35px !important;

        box-sizing: border-box !important;

    }

    /* BOTH COLUMNS */

    .webinar-section.vc_row > .vc_column_container,

    .vc_row.webinar-section > .vc_column_container {

        width: calc(50% - 15px) !important;

        max-width: calc(50% - 15px) !important;

        flex: 0 0 calc(50% - 15px) !important;

        margin: 0 !important;

        padding: 0 !important;

        float: none !important;

        box-sizing: border-box !important;

    }

    /* WPBAKERY INNER COLUMN */

    .webinar-section.vc_row > .vc_column_container > .vc_column-inner,

    .vc_row.webinar-section > .vc_column_container > .vc_column-inner {

        width: 100% !important;

        margin: 0 !important;

        padding: 0 !important;

        box-sizing: border-box !important;

    }

}
/* =========================================================
   GRAVITY FORM
   ========================================================= */

.gform_wrapper {
    width: 100% !important;
    max-width: 850px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}
/* =========================================
   GRAVITY FORMS MULTI-STEP PROGRESS
   ========================================= */

.gform_wrapper .gf_progressbar_wrapper {
    width: 90% !important;
    margin: 15px auto 35px auto !important;
}


/* "مرحله ۱ از ۲" */

.gform_wrapper .gf_progressbar_title {
    color: rgba(255, 255, 255, 0.75) !important;

    font-size: 14px !important;
    font-weight: 600 !important;

    text-align: center !important;

    margin-bottom: 12px !important;
}


/* Progress background */

.gform_wrapper .gf_progressbar {
    height: 8px !important;

    background: rgba(255, 255, 255, 0.25) !important;

    border-radius: 50px !important;

    overflow: hidden !important;

    box-shadow: none !important;
}


/* Filled progress */

.gform_wrapper .gf_progressbar_percentage {
    height: 8px !important;

    background: #ffffff !important;

    border-radius: 50px !important;

    box-shadow: none !important;
}


/* Remove percentage text inside bar */

.gform_wrapper .gf_progressbar_percentage span {
    display: none !important;
}

/* =========================================================
   FORM TITLE + DESCRIPTION
   ========================================================= */

.gform_wrapper .gform_heading {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    
}

.gform_wrapper .gform_title {
    width: 100% !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.gform_wrapper .gform_description {
    display: block !important;
    width: 100% !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


/* =========================================================
   FORM FIELD LABELS
   ========================================================= */

.gform_wrapper .gfield_label {
    display: block !important;
    width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

/* =========================================================
   WEBINAR FORM — INPUT TEXT BLACK
   ========================================================= */

.webinar-section .gform_wrapper input[type="text"],
.webinar-section .gform_wrapper input[type="email"],
.webinar-section .gform_wrapper input[type="tel"],
.webinar-section .gform_wrapper input[type="number"],
.webinar-section .gform_wrapper input[type="url"],
.webinar-section .gform_wrapper textarea,
.webinar-section .gform_wrapper select {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    opacity: 1 !important;
}


/* Placeholder text */
.webinar-section .gform_wrapper input::placeholder,
.webinar-section .gform_wrapper textarea::placeholder {
    color: #000000 !important;
    opacity: 0.6 !important;
}


/* Select/dropdown selected value */
.webinar-section .gform_wrapper select,
.webinar-section .gform_wrapper select option {
    color: #000000 !important;
    background-color: #ffffff !important;
}
/* =========================================================
   REGULAR FORM FIELDS
   ========================================================= */

.gform_wrapper
.gfield:not(.gfield--type-name)
.ginput_container {
    width: 90% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.gform_wrapper
.gfield:not(.gfield--type-name)
.ginput_container input,

.gform_wrapper
.gfield:not(.gfield--type-name)
.ginput_container select,

.gform_wrapper
.gfield:not(.gfield--type-name)
.ginput_container textarea {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


/* =========================================================
   NAME FIELD
   ========================================================= */

.gform_wrapper
.gfield--type-name
.ginput_complex {
    width: 90% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.gform_wrapper
.gfield--type-name
.ginput_complex input {
    width: 100% !important;
    box-sizing: border-box !important;
}

.gform_wrapper
.gfield--type-name
.ginput_complex label {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
}


/* =========================================================
   SUBMIT AREA
   ========================================================= */

.gform_wrapper .gform_footer,
.gform_wrapper .gform_page_footer {
    width: 100% !important;

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

    text-align: center !important;

    margin-top: -15px !important;
    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* =========================================================
   SUBMIT BUTTON
   ========================================================= */

.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_footer button[type="submit"],
.gform_wrapper .gform_page_footer input[type="submit"],
.gform_wrapper .gform_page_footer button[type="submit"] {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-weight: 700 !important;
}
/* =========================================
   MULTI-STEP BUTTON AREA
   ========================================= */

.gform_wrapper .gform_page_footer {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    gap: 12px !important;

    width: 100% !important;

    margin-top: 20px !important;
    padding: 0 !important;
}


/* NEXT + PREVIOUS */

.gform_wrapper .gform_next_button,
.gform_wrapper .gform_previous_button {
    min-width: 110px !important;
    padding: 12px 32px !important;
    text-align: center;
    border: 0 !important;
    border-radius: 8px !important;

    font-weight: 700 !important;

    cursor: pointer !important;
}


/* NEXT */

.gform_wrapper .gform_next_button {
    background: #ff1717 !important;
    color: #ffffff !important;
}


/* PREVIOUS */

.gform_wrapper .gform_previous_button {
    background: rgba(255,255,255,0.18) !important;
    color: #ffffff !important;

    border: 1px solid rgba(255,255,255,0.5) !important;
}

/* =========================================================

   MAIN WEBINAR FORM + COUNTDOWN SECTION

   ========================================================= */

.webinar-section.vc_row,

.vc_row.webinar-section {

    display: flex !important;

    flex-direction: row !important;

    flex-wrap: nowrap !important;

    align-items: flex-start !important;

    justify-content: center !important;

    width: 100% !important;

    max-width: 1200px !important;

    margin-left: auto !important;

    margin-right: auto !important;

    padding: 20px !important;

    background: linear-gradient(

        90deg,

        #BC0A09 0%,

        #8C0505 50%,

        #BC0A09 100%

    ) !important;

    border-radius: 20px !important;

    box-sizing: border-box !important;

    overflow: hidden !important;

    float: none !important;

    position: relative !important;

    left: auto !important;

    right: auto !important;

    transform: none !important;

    direction: rtl !important;

}
/* =========================================================

   FORCE BOTH WPBAKERY COLUMNS TO 50/50

   ========================================================= */

@media only screen and (min-width: 769px) {

    .webinar-section.vc_row > .vc_column_container,

    .vc_row.webinar-section > .vc_column_container {

        display: block !important;

        width: 50% !important;

        max-width: 50% !important;

        flex: 0 0 50% !important;

        float: none !important;

        box-sizing: border-box !important;

    }

    .webinar-section.vc_row > .vc_column_container > .vc_column-inner,

    .vc_row.webinar-section > .vc_column_container > .vc_column-inner {

        width: 100% !important;

        box-sizing: border-box !important;

    }

}

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

    .webinar-section.vc_row,
    .vc_row.webinar-section {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        padding: 15px !important;
    }


    .webinar-section.vc_row > .vc_column_container,
    .vc_row.webinar-section > .vc_column_container {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        flex: none !important;

        float: none !important;
    }
}
/* =========================================================
   COUNTDOWN AREA
   ========================================================= */

.webinar-countdown {
    width: 100% !important;
    max-width: none !important;

    box-sizing: border-box !important;

    direction: rtl !important;
}


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

.webinar-countdown .webinar-date {
    display: block !important;
    width: 100% !important;

    color: #ffffff !important;

    font-size: 22px !important;
    font-weight: 800 !important;

    text-align: center !important;

    margin: 0 0 20px 0 !important;
}


/* =========================================================
   COUNTDOWN WHITE BOX
   ========================================================= */

.webinar-countdown .countdown-box {
    display: flex !important;
    flex-direction: row !important;

    justify-content: space-around !important;
    align-items: center !important;

    width: 100% !important;

    background: #ffffff !important;

    border-radius: 12px !important;

    padding: 28px 15px !important;
    margin: 0 !important;

    gap: 10px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   COUNTDOWN ITEMS
   ========================================================= */

.webinar-countdown .countdown-item {
    display: block !important;

    flex: 1 1 25% !important;

    min-width: 0 !important;

    text-align: center !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* COUNTDOWN NUMBERS */

.webinar-countdown .countdown-item span {
    display: block !important;

    color: #000000 !important;

    font-size: 48px !important;
    font-weight: 800 !important;

    line-height: 1 !important;

    text-align: center !important;
}


/* COUNTDOWN LABELS */

.webinar-countdown .countdown-item small {
    display: block !important;

    color: #000000 !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    text-align: center !important;

    margin-top: 12px !important;
}


/* =========================================================
   BENEFIT CARDS GRID
   ========================================================= */

.webinar-countdown .webinar-benefits {
    display: grid !important;

    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;

    width: 100% !important;

    gap: 14px !important;

    margin: 20px 0 0 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


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

.webinar-countdown .benefit-card {
    display: flex !important;
    flex-direction: row !important;

    align-items: center !important;

    width: 100% !important;
    min-height: 95px !important;

    background: #ffffff !important;

    border-radius: 10px !important;

    padding: 15px 18px !important;
    margin: 0 !important;

    gap: 14px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   BENEFIT ICON CONTAINER
   ========================================================= */

.webinar-countdown .benefit-icon {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 48px !important;

    width: 48px !important;
    height: 48px !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   BENEFIT ICON IMAGE
   ========================================================= */

.webinar-countdown .benefit-icon img {
    display: block !important;

    width: 36px !important;
    height: 36px !important;

    max-width: 36px !important;
    max-height: 36px !important;

    object-fit: contain !important;

    margin: 0 !important;
    padding: 0 !important;
}


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

.webinar-countdown .benefit-text {
    display: block !important;

    flex: 1 1 auto !important;

    color: #000000 !important;

    font-size: 14px !important;
    font-weight: 600 !important;

    line-height: 1.7 !important;

    text-align: right !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   RED STATS / INTRO SECTION
   ========================================================= */

.webinar-stats-section {
    width: 100% !important;

    box-sizing: border-box !important;

    background: linear-gradient(
        90deg,
        #BC0A09 0%,
        #8C0505 50%,
        #BC0A09 100%
    ) !important;

    padding: 45px 30px !important;
    margin: 0 !important;

    border-radius: 20px !important;

    direction: rtl !important;

    text-align: center !important;

    overflow: hidden !important;
}


/* =========================================================
   STATS INNER CONTENT
   ========================================================= */

.webinar-stats-content {
    width: 100% !important;

    max-width: 950px !important;

    margin: 0 auto !important;

    text-align: center !important;
}


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

.webinar-stats-section .webinar-stats-title {
    color: #ffffff !important;

    font-size: 28px !important;
    font-weight: 900 !important;

    line-height: 1.5 !important;

    text-align: center !important;

    width: 100% !important;
    max-width: 750px !important;

    margin: 0 auto 30px auto !important;
}


/* =========================================================
   STATS THREE COLUMNS
   ========================================================= */

.webinar-stats-row {
    display: flex !important;

    flex-direction: row !important;

    justify-content: center !important;
    align-items: center !important;

    width: 100% !important;

    gap: 20px !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   EACH STAT
   ========================================================= */

.webinar-stat-item {
    flex: 1 1 33.333% !important;

    min-width: 0 !important;

    text-align: center !important;

    margin: 0 !important;

    padding: 0 10px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   BIG STAT NUMBERS
   ========================================================= */

.webinar-stat-number {
    display: block !important;

    color: #ffffff !important;

    font-size: 42px !important;
    font-weight: 900 !important;

    line-height: 1.2 !important;

    text-align: center !important;

    margin: 0 0 6px 0 !important;
}


/* =========================================================
   STAT DESCRIPTION
   ========================================================= */

.webinar-stat-text {
    display: block !important;

    color: #ffffff !important;

    font-size: 14px !important;
    font-weight: 500 !important;

    line-height: 1.6 !important;

    text-align: center !important;

    margin: 0 !important;
}


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

@media (max-width: 768px) {

    /* MAIN WEBINAR */

    .webinar-section {
        padding: 15px !important;
    }


    /* COUNTDOWN TITLE */

    .webinar-countdown .webinar-date {
        font-size: 18px !important;
    }


    /* COUNTDOWN */

    .webinar-countdown .countdown-box {
        padding: 20px 8px !important;
        gap: 5px !important;
    }

    .webinar-countdown .countdown-item span {
        font-size: 30px !important;
    }

    .webinar-countdown .countdown-item small {
        font-size: 11px !important;
    }


    /* BENEFIT CARDS */

    .webinar-countdown .webinar-benefits {
        grid-template-columns: 1fr !important;

        gap: 10px !important;
    }

    .webinar-countdown .benefit-card {
        min-height: 80px !important;

        padding: 14px 16px !important;
    }


    /* BENEFIT ICONS */

    .webinar-countdown .benefit-icon {
        flex-basis: 42px !important;

        width: 42px !important;
        height: 42px !important;
    }

    .webinar-countdown .benefit-icon img {
        width: 32px !important;
        height: 32px !important;

        max-width: 32px !important;
        max-height: 32px !important;
    }


    /* GRAVITY FORM */

    .gform_wrapper .gfield_label,

    .gform_wrapper
    .gfield:not(.gfield--type-name)
    .ginput_container,

    .gform_wrapper
    .gfield--type-name
    .ginput_complex {
        width: 95% !important;
    }


    /* STATS SECTION */

    .webinar-stats-section {
        padding: 30px 15px !important;
    }

    .webinar-stats-section .webinar-stats-title {
        font-size: 21px !important;

        margin-bottom: 25px !important;
    }

    .webinar-stats-row {
        gap: 5px !important;
    }

    .webinar-stat-item {
        padding: 0 3px !important;
    }

    .webinar-stat-number {
        font-size: 28px !important;
    }

    .webinar-stat-text {
        font-size: 11px !important;
    }
}
/* =========================================================

   FINAL WEBINAR SPACING FIX

   ========================================================= */

/* Keep content away from the outer red edges */

.webinar-section {

    box-sizing: border-box !important;

}

/* Remove WPBakery negative inner-row offsets */

.webinar-section .vc_column-inner {

    padding-left: 15px !important;

    padding-right: 15px !important;

    margin-left: 0 !important;

    margin-right: 0 !important;

    box-sizing: border-box !important;

}

/* If there are nested WPBakery rows inside the columns */

.webinar-section .vc_column-inner > .wpb_wrapper > .vc_row,

.webinar-section .vc_column-inner .vc_row_inner {

    margin-left: 0 !important;

    margin-right: 0 !important;

    width: 100% !important;

}

/* =========================================================

   DESKTOP

   ========================================================= */

@media only screen and (min-width: 769px) {

    .webinar-section {

        padding: 25px 25px !important;

    }

    /* Space between the two columns */

    .webinar-section.vc_row,

    .vc_row.webinar-section {

        gap: 20px !important;

    }

    .webinar-section.vc_row > .vc_column_container,

    .vc_row.webinar-section > .vc_column_container {

        width: calc(50% - 10px) !important;

        max-width: calc(50% - 10px) !important;

        flex: 0 0 calc(50% - 10px) !important;

        margin: 0 !important;

        box-sizing: border-box !important;

    }

    /* IMPORTANT:

       Give actual inner content equal spacing from red edges */

    .webinar-section > .vc_column_container > .vc_column-inner {

        padding-left: 12px !important;

        padding-right: 12px !important;

    }

}

/* =========================================================

   MOBILE

   ========================================================= */

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

    .webinar-section {

        width: calc(100% - 24px) !important;

        max-width: calc(100% - 24px) !important;

        margin-left: auto !important;

        margin-right: auto !important;

        padding: 20px 8px !important;

        box-sizing: border-box !important;

    }

    .webinar-section > .vc_column_container,

    .webinar-section > .vc_column_container > .vc_column-inner {

        width: 100% !important;

        max-width: 100% !important;

        margin-left: auto !important;

        margin-right: auto !important;

        box-sizing: border-box !important;

    }

    .webinar-section > .vc_column_container > .vc_column-inner {

        padding-left: 10px !important;

        padding-right: 10px !important;

    }

    /* =====================================================

       CENTER GRAVITY FORMS SUBMIT BUTTON

       ===================================================== */

    .webinar-section .gform_wrapper .gform_footer,

    .webinar-section .gform_wrapper .gform_page_footer {

        display: flex !important;

        flex-direction: row !important;

        align-items: center !important;

        justify-content: center !important;

        width: 100% !important;

        margin: 25px auto 0 !important;

        padding: 0 !important;

        text-align: center !important;

    }

    .webinar-section .gform_wrapper input[type="submit"],

    .webinar-section .gform_wrapper input.gform_button,

    .webinar-section .gform_wrapper button[type="submit"] {

        display: block !important;

        width: auto !important;

        min-width: 130px !important;

        margin: 0 auto !important;

        float: none !important;

        position: static !important;

        left: auto !important;

        right: auto !important;

        transform: none !important;

        text-align: center !important;

    }

}
/* =========================================================
   MOBILE SUBMIT BUTTON — PREVENT BOTTOM CLIPPING
   ========================================================= */

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

    /* Give the form enough room at the bottom */
    .webinar-section {
        padding-bottom: 40px !important;
        overflow: visible !important;
    }

    /* Gravity Forms footer */
    .webinar-section .gform_wrapper .gform_footer,
    .webinar-section .gform_wrapper .gform_page_footer {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;

        margin: 25px 0 0 0 !important;
        padding: 0 0 10px 0 !important;

        position: relative !important;

        overflow: visible !important;

        box-sizing: border-box !important;
    }

    /* Submit button */
    .webinar-section .gform_wrapper input[type="submit"],
    .webinar-section .gform_wrapper input.gform_button,
    .webinar-section .gform_wrapper button[type="submit"] {
        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: auto !important;
        min-width: 130px !important;
        height: auto !important;
        min-height: 46px !important;

        margin: 0 auto !important;
        padding: 12px 22px !important;

        position: static !important;

        float: none !important;

        line-height: 1.4 !important;

        transform: none !important;

        box-sizing: border-box !important;
    }
}
@media only screen and (max-width: 768px) {

    .webinar-section,
    .webinar-section .vc_column_container,
    .webinar-section .vc_column-inner,
    .webinar-section .wpb_wrapper,
    .webinar-section .gform_wrapper,
    .webinar-section form {
        overflow: visible !important;
    }

    .webinar-section {
        padding-bottom: 55px !important;
    }

    .webinar-section .gform_footer,
    .webinar-section .gform_page_footer {
        margin-top: 25px !important;
        margin-bottom: 15px !important;
        padding-bottom: 10px !important;

        overflow: visible !important;
    }

    .webinar-section .gform_button,
    .webinar-section input[type="submit"],
    .webinar-section button[type="submit"] {
        position: relative !important;
        top: 0 !important;
        bottom: auto !important;

        margin-bottom: 5px !important;

        transform: none !important;
    }
}
/* =====================================================
/* =====================================================
/* =====================================================
/* =====================================================
/* =====================================================
/* =====================================================


/* =========================================================
   SHEZOOMA CONSULTATION SECTION
   CLEAN FINAL VERSION
   ========================================================= */


/* =========================================================
   1. MAIN SECTION
   ========================================================= */

.consultation-section {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 auto !important;
    padding: 30px !important;

    background: linear-gradient(
        90deg,
        #BC0A09 0%,
        #8C0505 50%,
        #BC0A09 100%
    ) !important;

    border-radius: 20px !important;

    box-sizing: border-box !important;
    overflow: hidden !important;

    direction: rtl !important;
}


/* =========================================================
   2. WPBAKERY ROW / COLUMNS
   ========================================================= */

/* Desktop: two columns */
.consultation-section .vc_row {
    display: flex !important;
    align-items: flex-start !important;

    width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* Prevent WPBakery from adding unwanted backgrounds */
.consultation-section .wpb_column,
.consultation-section .vc_column_container,
.consultation-section .vc_column-inner {
    background: transparent !important;

    box-sizing: border-box !important;

    min-height: 0 !important;
}


/* Do NOT force equal height */
.consultation-section .wpb_column,
.consultation-section .vc_column_container {
    height: auto !important;

    align-self: flex-start !important;
}


/* Remove unwanted WPBakery spacing */
.consultation-section .wpb_content_element {
    margin-bottom: 0 !important;
}


/* =========================================================
   3. LEFT COLUMN
   ========================================================= */

.consultation-left {
    width: 100% !important;

    padding: 25px 30px !important;

    box-sizing: border-box !important;

    direction: rtl !important;
    text-align: right !important;

    color: #ffffff !important;
}


/* Force left-column headings white */
.consultation-left h1,
.consultation-left h2,
.consultation-left h3,
.consultation-left h4 {
    color: #ffffff !important;
}


/* Left-column paragraphs */
.consultation-left p {
    color: rgba(255,255,255,0.90) !important;
}


/* =========================================================
   4. MAIN TITLE
   ========================================================= */

.consultation-main-title {
    color: #ffffff !important;

    font-size: 38px !important;
    font-weight: 900 !important;

    line-height: 1.5 !important;

    margin: 0 0 40px !important;

    text-align: right !important;
}


/* =========================================================
   5. SUBTITLE
   ========================================================= */

.consultation-subtitle {
    color: #ffffff !important;

    font-size: 23px !important;
    font-weight: 800 !important;

    line-height: 1.6 !important;

    margin: 0 0 10px !important;

    text-align: right !important;
}


/* =========================================================
   6. DESCRIPTION
   ========================================================= */

.consultation-description {
    color: rgba(255,255,255,0.90) !important;

    font-size: 15px !important;
    font-weight: 400 !important;

    line-height: 2 !important;

    margin: 0 0 30px !important;

    text-align: right !important;
}


/* =========================================================
   7. THREE BENEFITS
   ========================================================= */

.consultation-benefits {
    display: grid !important;

    grid-template-columns: repeat(3, 1fr) !important;

    gap: 15px !important;

    width: 100% !important;

    margin: 25px 0 35px !important;
}


.consultation-benefit {
    width: 100% !important;

    text-align: center !important;

    color: #ffffff !important;

    box-sizing: border-box !important;
}


/* =========================================================
   8. BENEFIT ICONS
   ========================================================= */

.consultation-icon {
    width: 46px !important;
    height: 46px !important;

    margin: 0 auto 12px !important;

    color: #ffffff !important;
}


.consultation-icon svg {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    stroke: currentColor !important;
}


/* =========================================================
   9. BENEFIT TITLE
   ========================================================= */

.consultation-benefit-title {
    color: #ffffff !important;

    font-size: 14px !important;
    font-weight: 800 !important;

    line-height: 1.7 !important;

    margin: 0 0 6px !important;
}


/* =========================================================
   10. BENEFIT DESCRIPTION
   ========================================================= */

.consultation-benefit-text {
    color: rgba(255,255,255,0.85) !important;

    font-size: 12px !important;

    line-height: 1.7 !important;

    margin: 0 !important;
}


/* =========================================================
   11. BOTTOM TEXT
   ========================================================= */

.consultation-bottom {
    width: 100% !important;

    margin-top: 25px !important;

    text-align: right !important;
}


.consultation-bottom h3 {
    color: #ffffff !important;

    font-size: 21px !important;
    font-weight: 800 !important;

    line-height: 1.6 !important;

    margin: 0 0 8px !important;
}


.consultation-bottom p {
    color: rgba(255,255,255,0.90) !important;

    font-size: 14px !important;

    line-height: 1.9 !important;

    margin: 0 !important;
}


/* =========================================================
   12. GRAVITY FORMS WHITE CONTAINER
   ========================================================= */

.consultation-section .gform_wrapper {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;

    /*
       Keeps the white area visually balanced with
       the left-column content on desktop.
    */
    min-height: 610px !important;

    margin: 0 !important;

    padding: 35px !important;

    background: #ffffff !important;

    border-radius: 18px !important;

    box-sizing: border-box !important;

    color: #222222 !important;

    direction: rtl !important;

    align-self: flex-start !important;
}


/* Actual form */
.consultation-section .gform_wrapper form {
    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   13. FORM TEXT
   ========================================================= */

.consultation-section .gform_wrapper p,
.consultation-section .gform_wrapper label,
.consultation-section .gform_wrapper legend,
.consultation-section .gform_wrapper span {
    color: #222222;
}


/* =========================================================
   14. FORM HEADING
   ========================================================= */

.consultation-section .gform_heading {
    width: 100% !important;

    margin: 0 0 25px !important;

    text-align: right !important;
}


.consultation-section .gform_title {
    color: #111111 !important;

    font-size: 28px !important;
    font-weight: 900 !important;

    line-height: 1.5 !important;

    margin: 0 0 8px !important;

    text-align: right !important;
}


.consultation-section .gform_description {
    color: #555555 !important;

    font-size: 14px !important;

    line-height: 1.8 !important;

    text-align: right !important;
}


/* =========================================================
   15. FORM BODY
   ========================================================= */

.consultation-section .gform_body,
.consultation-section .gform_page {
    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
}


.consultation-section .gform_fields {
    width: 100% !important;

    row-gap: 20px !important;

    margin: 0 !important;
}


/* =========================================================
   16. LABELS
   ========================================================= */

.consultation-section .gfield_label,
.consultation-section .gform-field-label,
.consultation-section .ginput_complex label,
.consultation-section legend {
    color: #333333 !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    line-height: 1.6 !important;

    text-align: right !important;
}


/* =========================================================
   17. TEXT INPUTS
   ========================================================= */

.consultation-section .gform_wrapper input[type="text"],
.consultation-section .gform_wrapper input[type="email"],
.consultation-section .gform_wrapper input[type="tel"],
.consultation-section .gform_wrapper input[type="number"],
.consultation-section .gform_wrapper input[type="url"],
.consultation-section .gform_wrapper select,
.consultation-section .gform_wrapper textarea {
    width: 100% !important;

    min-height: 48px !important;

    padding: 10px 14px !important;

    background: #ffffff !important;

    color: #222222 !important;

    border: 1px solid #dddddd !important;
    border-radius: 7px !important;

    box-shadow: none !important;

    box-sizing: border-box !important;
}


/* Textarea */
.consultation-section .gform_wrapper textarea {
    min-height: 120px !important;

    resize: vertical !important;
}


/* Input focus */
.consultation-section .gform_wrapper input:focus,
.consultation-section .gform_wrapper select:focus,
.consultation-section .gform_wrapper textarea:focus {
    border-color: #BC0A09 !important;

    outline: none !important;

    box-shadow:
        0 0 0 2px rgba(188,10,9,0.10) !important;
}


/* =========================================================
   18. NAME FIELD
   ========================================================= */

.consultation-section .ginput_complex {
    width: 100% !important;
}


.consultation-section .ginput_complex > span {
    box-sizing: border-box !important;
}


/* =========================================================
   19. CHECKBOXES + RADIO
   ========================================================= */

.consultation-section .gfield_checkbox,
.consultation-section .gfield_radio {
    color: #222222 !important;
}


.consultation-section .gfield_checkbox label,
.consultation-section .gfield_radio label {
    color: #222222 !important;

    font-size: 14px !important;
    font-weight: 500 !important;

    line-height: 1.7 !important;
}


.consultation-section input[type="checkbox"],
.consultation-section input[type="radio"] {
    accent-color: #BC0A09 !important;
}


/* =========================================================
   20. FORM SECTION SEPARATORS
   ========================================================= */

.consultation-section .gsection {
    margin-top: 10px !important;

    padding-bottom: 12px !important;

    border-bottom: 1px solid #eeeeee !important;
}


/* =========================================================
   21. MULTI-STEP PROGRESS
   ========================================================= */

.consultation-section .gf_progressbar_wrapper {
    width: 100% !important;

    margin: 5px 0 30px !important;
}


.consultation-section .gf_progressbar_title {
    color: #555555 !important;

    font-size: 13px !important;
    font-weight: 600 !important;

    margin: 0 0 10px !important;

    text-align: right !important;
}


/* Progress background */
.consultation-section .gf_progressbar {
    width: 100% !important;

    height: 7px !important;

    background: #eeeeee !important;

    border-radius: 50px !important;

    overflow: hidden !important;

    box-shadow: none !important;
}


/* Progress active */
.consultation-section .gf_progressbar_percentage {
    height: 7px !important;

    background: linear-gradient(
        90deg,
        #BC0A09,
        #8C0505
    ) !important;

    border-radius: 50px !important;

    box-shadow: none !important;
}


/* Hide percentage number */
.consultation-section .gf_progressbar_percentage span {
    display: none !important;
}


/* =========================================================
   22. BUTTON AREA
   ========================================================= */

.consultation-section .gform_page_footer,
.consultation-section .gform_footer {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    flex-wrap: wrap !important;

    gap: 12px !important;

    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 25px 0 0 !important;

    padding: 0 !important;
}


/* =========================================================
   23. NEXT + SUBMIT BUTTON
   ========================================================= */

.consultation-section input.gform_next_button,
.consultation-section input.gform_button,
.consultation-section .gform_page_footer input[type="submit"],
.consultation-section .gform_footer input[type="submit"] {
    display: inline-block !important;

    min-width: 130px !important;

    height: 48px !important;
    min-height: 48px !important;

    margin: 0 !important;

    padding: 0 25px !important;

    background: #BC0A09 !important;

    color: #ffffff !important;

    border: 0 !important;
    border-radius: 7px !important;

    font-size: 14px !important;
    font-weight: 800 !important;

    line-height: 48px !important;

    text-align: center !important;
    text-align-last: center !important;

    text-indent: 0 !important;

    direction: rtl !important;

    float: none !important;

    box-shadow: none !important;

    cursor: pointer !important;

    box-sizing: border-box !important;
}


/* Hover */
.consultation-section input.gform_next_button:hover,
.consultation-section input.gform_button:hover,
.consultation-section .gform_footer input[type="submit"]:hover {
    background: #8C0505 !important;
}


/* =========================================================
   24. PREVIOUS BUTTON
   ========================================================= */

.consultation-section input.gform_previous_button {
    display: inline-block !important;

    min-width: 110px !important;

    height: 48px !important;
    min-height: 48px !important;

    margin: 0 !important;

    padding: 0 25px !important;

    background: #eeeeee !important;

    color: #333333 !important;

    border: 0 !important;
    border-radius: 7px !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    line-height: 48px !important;

    text-align: center !important;
    text-align-last: center !important;

    text-indent: 0 !important;

    direction: rtl !important;

    float: none !important;

    cursor: pointer !important;

    box-sizing: border-box !important;
}


/* =========================================================
   25. REMOVE UNWANTED BOTTOM SPACE
   ========================================================= */

.consultation-section .gform_wrapper > *:last-child {
    margin-bottom: 0 !important;
}


.consultation-section .gform_page > *:last-child {
    margin-bottom: 0 !important;
}


.consultation-section .gform_fields > *:last-child {
    margin-bottom: 0 !important;
}


/* =========================================================
   26. TABLET
   ========================================================= */

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

    .consultation-section {
        padding: 25px !important;
    }


    .consultation-left {
        padding: 25px 20px !important;
    }


    .consultation-main-title {
        font-size: 32px !important;
    }


    .consultation-subtitle {
        font-size: 20px !important;
    }


    .consultation-section .gform_wrapper {
        padding: 30px 25px !important;
    }
}


/* =========================================================
   27. MOBILE
   ========================================================= */

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

    /* MAIN SECTION */

    .consultation-section {
        width: calc(100% - 20px) !important;
        max-width: calc(100% - 20px) !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding: 15px !important;

        border-radius: 14px !important;
    }


    /* STACK COLUMNS */

    .consultation-section .vc_row {
        display: block !important;

        width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    .consultation-section .wpb_column,
    .consultation-section .vc_column_container,
    .consultation-section .vc_col-sm-6 {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        float: none !important;

        box-sizing: border-box !important;
    }


    /* WPBAKERY INNER */

    .consultation-section .vc_column-inner {
        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 auto !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        box-sizing: border-box !important;
    }


    /* LEFT COLUMN */

    .consultation-left {
        width: 100% !important;

        padding: 25px 10px 35px !important;

        text-align: center !important;
    }


    /* MAIN TITLE */

    .consultation-main-title {
        font-size: 27px !important;

        line-height: 1.5 !important;

        margin-bottom: 25px !important;

        text-align: center !important;
    }


    /* SUBTITLE */

    .consultation-subtitle {
        font-size: 20px !important;

        text-align: center !important;
    }


    /* DESCRIPTION */

    .consultation-description {
        font-size: 14px !important;

        line-height: 1.9 !important;

        text-align: center !important;
    }


    /* BENEFITS */

    .consultation-benefits {
        grid-template-columns: 1fr !important;

        gap: 12px !important;

        margin: 25px 0 30px !important;
    }


    .consultation-benefit {
        padding: 18px !important;

        background: rgba(255,255,255,0.10) !important;

        border-radius: 10px !important;
    }


    .consultation-icon {
        width: 38px !important;
        height: 38px !important;
    }


    .consultation-benefit-title {
        font-size: 14px !important;
    }


    .consultation-benefit-text {
        font-size: 12px !important;
    }


    /* BOTTOM TEXT */

    .consultation-bottom {
        text-align: center !important;
    }


    .consultation-bottom h3 {
        font-size: 20px !important;
    }


    .consultation-bottom p {
        font-size: 13px !important;
    }


    /* FORM */

    .consultation-section .gform_wrapper {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        /*
           IMPORTANT:
           Remove desktop forced height on mobile.
        */
        height: auto !important;
        min-height: 0 !important;

        margin: 0 auto !important;

        padding: 25px 18px !important;

        border-radius: 12px !important;

        box-sizing: border-box !important;
    }


    /* ACTUAL FORM */

    .consultation-section .gform_wrapper form {
        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 auto !important;
    }


    /* FORM TITLE */

    .consultation-section .gform_title {
        font-size: 23px !important;

        text-align: center !important;
    }


    .consultation-section .gform_description {
        text-align: center !important;
    }


    /* NAME FIELDS STACK */

    .consultation-section
    .gfield--type-name
    .ginput_complex {
        display: flex !important;

        flex-direction: column !important;

        gap: 15px !important;
    }


    .consultation-section
    .gfield--type-name
    .ginput_complex > span {
        width: 100% !important;
        max-width: 100% !important;
    }


    /* BUTTON AREA */

    .consultation-section .gform_page_footer,
    .consultation-section .gform_footer {
        justify-content: center !important;

        margin-top: 20px !important;
    }
     .webinar-hero {

        width: 100% !important;

        max-width: 100% !important;

        min-height: 520px !important;

        display: flex !important;

        align-items: center !important;

        justify-content: center !important;

        margin: 0 !important;

        padding: 40px 20px 60px !important;

        box-sizing: border-box !important;

        background-position: center center !important;

        text-align: center !important;

        overflow: hidden !important;

    }

    .webinar-hero-content {

        width: 100% !important;

        max-width: 100% !important;

        margin: 0 auto !important;

        padding: 0 !important;

        text-align: center !important;

        box-sizing: border-box !important;

    }

    .webinar-hero-image {

        display: block !important;

        width: auto !important;

        height: auto !important;

        max-width: 140px !important;

        max-height: 90px !important;

        margin: 0 auto 20px auto !important;

        position: relative !important;

        top: auto !important;

        left: auto !important;

        right: auto !important;

        transform: none !important;

        object-fit: contain !important;

    }

    .webinar-hero-title {

        width: 100% !important;

        max-width: 100% !important;

        margin: 0 auto 20px !important;

        font-size: 28px !important;

        line-height: 1.5 !important;

        text-align: center !important;

    }

    .webinar-hero-description {

        width: 100% !important;

        max-width: 100% !important;

        margin: 0 auto 25px !important;

        font-size: 15px !important;

        line-height: 2 !important;

        text-align: center !important;

    }

    .webinar-hero-button {

        display: inline-flex !important;

        margin: 0 auto !important;

        align-items: center !important;

        justify-content: center !important;

    }
}


/* =========================================================
   28. VERY SMALL MOBILE
   ========================================================= */

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

    .consultation-section {
        width: calc(100% - 12px) !important;

        padding: 10px !important;
    }


    .consultation-left {
        padding: 20px 8px 30px !important;
    }


    .consultation-main-title {
        font-size: 24px !important;
    }


    .consultation-section .gform_wrapper {
        padding: 22px 14px !important;
    }


    .consultation-section input.gform_next_button,
    .consultation-section input.gform_previous_button,
    .consultation-section input.gform_button {
        min-width: 105px !important;

        padding: 0 18px !important;
    }
}
/* =========================================================
   SHEZOOMA - 5 STEP CONSULTATION PROCESS
   ========================================================= */

.shezooma-process {
    width: 100% !important;
    max-width: 1400px !important;

    margin: 40px auto !important;
    padding: 45px 35px !important;

    box-sizing: border-box !important;

    /* NO BACKGROUND ON WHOLE SECTION */
    background: transparent !important;

    border: none !important;
    border-radius: 0 !important;

    direction: rtl !important;
}


/* =========================================================
   HEADER
   ========================================================= */

.process-header {
    width: 100% !important;
    max-width: 1100px !important;

    margin: 0 auto 40px !important;

    text-align: center !important;
}


/* MAIN TITLE - RED */

.process-header h2 {
    color: #A80707 !important;

    font-size: 36px !important;
    font-weight: 900 !important;

    line-height: 1.5 !important;

    text-align: center !important;

    margin: 0 0 12px !important;
}


/* SUBTITLE - DARK */

.process-header p {
    color: #333333 !important;

    font-size: 16px !important;
    font-weight: 500 !important;

    line-height: 2 !important;

    text-align: center !important;

    margin: 0 !important;
}


/* =========================================================
   CARDS GRID
   ========================================================= */

.process-grid {
    display: grid !important;

    grid-template-columns: repeat(6, 1fr) !important;

    gap: 20px !important;

    width: 100% !important;
}


/* First row = 3 cards */

.process-card:nth-child(1),
.process-card:nth-child(2),
.process-card:nth-child(3) {
    grid-column: span 2 !important;
}


/* Second row = 2 wider cards */

.process-card:nth-child(4),
.process-card:nth-child(5) {
    grid-column: span 3 !important;
}


/* =========================================================
   INDIVIDUAL RED CARDS
   ========================================================= */

.process-card {
    width: 100% !important;
    min-height: 290px !important;

    padding: 28px !important;

    box-sizing: border-box !important;

    background: linear-gradient(
        135deg,
        #D20A09 0%,
        #BC0A09 45%,
        #8C0505 100%
    ) !important;

    border: none !important;

    border-radius: 16px !important;

    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.10) !important;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease !important;
}


/* HOVER */

.process-card:hover {
    transform: translateY(-5px) !important;

    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16) !important;
}


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

.process-card-header {
    display: flex !important;

    align-items: center !important;

    gap: 15px !important;

    margin-bottom: 20px !important;
}


/* =========================================================
   NUMBER BOX
   ========================================================= */

.process-number {
    width: 50px !important;
    height: 50px !important;

    flex: 0 0 50px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    background: #ffffff !important;

    color: #BC0A09 !important;

    border-radius: 12px !important;

    font-size: 22px !important;
    font-weight: 900 !important;

    box-shadow: 0 3px 10px rgba(0,0,0,0.08) !important;
}


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

.process-card h3 {
    color: #ffffff !important;

    font-size: 20px !important;
    font-weight: 900 !important;

    line-height: 1.6 !important;

    margin: 0 0 4px !important;
}


/* =========================================================
   SMALL CARD SUBTITLE
   ========================================================= */

.process-card-header span {
    display: block !important;

    color: rgba(255,255,255,0.78) !important;

    font-size: 12px !important;
    font-weight: 500 !important;

    line-height: 1.6 !important;
}


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

.process-card > p {
    color: rgba(255,255,255,0.94) !important;

    font-size: 15px !important;
    font-weight: 400 !important;

    line-height: 2.1 !important;

    text-align: right !important;

    margin: 0 !important;
}


/* =========================================================
   TABLET
   ========================================================= */

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

    .shezooma-process {
        padding: 35px 20px !important;
    }

    .process-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .process-card:nth-child(1),
    .process-card:nth-child(2),
    .process-card:nth-child(3),
    .process-card:nth-child(4),
    .process-card:nth-child(5) {
        grid-column: span 1 !important;
    }

    .process-card:nth-child(5) {
        grid-column: 1 / -1 !important;
    }
}


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

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

    .shezooma-process {
        width: 100% !important;

        margin: 25px auto !important;

        padding: 25px 12px !important;
    }


    /* HEADER */

    .process-header {
        margin-bottom: 28px !important;
    }

    .process-header h2 {
        font-size: 25px !important;

        line-height: 1.6 !important;

        margin-bottom: 10px !important;
    }

    .process-header p {
        font-size: 13px !important;

        line-height: 1.9 !important;

        padding: 0 5px !important;
    }


    /* ONE CARD PER ROW */

    .process-grid {
        display: grid !important;

        grid-template-columns: 1fr !important;

        gap: 14px !important;
    }

    .process-card:nth-child(1),
    .process-card:nth-child(2),
    .process-card:nth-child(3),
    .process-card:nth-child(4),
    .process-card:nth-child(5) {
        grid-column: 1 !important;
    }


    /* CARDS */

    .process-card {
        width: 100% !important;

        min-height: 0 !important;

        padding: 22px 18px !important;

        border-radius: 14px !important;
    }


    /* NUMBER */

    .process-number {
        width: 44px !important;
        height: 44px !important;

        flex-basis: 44px !important;

        font-size: 19px !important;
    }


    /* TITLE */

    .process-card h3 {
        font-size: 17px !important;
    }


    /* SMALL SUBTITLE */

    .process-card-header span {
        font-size: 11px !important;
    }


    /* DESCRIPTION */

    .process-card > p {
        font-size: 13px !important;

        line-height: 2 !important;
    }
}


/* =========================================================
   INVESTMENT INTRO SECTION
   ========================================================= */

.investment-intro {
    width: 100% !important;
    max-width: 1400px !important;

    margin: 50px auto !important;
    padding: 45px 50px !important;

    display: flex !important;
    flex-direction: row !important;

    align-items: center !important;
    justify-content: space-between !important;

    gap: 70px !important;

    background: #ffffff !important;

    box-sizing: border-box !important;

    direction: rtl !important;
}


/* =========================================================
   IMAGE — RIGHT SIDE
   ========================================================= */

.investment-intro-image {
    flex: 0 0 38% !important;

    max-width: 500px !important;
}


.investment-intro-image img {
    display: block !important;

    width: 100% !important;
    height: 260px !important;

    object-fit: cover !important;

    border-radius: 22px !important;

    margin: 0 !important;
}


/* =========================================================
   TEXT — LEFT SIDE
   ========================================================= */

.investment-intro-content {
    flex: 1 1 auto !important;

    direction: rtl !important;

    text-align: right !important;
}


/* Main text */

.investment-intro-content h2 {
    color: #111111 !important;

    font-size: 34px !important;
    font-weight: 800 !important;

    line-height: 1.8 !important;

    margin: 0 !important;
}


/* Second part — lighter like your reference */

.investment-intro-content h2 span {
    color: #666666 !important;

    font-weight: 400 !important;
}


/* =========================================================
   TABLET
   ========================================================= */

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

    .investment-intro {
        gap: 35px !important;

        padding: 40px 30px !important;
    }

    .investment-intro-content h2 {
        font-size: 27px !important;
    }

    .investment-intro-image img {
        height: 220px !important;
    }
}


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

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

    .investment-intro {
        width: 100% !important;

        flex-direction: column !important;

        gap: 25px !important;

        margin: 25px auto !important;

        padding: 25px 15px !important;
    }


    /* IMAGE FIRST */

    .investment-intro-image {
        width: 100% !important;
        max-width: 100% !important;

        flex: none !important;
    }


    .investment-intro-image img {
        width: 100% !important;

        height: 220px !important;

        border-radius: 15px !important;
    }


    /* TEXT */

    .investment-intro-content {
        width: 100% !important;

        text-align: center !important;
    }


    .investment-intro-content h2 {
        font-size: 22px !important;

        line-height: 1.9 !important;

        text-align: center !important;
    }
}

/* =========================================================
   SHEZOOMA FAQ
   ========================================================= */

.shezooma-faq {
    width: 100%;
    max-width: 1100px;

    margin: 50px auto;
    padding: 20px 30px;

    box-sizing: border-box;

    background: transparent;

    direction: rtl;
    text-align: right;
}


/* =========================================================
   HEADER
   ========================================================= */

.shezooma-faq-header {
    text-align: center;
    margin-bottom: 40px;
}


.shezooma-faq-header h2 {
    color: #111111 !important;

    font-size: 36px !important;
    font-weight: 900 !important;

    line-height: 1.5 !important;

    margin: 0 0 10px !important;
}


.shezooma-faq-header p {
    color: #555555 !important;

    font-size: 16px !important;
    font-weight: 400 !important;

    line-height: 1.9 !important;

    margin: 0 !important;
}


/* =========================================================
   FAQ LIST
   ========================================================= */

.shezooma-faq-list {
    width: 100%;
}


/* =========================================================
   FAQ ITEM
   ========================================================= */

.shezooma-faq-item {
    width: 100%;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-bottom: 1px solid #dddddd !important;

    box-sizing: border-box;
}


/* First separator */

.shezooma-faq-item:first-child {
    border-top: 1px solid #dddddd !important;
}


/* =========================================================
   QUESTION
   ========================================================= */

.shezooma-faq-item summary {
    width: 100%;

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

    gap: 20px;

    padding: 24px 5px !important;

    box-sizing: border-box;

    color: #111111 !important;

    font-size: 17px !important;
    font-weight: 800 !important;

    line-height: 1.7 !important;

    cursor: pointer;

    list-style: none;

    direction: rtl;
    text-align: right;
}


/* Remove default browser arrow */

.shezooma-faq-item summary::-webkit-details-marker {
    display: none;
}

.shezooma-faq-item summary::marker {
    display: none;
    content: "";
}


/* =========================================================
   PLUS / MINUS ICON
   ========================================================= */

.faq-icon {
    position: relative;

    flex: 0 0 22px;

    width: 22px;
    height: 22px;

    display: block;
}


/* Horizontal line */

.faq-icon::before {
    content: "";

    position: absolute;

    width: 16px;
    height: 2px;

    background: #111111;

    top: 10px;
    left: 3px;

    transition: transform 0.25s ease;
}


/* Vertical line */

.faq-icon::after {
    content: "";

    position: absolute;

    width: 2px;
    height: 16px;

    background: #111111;

    top: 3px;
    left: 10px;

    transition: transform 0.25s ease,
                opacity 0.25s ease;
}


/* When opened -> plus becomes minus */

.shezooma-faq-item[open] .faq-icon::after {
    transform: rotate(90deg);
    opacity: 0;
}


/* =========================================================
   ANSWER
   ========================================================= */

.shezooma-faq-item .faq-answer {
    color: #444444 !important;

    font-size: 15px !important;
    font-weight: 400 !important;

    line-height: 2 !important;

    padding: 0 5px 25px !important;

    max-width: 900px;

    direction: rtl;
    text-align: right;
}


/* =========================================================
   QUESTION HOVER
   ========================================================= */

.shezooma-faq-item summary:hover {
    color: #000000 !important;
}


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

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

    .shezooma-faq {
        width: 100%;

        margin: 30px auto;

        padding: 15px 20px;
    }


    .shezooma-faq-header {
        margin-bottom: 25px;
    }


    .shezooma-faq-header h2 {
        font-size: 27px !important;
    }


    .shezooma-faq-header p {
        font-size: 14px !important;
        line-height: 1.8 !important;
    }


    .shezooma-faq-item summary {
        padding: 20px 3px !important;

        font-size: 15px !important;

        gap: 15px;
    }


    .shezooma-faq-item .faq-answer {
        font-size: 14px !important;

        line-height: 1.9 !important;

        padding: 0 3px 20px !important;
    }


    .faq-icon {
        flex-basis: 20px;

        width: 20px;
        height: 20px;
    }
}

/* =========================================
   GRAVITY FORMS SUCCESS MESSAGE
   ========================================= */

.gform_confirmation_message {
    direction: rtl !important;
    text-align: center !important;

    background: #ffffff !important;
    color: #8C0505 !important;

    border: 2px solid #BC0A09 !important;
    border-radius: 16px !important;

    padding: 24px 20px !important;
    margin: 20px auto !important;

    max-width: 700px !important;
    width: 100% !important;

    box-sizing: border-box !important;

    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.8 !important;

    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
}
/* =========================================
   GRAVITY FORMS RTL CHECKBOX / RADIO
   ========================================= */

.gform_wrapper .gfield_checkbox,
.gform_wrapper .gfield_radio {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;

    width: 100% !important;

    direction: rtl !important;
    text-align: right !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* EACH OPTION = ONE ROW */
.gform_wrapper .gfield_checkbox .gchoice,
.gform_wrapper .gfield_radio .gchoice {
    display: flex !important;

    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;

    width: 100% !important;

    direction: rtl !important;
    text-align: right !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* LABEL */
.gform_wrapper .gfield_checkbox .gchoice label,
.gform_wrapper .gfield_radio .gchoice label {
    order: 1 !important;

    flex: 1 1 auto !important;

    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: right !important;
    direction: rtl !important;

    line-height: 1.7 !important;
}


/* CHECKBOX / RADIO */
.gform_wrapper .gfield_checkbox input[type="checkbox"],
.gform_wrapper .gfield_radio input[type="radio"] {
    order: 2 !important;

    flex: 0 0 18px !important;

    width: 18px !important;
    height: 18px !important;

    min-width: 18px !important;
    max-width: 18px !important;

    min-height: 18px !important;
    max-height: 18px !important;

    margin: 0 0 0 12px !important;
    padding: 0 !important;

    position: static !important;

    appearance: auto !important;
    -webkit-appearance: auto !important;
}


/* FIELD TITLE */
.gform_wrapper .gfield_label {
    width: 100% !important;

    direction: rtl !important;
    text-align: right !important;

    margin-bottom: 12px !important;
}

/* =========================================
   SAFE MULTI-STEP VERTICAL DISTRIBUTION
   DOES NOT CHANGE .gform_page DISPLAY
   ========================================= */

/* Give the visible step content a consistent height */
.gform_wrapper .gform_page_fields {
    min-height: 360px !important;
}


/* Spread the fields vertically */
.gform_wrapper .gform_page_fields > .gform_fields {
    min-height: 360px !important;

    display: flex !important;
    flex-direction: column !important;

    justify-content: space-between !important;
}


/* Keep each field compact */
.gform_wrapper .gfield {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* Radio options */
.gform_wrapper .gfield_radio {
    display: flex !important;
    flex-direction: column !important;

    justify-content: space-between !important;

    min-height: 190px !important;

    gap: 0 !important;
}


/* Checkbox options */
.gform_wrapper .gfield_checkbox {
    display: flex !important;
    flex-direction: column !important;

    justify-content: space-between !important;

    min-height: 190px !important;

    gap: 0 !important;
}


/* Footer spacing */
.gform_wrapper .gform_page_footer {
    margin-top: 20px !important;
}


/* =========================================================
   CUSTOM SPINNER
   ========================================================= */

.webinar-section
.gform_wrapper
form:has(.gform-loader)
.gform_footer::after,

.webinar-section
.gform_wrapper
form:has(.gform-loader)
.gform_page_footer::after,

.webinar-section
.gform_wrapper
form:has(.gform_ajax_spinner)
.gform_footer::after,

.webinar-section
.gform_wrapper
form:has(.gform_ajax_spinner)
.gform_page_footer::after {

    content: "" !important;

    position: absolute !important;

    /* Slightly lower than center */
    top: 95% !important;

    /* Spinner sits to the left of the centered button */
    left: calc(50% - 85px) !important;

    width: 18px !important;
    height: 18px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 2px solid rgba(255, 255, 255, 0.4) !important;
    border-top-color: #ffffff !important;

    border-radius: 50% !important;

    box-sizing: border-box !important;

    z-index: 10 !important;

    animation: webinar-loading-spin 0.65s linear infinite !important;
}


/* Spinner animation */
@keyframes webinar-loading-spin {

    from {
        transform: translate(-100%, -50%) rotate(0deg);
    }

    to {
        transform: translate(-100%, -50%) rotate(360deg);
    }
}


/* =========================================================
   REMOVE NATIVE GRAVITY FORMS LOADER
   KEEP ONLY CUSTOM ::after LOADER
   ========================================================= */

body .webinar-section .gform-theme--foundation .gform-loader,
body .webinar-section .gform_wrapper .gform-loader,
body .webinar-section .gform_wrapper .gform_ajax_spinner,
body .webinar-section .gform-loader,
body .webinar-section .gform_ajax_spinner {

    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;

    width: 0 !important;
    height: 0 !important;

    min-width: 0 !important;
    min-height: 0 !important;

    max-width: 0 !important;
    max-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    position: absolute !important;

    pointer-events: none !important;
}