.elementor-18 .elementor-element.elementor-element-79712149{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:72px;--padding-bottom:80px;--padding-left:56px;--padding-right:56px;}.elementor-18 .elementor-element.elementor-element-7843e179{--display:flex;}.elementor-18 .elementor-element.elementor-element-bf652ff{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-18 .elementor-element.elementor-element-3d9186a4 .elementor-heading-title{color:#D8C8F4;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-18 .elementor-element.elementor-element-e6700001{text-align:start;}.elementor-18 .elementor-element.elementor-element-e6700001 img{width:176px;}.elementor-18 .elementor-element.elementor-element-7b3cb5cd .elementor-heading-title{font-family:"Kufam", Sans-serif;font-weight:600;line-height:100px;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-18 .elementor-element.elementor-element-3e0d893e{color:#E7DFF1;}.elementor-18 .elementor-element.elementor-element-143da4b5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--flex-wrap:wrap;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-18 .elementor-element.elementor-element-36415044{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18 .elementor-element.elementor-element-a8d93010{--display:flex;}.elementor-18 .elementor-element.elementor-element-a8d93011{--display:flex;}.elementor-18 .elementor-element.elementor-element-a8d93013{text-align:justify;}.elementor-18 .elementor-element.elementor-element-e6600010{--display:flex;}.elementor-18 .elementor-element.elementor-element-e6600013{--display:flex;}.elementor-18 .elementor-element.elementor-element-d8e63010{--display:flex;}.elementor-18 .elementor-element.elementor-element-e6400010{--display:flex;}.elementor-18 .elementor-element.elementor-element-f189381{--display:flex;}.elementor-18 .elementor-element.elementor-element-9a856f2{--display:flex;}.elementor-18 .elementor-element.elementor-element-5f9922d{--display:flex;}.elementor-18 .elementor-element.elementor-element-78cf099{--display:flex;}.elementor-18 .elementor-element.elementor-element-66f1f14{--display:flex;}.elementor-18 .elementor-element.elementor-element-224c413{--display:flex;}.elementor-18 .elementor-element.elementor-element-2fe60a4{--display:flex;}.elementor-18 .elementor-element.elementor-element-17ad562{--display:flex;}.elementor-18 .elementor-element.elementor-element-5398e94{--display:flex;}.elementor-18 .elementor-element.elementor-element-595ef4d{--display:flex;}.elementor-18 .elementor-element.elementor-element-e6400200{--display:flex;}.elementor-18 .elementor-element.elementor-element-e6420200{--display:flex;}.elementor-18 .elementor-element.elementor-element-b7e42010{--display:flex;}.elementor-18 .elementor-element.elementor-element-b7e42011{--display:flex;}.elementor-18 .elementor-element.elementor-element-b7e42013{--display:flex;}.elementor-18 .elementor-element.elementor-element-4af411d{--display:flex;}.elementor-18 .elementor-element.elementor-element-4af411d:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-4af411d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-18 .elementor-element.elementor-element-b7e42104{--display:flex;}.elementor-18 .elementor-element.elementor-element-b7e42104:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-b7e42104 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-18 .elementor-element.elementor-element-b7e42105{--display:flex;}.elementor-18 .elementor-element.elementor-element-b7e42105:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-b7e42105 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-18 .elementor-element.elementor-element-b7e42103{--display:flex;}.elementor-18 .elementor-element.elementor-element-b7e42103:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-b7e42103 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-18 .elementor-element.elementor-element-b7e42102{--display:flex;}.elementor-18 .elementor-element.elementor-element-b7e42102:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-b7e42102 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-18 .elementor-element.elementor-element-b7e42101{--display:flex;}.elementor-18 .elementor-element.elementor-element-b7e42101:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-b7e42101 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-18 .elementor-element.elementor-element-b7e42106{--display:flex;}.elementor-18 .elementor-element.elementor-element-b7e42106:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-b7e42106 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-18 .elementor-element.elementor-element-e6500010{--display:flex;}.elementor-18 .elementor-element.elementor-element-e6500011{--display:flex;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-18 .elementor-element.elementor-element-e6500014 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-18 .elementor-element.elementor-element-e6500014 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-18 .elementor-element.elementor-element-e6500014 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-18 .elementor-element.elementor-element-e6500014 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-18 .elementor-element.elementor-element-e6500014 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-18 .elementor-element.elementor-element-e6500014 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-18 .elementor-element.elementor-element-e6500014 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-18 .elementor-element.elementor-element-e6500014 .elementor-field-type-html{padding-bottom:0px;}.elementor-18 .elementor-element.elementor-element-e6500014 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-18 .elementor-element.elementor-element-e6500014 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-18 .elementor-element.elementor-element-e6500014 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-18 .elementor-element.elementor-element-e6500014 .elementor-button[type="submit"]{color:#ffffff;}.elementor-18 .elementor-element.elementor-element-e6500014 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-18 .elementor-element.elementor-element-e6500014 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-18 .elementor-element.elementor-element-e6500014 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-18 .elementor-element.elementor-element-e6500014 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-18 .elementor-element.elementor-element-e6500014 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-18 .elementor-element.elementor-element-e6500014 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-18 .elementor-element.elementor-element-e6500014{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(max-width:767px){.elementor-18 .elementor-element.elementor-element-79712149{--padding-top:48px;--padding-bottom:56px;--padding-left:24px;--padding-right:24px;}}/* Start custom CSS for container, class: .elementor-element-79712149 *//* =====================================================
   HERO
===================================================== */

.elementor-18 .elementor-element.elementor-element-79712149 {
    position: relative;
    overflow: hidden;

    min-height: 100vh;
    min-height: 100svh;

    padding-bottom: 0 !important;

    background: linear-gradient(110deg,
            #25143E 0%,
            #512D83 48%,
            #3B2064 100%);
}


/* Decorative circle */
.elementor-18 .elementor-element.elementor-element-79712149::before {
    content: "";
    position: absolute;

    width: 520px;
    height: 520px;

    inset-inline-end: -240px;
    top: -180px;

    border: 1px solid #FFFFFF12;
    border-radius: 50%;
    z-index: 0;
    pointer-events: none;
}

/* Decorative curved lines at the top */
/* Decorative flowing lines */
.elementor-18 .elementor-element.elementor-element-79712149::after {
    content: "";
    position: absolute;
    inset: 0;

    background:
        repeating-radial-gradient(ellipse at 58% -16%,
            transparent 0,
            transparent 115px,
            rgba(221, 193, 255, .055) 116px,
            rgba(221, 193, 255, .055) 117px,
            transparent 118px,
            transparent 205px);

    pointer-events: none;
    z-index: 0;

    opacity: .8;
}


/* =====================================================
   LAYOUT
===================================================== */

.elementor-18 .elementor-element.elementor-element-79712149 .hero-layout {
    position: relative;

    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;

    gap: 0;

    width: 100%;
    max-width: 1400px;

    min-height: 100vh;
    min-height: 100svh;
    z-index: 1;
    margin-inline: auto;
}


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

.elementor-18 .elementor-element.elementor-element-79712149 .hero-copy {
    position: relative;
    z-index: 3;

    min-width: 0;

    display: flex;
    flex-direction: column;
    justify-content: center;

    /*
     * رفع المحتوى قليلًا للتقليل من الفراغ العلوي
     */
    transform: translateY(-55px);

    animation: cedHeroFade .75s ease-out both;
}


/* Eyebrow */
.elementor-18 .elementor-element.elementor-element-79712149 .hero-eyebrow .elementor-heading-title {
    display: flex;
    align-items: center;

    gap: 12px;
    line-height: 1.6;
}

.elementor-18 .elementor-element.elementor-element-79712149 .hero-eyebrow .elementor-heading-title::before {
    content: "";

    width: 28px;
    height: 2px;

    flex-shrink: 0;

    background: #C9AEED;
}


/* Heading */
.elementor-18 .elementor-element.elementor-element-79712149 .hero-title .elementor-heading-title {
    font-size: clamp(38px, 4.5vw, 68px);
    letter-spacing: -1px;
}

.elementor-18 .elementor-element.elementor-element-79712149 .hero-title span {
    color: #DDC1FF;
}


/* Description */
.elementor-18 .elementor-element.elementor-element-79712149 .hero-description {
    max-width: 510px;
}

.elementor-18 .elementor-element.elementor-element-79712149 .hero-description p {
    margin: 0;
}


/* =====================================================
   BUTTONS
===================================================== */

.elementor-18 .elementor-element.elementor-element-79712149 .hero-actions {
    margin-top: 10px;
}

.elementor-18 .elementor-element.elementor-element-79712149 .hero-button .elementor-button {
    padding: 18px 24px;

    border: 1px solid #FFFFFF65;
    border-radius: 50px;

    transition:
        transform .2s ease,
        background .2s ease,
        color .2s ease;
}

.elementor-18 .elementor-element.elementor-element-79712149 .hero-button-primary .elementor-button {
    background: #F1E8FC;
    color: #351B59;

    border-color: #F1E8FC;
}

.elementor-18 .elementor-element.elementor-element-79712149 .hero-button-secondary .elementor-button {
    background: transparent;
    color: #FFFFFF;
}

.elementor-18 .elementor-element.elementor-element-79712149 .hero-button .elementor-button:hover {
    transform: translateY(-3px);

    background: #FFFFFF;
    color: #351B59;
}

.elementor-18 .elementor-element.elementor-element-79712149 .hero-story .elementor-button {
    padding: 16px 0 0;

    background: transparent;
    color: #D8C8F4;

    font-size: 14px;
}

.elementor-18 .elementor-element.elementor-element-79712149 a:focus-visible {
    outline: 2px solid #E9D8FF;
    outline-offset: 5px;
}


/* =====================================================
   VISUAL COLUMN
===================================================== */

.elementor-18 .elementor-element.elementor-element-79712149 .hero-visual {
    position: relative;

    min-width: 0;
    min-height: 100svh;

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

    overflow: visible;

    animation: cedHeroFade 1s .12s ease-out both;
}


/* =====================================================
   IMAGE
===================================================== */

.elementor-18 .elementor-element.elementor-element-79712149 .hero-photo {
    position: absolute;

    /*
     * تثبيت الصورة في أسفل الهيرو
     */
    bottom: 0;

    /*
     * تقريب الصورة ناحية النص
     */
    inset-inline-start: 45px;

    width: 118%;
    max-width: none;

    margin: 0 !important;

    overflow: visible;
}


.elementor-18 .elementor-element.elementor-element-79712149 .hero-photo .elementor-widget-container {
    width: 100%;

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

    overflow: visible;
}


.elementor-18 .elementor-element.elementor-element-79712149 .hero-photo img {
    display: block;

    width: 100%;
    height: auto;

    max-width: 820px;
    max-height: none;

    object-fit: contain;
    object-position: center bottom;

    /*
     * تكبير الصورة من الأسفل للأعلى.
     * transform-origin مهم حتى يبقى أسفلها ثابت.
     */
    transform: translateY(20px) scale(1.12);
    transform-origin: center bottom;

    margin: 0 !important;

    border: 0;
    border-radius: 0;
}


/* =====================================================
   ANIMATION
===================================================== */

@keyframes cedHeroFade {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


/* =====================================================
   LARGE DESKTOP
===================================================== */

@media (min-width: 1400px) {

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-layout {
        max-width: 1440px;
        grid-template-columns: 1fr 1fr;
        gap: 0;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-photo {
        width: 120%;
        max-width: none;

        /*
         * RTL: inline-start = اليمين
         * يقرب الصورة باتجاه النص
         */
        inset-inline-start: -40px;
        inset-inline-end: auto;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-photo img {
        width: 100%;
        height: auto;

        max-width: 900px;
        max-height: none;

        object-fit: contain;
        object-position: center bottom;

        /* قريب جداً من الحجم السابق 1.7 */
        transform:
            translateY(24px) scale(1.62);

        /*
         * مهم جداً:
         * التكبير يبدأ من الأسفل حتى تبقى
         * الصورة مرتكزة على حافة الهيرو
         */
        transform-origin: center bottom;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-copy {
        transform: translateY(-50px);
    }
}

/* =====================================================
   SMALL LAPTOP / TABLET
===================================================== */

/* =====================================================
   SMALL LAPTOP / TABLET
   768px → 1200px
===================================================== */

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

    .elementor-18 .elementor-element.elementor-element-79712149 {
        min-height: auto;

        padding-block: 34px 0 !important;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-layout {
        /*
         * RTL:
         * العنصر الأول يظهر يميناً = النص
         * العنصر الثاني يساراً = الصورة
         */
        grid-template-columns:
            minmax(0, 1.05fr) minmax(0, .95fr);

        gap: 8px;

        width: 100%;
        max-width: 1080px;

        min-height: clamp(650px, 86svh, 780px);

        padding-inline: 28px;

        margin-inline: auto;
    }


    /* -------------------------
       TEXT
    ------------------------- */

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-copy {
        justify-content: center;

        /*
         * رفع بسيط فقط.
         * لا نبالغ حتى يبقى القسم متوازن.
         */
        transform: translateY(-22px);

        gap: 0;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-eyebrow .elementor-heading-title {
        font-size: 14px;
        gap: 9px;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-eyebrow .elementor-heading-title::before {
        width: 22px;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-title .elementor-heading-title {
        font-size: clamp(38px, 4.5vw, 48px);
        line-height: 1.18;
        letter-spacing: 0;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-description {
        max-width: 460px;
        font-size: 16px;
        line-height: 1.8;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-actions {
        margin-top: 6px;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-button .elementor-button {
        padding: 14px 20px;
        font-size: 14px;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-story .elementor-button {
        padding-top: 10px;
        font-size: 13px;
    }


    /* -------------------------
       IMAGE
    ------------------------- */

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-visual {
        position: relative;

        min-height: 100%;
        height: auto;

        align-self: stretch;

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

        overflow: visible;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-photo {
        position: absolute;

        bottom: 0;

        /*
         * RTL:
         * inline-start = اليمين
         * القيمة السالبة تقرب الصورة ناحية النص.
         */
        inset-inline-start: -12px;
        inset-inline-end: auto;

        width: 108%;
        max-width: none;

        margin: 0 !important;

        transform: none;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-photo .elementor-widget-container {
        width: 100%;

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

        overflow: visible;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-photo img {
        display: block;

        width: 100%;
        height: auto;

        max-width: 570px;
        max-height: none;

        object-fit: contain;
        object-position: center bottom;

        /*
         * لا تستخدم scale(1.8)
         * لأنه كبير جداً لهذه المقاسات.
         */
        transform: translateY(14px) scale(1.08);
        transform-origin: center bottom;

        margin: 0 !important;
    }
}


/* =====================================================
   MOBILE
   <= 767px
===================================================== */

/* =====================================================
   MOBILE HERO
   <= 767px
===================================================== */

@media (max-width: 767px) {

    /* -------------------------
       HERO SECTION
    ------------------------- */

    .elementor-18 .elementor-element.elementor-element-79712149 {
        min-height: 100vh;
        min-height: 100svh;

        padding: 0 20px !important;

        box-sizing: border-box;

        background: linear-gradient(180deg,
                #3B2064 0%,
                #512D83 52%,
                #25143E 100%);
    }


    /* -------------------------
       LAYOUT
    ------------------------- */

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-layout {
        display: flex;
        flex-direction: column;

        /*
         * تجميع المحتوى ناحية الأسفل
         * مع الحفاظ على الصورة عند حافة الهيرو.
         */
        justify-content: flex-end;
        align-items: stretch;

        gap: clamp(16px, 2.2svh, 24px);

        width: 100%;
        max-width: 620px;

        min-height: 100vh;
        min-height: 100svh;

        padding: clamp(28px, 4svh, 42px) 0 0;

        margin-inline: auto;

        box-sizing: border-box;
    }


    /* -------------------------
       TEXT
    ------------------------- */

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-copy {
        position: relative;

        width: 100%;
        min-width: 0;

        flex: 0 0 auto;

        display: flex;
        flex-direction: column;

        justify-content: flex-start;
        align-items: stretch;

        /*
         * مسافة بين عناصر النص
         * بدون تباعد مبالغ.
         */
        gap: 10px;

        padding: 0;
        margin: 0;

        transform: none;
    }


    /* إزالة الهوامش الإضافية من Elementor */

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-copy .elementor-widget {
        margin-block: 0;
    }


    /* -------------------------
       EYEBROW
    ------------------------- */

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-eyebrow .elementor-heading-title {
        font-size: 13px;
        line-height: 1.5;

        gap: 8px;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-eyebrow .elementor-heading-title::before {
        width: 20px;
        height: 1px;
    }


    /* -------------------------
       TITLE
    ------------------------- */

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-title .elementor-heading-title {
        font-size: clamp(34px, 9.5vw, 42px);

        line-height: 1.18;
        letter-spacing: 0;

        margin: 0;
    }


    /* -------------------------
       DESCRIPTION
    ------------------------- */

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-description {
        width: 100%;
        max-width: 100%;

        font-size: 15px;
        line-height: 1.75;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-description p {
        margin: 0;
    }


    /* -------------------------
       BUTTONS
    ------------------------- */

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-actions {
        display: flex;

        flex-wrap: wrap;
        align-items: center;

        gap: 10px;

        margin-top: 6px;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-button .elementor-button {
        padding: 13px 18px;

        font-size: 13px;
    }


    /* -------------------------
       STORY LINK
    ------------------------- */

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-story .elementor-button {
        padding: 8px 0 0;

        font-size: 12px;
    }


    /* -------------------------
       IMAGE CONTAINER
    ------------------------- */

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-visual {
        position: relative;

        width: 100%;

        /*
         * مساحة الصورة مرتبطة بارتفاع الشاشة.
         * وتبقى محدودة حتى لا تطول الصفحة.
         */
        height: clamp(260px, 42svh, 410px);
        min-height: 0;

        flex: 0 0 clamp(260px, 42svh, 410px);

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

        padding: 0;
        margin: 0;

        overflow: visible;
    }


    /* -------------------------
       IMAGE WIDGET
    ------------------------- */

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-photo {
        position: absolute;

        bottom: 0;

        /*
         * توسيط هندسي صحيح في RTL.
         */
        left: 50%;
        right: auto;

        width: 112%;
        height: 100%;

        max-width: 520px;

        margin: 0 !important;

        transform: translateX(-50%);
    }


    .elementor-18 .elementor-element.elementor-element-79712149 .hero-photo .elementor-widget-container {
        width: 100%;
        height: 100%;

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

        overflow: visible;
    }


    /* -------------------------
       IMAGE
    ------------------------- */

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-photo img {
        display: block;

        width: 100%;
        height: 100%;

        max-width: none;
        max-height: none;

        object-fit: contain;
        object-position: center bottom;

        /*
         * معالجة الفراغ الشفاف أسفل الملف.
         */
        transform: translateY(14px);
        transform-origin: center bottom;

        margin: 0 !important;

        border: 0;
        border-radius: 0;
    }


    /* -------------------------
       DECORATIONS
    ------------------------- */

    .elementor-18 .elementor-element.elementor-element-79712149::before {
        width: 330px;
        height: 330px;

        inset-inline-end: -185px;
        top: -135px;
    }

    .elementor-18 .elementor-element.elementor-element-79712149::after {
        opacity: .5;
    }

}


/* =====================================================
   SMALL MOBILE
   <= 420px
===================================================== */

@media (max-width: 420px) {

    .elementor-18 .elementor-element.elementor-element-79712149 {
        padding-inline: 16px !important;
    }


    /* -------------------------
       LAYOUT
    ------------------------- */

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-layout {
        gap: 14px;

        padding-top: 24px;
    }


    /* -------------------------
       TEXT
    ------------------------- */

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-copy {
        gap: 8px;
    }


    .elementor-18 .elementor-element.elementor-element-79712149 .hero-eyebrow .elementor-heading-title {
        font-size: 12px;
    }


    .elementor-18 .elementor-element.elementor-element-79712149 .hero-title .elementor-heading-title {
        font-size: clamp(31px, 9.5vw, 36px);

        line-height: 1.2;
    }


    .elementor-18 .elementor-element.elementor-element-79712149 .hero-description {
        font-size: 14px;
        line-height: 1.7;
    }


    /* -------------------------
       BUTTONS
    ------------------------- */

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-actions {
        gap: 8px;

        margin-top: 4px;
    }


    .elementor-18 .elementor-element.elementor-element-79712149 .hero-button .elementor-button {
        padding: 12px 16px;

        font-size: 12px;
    }


    .elementor-18 .elementor-element.elementor-element-79712149 .hero-story .elementor-button {
        padding-top: 6px;
    }


    /* -------------------------
       IMAGE
    ------------------------- */

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-visual {
        height: clamp(230px, 39svh, 340px);

        flex-basis: clamp(230px, 39svh, 340px);
    }


    .elementor-18 .elementor-element.elementor-element-79712149 .hero-photo {
        width: 118%;

        max-width: 450px;
    }


    .elementor-18 .elementor-element.elementor-element-79712149 .hero-photo img {
        transform: translateY(12px);
    }


    /* -------------------------
       DECORATION
    ------------------------- */

    .elementor-18 .elementor-element.elementor-element-79712149::before {
        width: 270px;
        height: 270px;

        inset-inline-end: -160px;
        top: -125px;
    }


    .elementor-18 .elementor-element.elementor-element-79712149::after {
        opacity: .45;
    }

}

/* =====================================================
   REDUCED MOTION
===================================================== */

@media (prefers-reduced-motion: reduce) {

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-copy,
    .elementor-18 .elementor-element.elementor-element-79712149 .hero-visual {
        animation: none;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .elementor-button {
        transition: none !important;
    }
}

/* Logo pattern and viewport-aware mobile hero */
/* Logo geometry across the upper hero, fading before the reading area. */
.elementor-18 .elementor-element.elementor-element-79712149::before {
    display: none;
}

.elementor-18 .elementor-element.elementor-element-79712149::after {
    inset: 0 0 auto;
    height: clamp(220px, 40svh, 420px);
    opacity: 1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='200' viewBox='0 0 190 200'%3E%3Cg fill='none' stroke='%23DDC1FF' stroke-opacity='.22' stroke-width='1.2'%3E%3Cpath d='M24 66L86 30V126L24 164ZM24 112L86 126'/%3E%3Cpath d='M118 6L180 -30V66L118 104ZM118 52L180 66'/%3E%3Cpath d='M118 166L180 130V226L118 264ZM118 212L180 226'/%3E%3C/g%3E%3Cpath d='M24 112L86 126L24 164Z' fill='%23DDC1FF' fill-opacity='.07'/%3E%3C/svg%3E");
    background-repeat: repeat;
    background-size: 190px 200px;
    mask-image: linear-gradient(to bottom, #000 0%, #000 35%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 35%, transparent 100%);
    pointer-events: none;
}

@media(max-width:767px) {
    .elementor-18 .elementor-element.elementor-element-79712149 {
        min-height: calc(100svh - 80px);
        padding: 0 20px !important;
    }

    .elementor-18 .elementor-element.elementor-element-79712149::after {
        height: 260px;
        background-size: 142.5px 150px;
        opacity: .65;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto minmax(160px, 1fr);
        min-height: calc(100svh - 80px);
        height: auto;
        align-items: stretch;
        justify-content: initial;
        gap: 12px;
        padding: clamp(16px, 3svh, 28px) 0 0;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-copy {
        gap: 8px;
        transform: none;
        justify-content: flex-start;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-title .elementor-heading-title {
        font-size: clamp(28px, 8.2vw, 36px);
        line-height: 1.2;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-description {
        font-size: 14px;
        line-height: 1.65;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-actions {
        padding: 0;
        gap: 8px;
        margin-top: 4px;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-button .elementor-button {
        font-size: 12px;
        padding: 12px 15px;
        min-height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-story .elementor-button {
        padding: 6px 0;
        min-height: 36px;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-visual {
        height: auto;
        min-height: 160px;
        flex: initial;
        align-self: stretch;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-photo {
        inset-inline: auto;
        left: 50%;
        right: auto;
        bottom: 0;
        width: 100%;
        max-width: 520px;
        height: 100%;
        transform: translateX(-50%);
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-photo img {
        width: 100%;
        height: 100%;
        max-height: none;
        object-fit: contain;
        object-position: center bottom;
        transform: none;
    }
}

@media(max-width:360px) {
    .elementor-18 .elementor-element.elementor-element-79712149 {
        padding-inline: 16px !important;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-layout {
        gap: 8px;
        padding-top: 14px;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-copy {
        gap: 6px;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-title .elementor-heading-title {
        font-size: 28px;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-button .elementor-button {
        font-size: 11px;
        padding-inline: 12px;
    }
}

/* Centered mobile copy above artwork */
/* Center the copy in the space above the bottom-aligned artwork. */
@media(max-width:767px) {
    .elementor-18 .elementor-element.elementor-element-79712149 .hero-layout {
        grid-template-rows: minmax(min-content, 1fr) auto;
        min-height: calc(100svh - 80px);
        padding-top: 16px;
        gap: 12px;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-copy {
        align-self: stretch;
        justify-content: center;
        padding-block: 12px;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-visual {
        width: 100%;
        max-width: 520px;
        justify-self: center;
        aspect-ratio: 4 / 3;
        height: auto;
        min-height: 0;
        max-height: min(42svh, max(120px, calc(100svh - 400px)));
        align-self: end;
    }
}

@media(max-width:360px) {
    .elementor-18 .elementor-element.elementor-element-79712149 .hero-layout {
        padding-top: 12px;
        gap: 8px;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-copy {
        padding-block: 6px;
    }
}

/* =========================================================
   HERO BRAND PATTERN
   Inspired by supplied capsule pattern
========================================================= */

.elementor-18 .elementor-element.elementor-element-79712149::after {
    content: "";

    position: absolute;
    inset: 0 0 auto 0;

    width: 100%;
    height: clamp(250px, 42svh, 430px);

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='180' viewBox='0 0 420 180' fill='none'%3E%3Cg stroke='%23E4AA58' stroke-width='2.2' opacity='.42'%3E%3Crect x='18' y='28' width='55' height='20' rx='10'/%3E%3Crect x='86' y='18' width='20' height='44' rx='10'/%3E%3Crect x='124' y='7' width='20' height='58' rx='10' transform='rotate(29 124 7)'/%3E%3Crect x='166' y='30' width='55' height='20' rx='10'/%3E%3Crect x='238' y='18' width='20' height='44' rx='10'/%3E%3Crect x='282' y='7' width='20' height='58' rx='10' transform='rotate(29 282 7)'/%3E%3Crect x='330' y='34' width='55' height='20' rx='10'/%3E%3Crect x='6' y='100' width='55' height='20' rx='10'/%3E%3Crect x='76' y='82' width='20' height='44' rx='10'/%3E%3Crect x='112' y='72' width='20' height='58' rx='10' transform='rotate(29 112 72)'/%3E%3Crect x='156' y='102' width='55' height='20' rx='10'/%3E%3Crect x='224' y='82' width='20' height='44' rx='10'/%3E%3Crect x='264' y='72' width='20' height='58' rx='10' transform='rotate(29 264 72)'/%3E%3Crect x='310' y='102' width='55' height='20' rx='10'/%3E%3Crect x='382' y='82' width='20' height='44' rx='10'/%3E%3C/g%3E%3C/svg%3E");

    background-repeat: repeat;
    background-size: 420px 180px;
    background-position: center top;

    opacity: .9;

    mask-image:
        linear-gradient(
            to bottom,
            #000 0%,
            #000 25%,
            rgba(0,0,0,.65) 60%,
            transparent 100%
        );

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            #000 0%,
            #000 25%,
            rgba(0,0,0,.65) 60%,
            transparent 100%
        );

    pointer-events: none;
    z-index: 0;
}

@media(max-width:767px) {
    .elementor-18 .elementor-element.elementor-element-79712149::after {
        height: 260px;
        background-size: 320px 240px;
        opacity: .17;
    }
}

/* Desktop hero top alignment */
/* Align desktop copy and artwork with the upper sidebar logo line. */
@media(min-width:1025px) {
    .elementor-18 .elementor-element.elementor-element-79712149 {
        padding-top: 64px !important;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-layout {
        padding-top: 0;
        padding-bottom: 0;
        min-height: calc(100svh - 64px);
        align-items: stretch;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-copy {
        justify-content: flex-start;
        transform: none !important;
        padding-top: 0;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-visual {
        min-height: calc(100svh - 64px);
        padding-top: 0;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-photo {
        top: 0;
        bottom: auto;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-photo .elementor-widget-container {
        align-items: flex-start;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-photo img {
        transform: scale(1.12);
        transform-origin: center top;
        object-position: center top;
    }
}

@media(min-width:1400px) {
    .elementor-18 .elementor-element.elementor-element-79712149 .hero-photo img {
        transform: scale(1.62);
    }
}

/* Desktop hero top alignment */
@media(min-width:1025px) {
    .elementor-18 .elementor-element.elementor-element-79712149 .hero-photo img {
        transform: scale(1.12) translateY(-12.7072%);
    }
}

@media(min-width:1400px) {
    .elementor-18 .elementor-element.elementor-element-79712149 .hero-photo img {
        transform: scale(1.62) translateY(-12.7072%);
    }
}

/* Desktop hero top alignment */
/* Fill the desktop hero consistently while retaining the shared top line. */
@media(min-width:1025px) {
    .elementor-18 .elementor-element.elementor-element-79712149 {
        --hero-body-height: max(600px, calc(100svh - 64px));
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-layout,
    .elementor-18 .elementor-element.elementor-element-79712149 .hero-visual {
        min-height: var(--hero-body-height);
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-copy {
        justify-content: space-between;
        gap: 24px;
        padding-bottom: clamp(28px, 4svh, 44px);
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-copy>.elementor-element {
        margin-block: 0;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-photo {
        inset-inline-start: auto;
        inset-inline-end: auto;
        left: 50%;
        right: auto;
        top: 0;
        bottom: auto;
        width: calc(var(--hero-body-height)*1.52742616);
        max-width: none;
        height: auto;
        transform: translateX(-50%);
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-photo .elementor-widget-container {
        width: 100%;
        height: auto;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-photo img {
        width: 100%;
        height: auto;
        max-width: none;
        max-height: none;
        transform: translateY(-12.707182%);
        transform-origin: center top;
    }
}

/* Desktop hero top alignment */
/* Keep the hero introduction and actions in one compact desktop group. */
@media(min-width:1025px) {
    .elementor-18 .elementor-element.elementor-element-79712149 .hero-copy {
        justify-content: flex-start;
        gap: 22px;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-eyebrow .elementor-heading-title {
        font-size: clamp(19px, 1.2vw, 22px);
        line-height: 1.55;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-title {
        margin-top: 0 !important;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-description {
        margin-top: 12px !important;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-actions {
        gap: 12px;
        padding-block: 0;
        margin-top: 14px !important;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-button .elementor-button {
        font-size: 16px;
        line-height: 1.5;
        padding: 17px 27px;
        min-height: 58px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-story {
        margin-top: 0 !important;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-story .elementor-button {
        padding-top: 4px;
    }
}

/* Desktop hero top alignment */
@media(min-width:1025px) and (max-width:1399px) {
    .elementor-18 .elementor-element.elementor-element-79712149 .hero-button .elementor-button {
        font-size: 14px;
        padding: 16px 18px;
        min-height: 56px;
    }
}

/* Desktop hero top alignment */
/* Desktop hero zones: brand at top, message in middle, actions below. */
@media(min-width:1025px) {
    .elementor-18 .elementor-element.elementor-element-79712149 .hero-copy {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto minmax(48px, 1fr) auto auto minmax(28px, 1.4fr) auto auto minmax(64px, 1.6fr);
        gap: 0;
        align-content: stretch;
        align-items: start;
        padding-bottom: 0;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-eyebrow {
        grid-row: 1;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-title {
        grid-row: 3;
        margin: 0 !important;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-description {
        grid-row: 4;
        margin-top: 24px !important;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-actions {
        grid-row: 6;
        margin-top: 0 !important;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-story {
        grid-row: 7;
        margin-top: 12px !important;
    }
}

/* Desktop hero top alignment */
/* Keep tablet/laptop artwork inside its own column. */
@media(min-width:768px) and (max-width:1400px) {
    .elementor-18 .elementor-element.elementor-element-79712149 {
        padding-inline: 24px !important;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-layout {
        grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
        column-gap: 24px;
        padding-inline: 0;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-copy {
        min-width: 0;
        padding-inline: 0;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-visual {
        min-width: 0;
        min-height: 0;
        padding: 0;
        overflow: hidden;
        align-self: stretch;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-photo {
        inset-inline: auto;
        left: 50%;
        right: auto;
        top: auto;
        bottom: 0;
        width: 155%;
        max-width: none;
        height: auto;
        transform: translateX(-50%);
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-photo .elementor-widget-container {
        width: 100%;
        height: auto;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-photo img {
        width: 100% !important;
        height: auto !important;
        max-width: none;
        max-height: none;
        transform: none !important;
        object-fit: contain;
        object-position: center bottom;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-title .elementor-heading-title {
        font-size: clamp(32px, 3.6vw, 50px);
        line-height: 1.25;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-eyebrow .elementor-heading-title {
        font-size: clamp(15px, 1.45vw, 19px);
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-actions {
        flex-wrap: wrap;
        gap: 12px;
        padding-inline: 0;
    }
}


/* =========================================================
   HERO BRAND COLOR OVERRIDE
   Primary   : #662627
   Secondary : #E4AA58
   Text      : #FFFFFF
========================================================= */

.elementor-18 .elementor-element.elementor-element-79712149 {
    --hero-primary: #662627;
    --hero-primary-mid: #521e1f;
    --hero-primary-dark: #291f1e;

    --hero-secondary: #E4AA58;
    --hero-text: #FFFFFF;

    --hero-gold-soft: rgba(228, 170, 88, 0.18);
    --hero-gold-medium: rgba(228, 170, 88, 0.35);
    --hero-white-soft: rgba(255, 255, 255, 0.78);

    background:
        linear-gradient(
            110deg,
            #291f1e 0%,
            #521e1f 48%,
            #662627 100%
        ) !important;
}


/* =========================================================
   TYPOGRAPHY
========================================================= */

.elementor-18 .elementor-element.elementor-element-79712149 .hero-eyebrow .elementor-heading-title,
.elementor-18 .elementor-element.elementor-element-79712149 .hero-title .elementor-heading-title,
.elementor-18 .elementor-element.elementor-element-79712149 .hero-description,
.elementor-18 .elementor-element.elementor-element-79712149 .hero-description p {
    color: #FFFFFF !important;
}


/* Highlighted word inside main title */
.elementor-18 .elementor-element.elementor-element-79712149 .hero-title span {
    color: #E4AA58 !important;
}


/* Eyebrow decorative line */
.elementor-18 .elementor-element.elementor-element-79712149 .hero-eyebrow .elementor-heading-title::before {
    background: #E4AA58 !important;
}


/* Description slightly softer */
.elementor-18 .elementor-element.elementor-element-79712149 .hero-description,
.elementor-18 .elementor-element.elementor-element-79712149 .hero-description p {
    color: rgba(255, 255, 255, 0.82) !important;
}


/* =========================================================
   PRIMARY BUTTON
========================================================= */

.elementor-18 .elementor-element.elementor-element-79712149 .hero-button-primary .elementor-button {
    background: #E4AA58 !important;
    color: #291f1e !important;

    border-color: #E4AA58 !important;
}


.elementor-18 .elementor-element.elementor-element-79712149 .hero-button-primary .elementor-button:hover {
    background: #FFFFFF !important;
    color: #662627 !important;

    border-color: #FFFFFF !important;
}


/* =========================================================
   SECONDARY BUTTON
========================================================= */

.elementor-18 .elementor-element.elementor-element-79712149 .hero-button-secondary .elementor-button {
    background: transparent !important;

    color: #FFFFFF !important;

    border-color: rgba(255, 255, 255, 0.45) !important;
}


.elementor-18 .elementor-element.elementor-element-79712149 .hero-button-secondary .elementor-button:hover {
    background: rgba(228, 170, 88, 0.12) !important;

    color: #FFFFFF !important;

    border-color: #E4AA58 !important;
}


/* =========================================================
   STORY LINK
========================================================= */

.elementor-18 .elementor-element.elementor-element-79712149 .hero-story .elementor-button {
    color: #E4AA58 !important;
    background: transparent !important;
}


.elementor-18 .elementor-element.elementor-element-79712149 .hero-story .elementor-button:hover {
    color: #FFFFFF !important;
}


/* =========================================================
   FOCUS
========================================================= */

.elementor-18 .elementor-element.elementor-element-79712149 a:focus-visible,
.elementor-18 .elementor-element.elementor-element-79712149 .elementor-button:focus-visible {
    outline: 2px solid #E4AA58 !important;
    outline-offset: 5px;
}


/* =========================================================
   DECORATIVE ELEMENTS
========================================================= */

.elementor-18 .elementor-element.elementor-element-79712149::before {
    border-color: rgba(228, 170, 88, 0.14) !important;
}


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

@media (max-width: 767px) {

    .elementor-18 .elementor-element.elementor-element-79712149 {
        background:
            linear-gradient(
                180deg,
                #662627 0%,
                #521e1f 52%,
                #291f1e 100%
            ) !important;
    }
}




/* =========================================
   HERO IMAGE SIZE
========================================= */

@media (min-width: 1400px) {

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-photo {
        width: 680px !important;
        max-width: 48vw !important;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-photo img {
        width: 100% !important;
        height: auto !important;
        max-width: 680px !important;
        transform: none !important;
    }
}


@media (min-width: 1025px) and (max-width: 1399px) {

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-photo {
        width: 560px !important;
        max-width: 46vw !important;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-photo img {
        width: 100% !important;
        height: auto !important;
        max-width: 560px !important;
        transform: none !important;
    }
}


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

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-photo {
        width: 460px !important;
        max-width: 48vw !important;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-photo img {
        width: 100% !important;
        height: auto !important;
        max-width: 460px !important;
        transform: none !important;
    }
}


@media (max-width: 767px) {

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-photo {
        width: 82% !important;
        max-width: 420px !important;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-photo img {
        width: 100% !important;
        height: auto !important;
        max-width: 420px !important;
        transform: none !important;
    }
}

/* SANAM_HERO_COMPACT_START */
.elementor-18 .elementor-element.elementor-element-79712149 {
    min-height: 100vh !important;
    height: auto !important;
    padding: 38px clamp(24px, 4vw, 56px) 54px !important;
    background-image: linear-gradient(to bottom, transparent 72%, #662627 100%), linear-gradient(110deg, #291f1e 0%, #521e1f 48%, #662627 100%) !important;
}

.elementor-18 .elementor-element.elementor-element-79712149 .hero-layout {
    min-height: calc(100vh - 92px) !important;
    height: auto !important;
    align-items: center !important;
    column-gap: clamp(20px, 3vw, 48px) !important;
    padding: 0 !important;
}

.elementor-18 .elementor-element.elementor-element-79712149 .hero-copy {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-self: center !important;
    gap: 14px !important;
    padding: 0 !important;
    position: relative !important;
    transform: none !important;
}

.elementor-18 .elementor-element.elementor-element-79712149 .hero-copy::before {
    content: "" !important;
    position: absolute !important;
    top: -54px !important;
    right: -16px !important;
    width: calc(100vw - 32px) !important;
    height: 28px !important;
    background: url("/wp-content/themes/sanam/assets/hero-top-wave.svg?v=2") right center / 70px 28px repeat-x !important;
    opacity: .2 !important;
    pointer-events: none !important;
    -webkit-mask-image: linear-gradient(to left, #000 75%, transparent) !important;
    mask-image: linear-gradient(to left, #000 75%, transparent) !important;
}

@media (min-width: 768px) {
    .elementor-18 .elementor-element.elementor-element-79712149::before {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        inset: 12px 0 auto !important;
        width: 100% !important;
        height: 36px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: url("/wp-content/themes/sanam/assets/hero-top-wave.svg?v=2") left center / 90px 36px repeat-x !important;
        opacity: .2 !important;
        pointer-events: none !important;
        -webkit-mask-image: none !important;
        mask-image: none !important;
        z-index: 0 !important;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-copy::before {
        display: none !important;
    }
}

.elementor-18 .elementor-element.elementor-element-79712149 .hero-title,
.elementor-18 .elementor-element.elementor-element-79712149 .hero-description,
.elementor-18 .elementor-element.elementor-element-79712149 .hero-actions,
.elementor-18 .elementor-element.elementor-element-79712149 .hero-story {
    margin-block: 0 !important;
}

.elementor-18 .elementor-element.elementor-element-79712149 .hero-visual {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: stretch !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    padding: 0 !important;
    overflow: visible !important;
}

.elementor-18 .elementor-element.elementor-element-79712149 .hero-photo {
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: min(100%, 620px) !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    transform: none !important;
}

.elementor-18 .elementor-element.elementor-element-79712149 .hero-photo .elementor-widget-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: auto !important;
}

.elementor-18 .elementor-element.elementor-element-79712149 .hero-photo img {
    display: block;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
    margin: 0 auto !important;
}

.elementor-18 .elementor-element.elementor-element-79712149::after {
    background-image: url("/wp-content/themes/sanam/assets/hero-bottom-pattern.svg") !important;
    inset: auto 0 0 !important;
    top: auto !important;
    bottom: 0 !important;
    height: clamp(130px, 24svh, 220px) !important;
    background-position: center bottom !important;
    mask-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .55) 45%, #000) !important;
    -webkit-mask-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .55) 45%, #000) !important;
}

@media (min-width: 1025px) {
    .elementor-18 .elementor-element.elementor-element-79712149 .hero-layout {
        align-items: start !important;
        padding-top: 34px !important;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-copy {
        align-self: start !important;
        justify-content: flex-start !important;
        height: clamp(440px, calc(100vh - 320px), 650px) !important;
        gap: clamp(14px, 2.5vh, 24px) !important;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-eyebrow {
        transform: translateY(-15px) !important;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-title {
        margin-top: clamp(40px, 7vh, 72px) !important;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-description {
        margin-top: clamp(18px, 3vh, 28px) !important;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-actions {
        margin-top: auto !important;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-visual {
        align-self: start !important;
        align-items: flex-start !important;
        justify-content: center !important;
        direction: ltr !important;
        height: clamp(440px, calc(100vh - 320px), 650px) !important;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-photo {
        flex: 0 0 auto !important;
        width: 140% !important;
        max-width: none !important;
        margin: 0 0 0 calc(-20% + 40px) !important;
        transform: none !important;
    }
}

@media (min-width: 1025px) and (max-height: 820px) {
    .elementor-18 .elementor-element.elementor-element-79712149 .hero-copy {
        gap: clamp(10px, 1.7vh, 16px) !important;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-title {
        margin-top: clamp(20px, 4vh, 36px) !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-18 .elementor-element.elementor-element-79712149 {
        padding: 28px 24px 42px !important;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-layout {
        min-height: calc(100vh - 70px) !important;
        grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr) !important;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-photo {
        width: min(100%, 440px) !important;
    }
}

@media (max-width: 767px) {
    .elementor-18 .elementor-element.elementor-element-79712149 {
        padding: 30px 20px 42px !important;
    }

    .elementor-18 .elementor-element.elementor-element-79712149::before {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        inset: 24px 0 auto !important;
        width: 100% !important;
        height: 28px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: url("/wp-content/themes/sanam/assets/hero-mobile-wave-tile.svg?v=2") left center / 10% 28px repeat-x !important;
        opacity: .24 !important;
        pointer-events: none !important;
        -webkit-mask-image: none !important;
        mask-image: none !important;
        z-index: 0 !important;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-layout {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: auto minmax(0, 1fr) !important;
        min-height: calc(100vh - 72px) !important;
        height: auto !important;
        row-gap: 24px !important;
        align-content: stretch !important;
        padding: clamp(34px, 6vh, 52px) 0 80px !important;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-copy {
        gap: 12px !important;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-copy::before {
        display: none !important;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-actions {
        margin-top: 22px !important;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-visual {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        align-self: center !important;
        justify-self: center !important;
    }

    .elementor-18 .elementor-element.elementor-element-79712149 .hero-photo {
        width: min(78%, 420px) !important;
    }

    .elementor-18 .elementor-element.elementor-element-79712149::after {
        height: 140px !important;
        background-size: 280px 120px !important;
        opacity: .68 !important;
    }
}

@media (max-width: 359px) {
    .elementor-18 .elementor-element.elementor-element-79712149::before { background-size: 12.5% 28px !important; }
}

@media (min-width: 440px) and (max-width: 519px) {
    .elementor-18 .elementor-element.elementor-element-79712149::before { background-size: 8.333333% 28px !important; }
}

@media (min-width: 520px) and (max-width: 599px) {
    .elementor-18 .elementor-element.elementor-element-79712149::before { background-size: 7.142857% 28px !important; }
}

@media (min-width: 600px) and (max-width: 679px) {
    .elementor-18 .elementor-element.elementor-element-79712149::before { background-size: 6.25% 28px !important; }
}

@media (min-width: 680px) and (max-width: 767px) {
    .elementor-18 .elementor-element.elementor-element-79712149::before { background-size: 5.555556% 28px !important; }
}
/* SANAM_HERO_COMPACT_END *//* End custom CSS */