.elementor-560 .elementor-element.elementor-element-122353f{--display:flex;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#F5F6F44D;--border-color:#F5F6F44D;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:106px;--padding-bottom:80px;--padding-left:50px;--padding-right:50px;}.elementor-560 .elementor-element.elementor-element-122353f:not(.elementor-motion-effects-element-type-background), .elementor-560 .elementor-element.elementor-element-122353f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#080A0B;}.elementor-560 .elementor-element.elementor-element-ad50ded{--display:flex;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Poppins;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-560 .elementor-element.elementor-element-9a8036c{--divider-border-style:solid;--divider-color:#3B60A7;--divider-border-width:2px;}.elementor-560 .elementor-element.elementor-element-9a8036c .elementor-divider-separator{width:40px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Poppins;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-560 .elementor-element.elementor-element-869e0fe .elementor-heading-title{font-family:"Manrope", Poppins;font-size:19px;font-weight:700;line-height:21px;letter-spacing:0px;color:#F5F6F4;}.elementor-560 .elementor-element.elementor-element-8c2c37a .elementor-heading-title{font-family:"Manrope", Poppins;font-size:56px;font-weight:600;text-transform:capitalize;line-height:60px;letter-spacing:0px;color:#F5F6F4;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Poppins;font-weight:var( --e-global-typography-text-font-weight );}.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-560 .elementor-element.elementor-element-15dc563{width:var( --container-widget-width, 647px );max-width:647px;padding:0px 0px 0px 0px;--container-widget-width:647px;--container-widget-flex-grow:0;font-family:"Manrope", Poppins;font-size:20.5px;font-weight:400;line-height:31.74px;color:#B8BDBD;}.elementor-560 .elementor-element.elementor-element-15dc563 p{margin-block-end:0px;}.elementor-560 .elementor-element.elementor-element-d8a0e2b{--display:flex;--gap:96px 96px;--row-gap:96px;--column-gap:96px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-560 .elementor-element.elementor-element-e6a6788{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-560 .elementor-element.elementor-element-6f17961{--display:flex;--min-height:450px;--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;--justify-content:flex-end;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:8px 8px 8px 8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-560 .elementor-element.elementor-element-6f17961:not(.elementor-motion-effects-element-type-background), .elementor-560 .elementor-element.elementor-element-6f17961 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://nationalmotorsco.com/wp-content/uploads/2026/08/ezgif-27396cc9d301c282.webp");background-position:center center;background-size:cover;}.elementor-560 .elementor-element.elementor-element-bfb74b9 .elementor-heading-title{font-family:"Manrope", Poppins;font-size:37.6px;font-weight:700;text-transform:capitalize;line-height:39.48px;letter-spacing:-0.75px;color:#F5F6F4;}.elementor-560 .elementor-element.elementor-element-462d442{padding:0px 0px 0px 0px;font-family:"Manrope", Poppins;font-size:17px;font-weight:400;line-height:26.29px;letter-spacing:0px;color:#6F91C7;}.elementor-560 .elementor-element.elementor-element-462d442 p{margin-block-end:0px;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Poppins;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-560 .elementor-element.elementor-element-cfd7da0 .elementor-button{background-color:#00000000;font-family:"Manrope", Poppins;font-size:13.1px;font-weight:600;line-height:19.1px;letter-spacing:0.26px;fill:#F5F6F4;color:#F5F6F4;border-style:none;padding:0px 0px 0px 0px;}.elementor-560 .elementor-element.elementor-element-cfd7da0 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-560 .elementor-element.elementor-element-16f1b5a{--display:flex;--min-height:450px;--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;--justify-content:flex-end;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:8px 8px 8px 8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-560 .elementor-element.elementor-element-16f1b5a:not(.elementor-motion-effects-element-type-background), .elementor-560 .elementor-element.elementor-element-16f1b5a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://nationalmotorsco.com/wp-content/uploads/2026/08/ezgif-2a5257227ac5df69.webp");background-position:center center;background-size:cover;}.elementor-560 .elementor-element.elementor-element-4535f52 .elementor-heading-title{font-family:"Manrope", Poppins;font-size:37.6px;font-weight:700;text-transform:capitalize;line-height:39.48px;letter-spacing:-0.75px;color:#F5F6F4;}.elementor-560 .elementor-element.elementor-element-dfdee68{padding:0px 0px 0px 0px;font-family:"Manrope", Poppins;font-size:17px;font-weight:400;line-height:26.29px;letter-spacing:0px;color:#6F91C7;}.elementor-560 .elementor-element.elementor-element-dfdee68 p{margin-block-end:0px;}.elementor-560 .elementor-element.elementor-element-04e02cc .elementor-button{background-color:#00000000;font-family:"Manrope", Poppins;font-size:13.1px;font-weight:600;line-height:19.1px;letter-spacing:0.26px;fill:#F5F6F4;color:#F5F6F4;border-style:none;padding:0px 0px 0px 0px;}.elementor-560 .elementor-element.elementor-element-04e02cc .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-560 .elementor-element.elementor-element-e6c3c4e{--display:flex;--min-height:450px;--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;--justify-content:flex-end;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:8px 8px 8px 8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-560 .elementor-element.elementor-element-e6c3c4e:not(.elementor-motion-effects-element-type-background), .elementor-560 .elementor-element.elementor-element-e6c3c4e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://nationalmotorsco.com/wp-content/uploads/2026/08/ezgif-2f9ee2abdbae0271.webp");background-position:center center;background-size:cover;}.elementor-560 .elementor-element.elementor-element-813f5c5 .elementor-heading-title{font-family:"Manrope", Poppins;font-size:37.6px;font-weight:700;text-transform:capitalize;line-height:39.48px;letter-spacing:-0.75px;color:#F5F6F4;}.elementor-560 .elementor-element.elementor-element-2160dc1{padding:0px 0px 0px 0px;font-family:"Manrope", Poppins;font-size:17px;font-weight:400;line-height:26.29px;letter-spacing:0px;color:#6F91C7;}.elementor-560 .elementor-element.elementor-element-2160dc1 p{margin-block-end:0px;}.elementor-560 .elementor-element.elementor-element-3a7aa33 .elementor-button{background-color:#00000000;font-family:"Manrope", Poppins;font-size:13.1px;font-weight:600;line-height:19.1px;letter-spacing:0.26px;fill:#F5F6F4;color:#F5F6F4;border-style:none;padding:0px 0px 0px 0px;}.elementor-560 .elementor-element.elementor-element-3a7aa33 .elementor-button-content-wrapper{flex-direction:row-reverse;}@media(max-width:991px){.elementor-560 .elementor-element.elementor-element-e6a6788{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-560 .elementor-element.elementor-element-122353f{--content-width:1280px;}}@media(max-width:767px){.elementor-560 .elementor-element.elementor-element-122353f{--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:020px;}.elementor-560 .elementor-element.elementor-element-ad50ded{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-560 .elementor-element.elementor-element-15dc563{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-560 .elementor-element.elementor-element-d8a0e2b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-560 .elementor-element.elementor-element-e6a6788{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-560 .elementor-element.elementor-element-6f17961{--min-height:300px;--padding-top:30px;--padding-bottom:20px;--padding-left:5px;--padding-right:5px;}.elementor-560 .elementor-element.elementor-element-6f17961:not(.elementor-motion-effects-element-type-background), .elementor-560 .elementor-element.elementor-element-6f17961 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-repeat:no-repeat;background-size:cover;}.elementor-560 .elementor-element.elementor-element-16f1b5a{--min-height:300px;--padding-top:30px;--padding-bottom:20px;--padding-left:5px;--padding-right:5px;}.elementor-560 .elementor-element.elementor-element-16f1b5a:not(.elementor-motion-effects-element-type-background), .elementor-560 .elementor-element.elementor-element-16f1b5a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-repeat:no-repeat;background-size:cover;}.elementor-560 .elementor-element.elementor-element-e6c3c4e{--min-height:300px;--padding-top:30px;--padding-bottom:20px;--padding-left:5px;--padding-right:5px;}.elementor-560 .elementor-element.elementor-element-e6c3c4e:not(.elementor-motion-effects-element-type-background), .elementor-560 .elementor-element.elementor-element-e6c3c4e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-repeat:no-repeat;background-size:cover;}}/* Start custom CSS for container, class: .elementor-element-6f17961 */.story-box {
    position: relative;
    overflow: hidden;
}

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

.story-box::before {
    content: "";
    position: absolute;
    inset: 0;

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);

    background: rgba(255, 255, 255, 0.05);

    opacity: 0;

    transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);

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

/* كل المحتوى */
.story-box > * {
    position: relative;
    z-index: 2;
}


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

.story-title {
    transform: translateY(50px);
    transition:
        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
}


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

.story-text {
    opacity: 0;
    transform: translateY(35px);
    transition:
        opacity 0.45s ease,
        transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);

    will-change: transform, opacity;
}


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

.story-btn {
    opacity: 0;
    transform: translateY(25px);
    transition:
        opacity 0.4s ease,
        transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);

    will-change: transform, opacity;
}


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

.story-box:hover::before {
    opacity: 1;
}


/* Title moves smoothly */
.story-box:hover .story-title {
    transform: translateY(0);
}


/* Text appears after title */
.story-box:hover .story-text {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.15s;
}


/* Button appears last */
.story-box:hover .story-btn {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.28s;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-16f1b5a */.story-box {
    position: relative;
    overflow: hidden;
}

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

.story-box::before {
    content: "";
    position: absolute;
    inset: 0;

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);

    background: rgba(255, 255, 255, 0.05);

    opacity: 0;

    transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);

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

/* كل المحتوى */
.story-box > * {
    position: relative;
    z-index: 2;
}


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

.story-title {
    transform: translateY(50px);
    transition:
        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
}


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

.story-text {
    opacity: 0;
    transform: translateY(35px);
    transition:
        opacity 0.45s ease,
        transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);

    will-change: transform, opacity;
}


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

.story-btn {
    opacity: 0;
    transform: translateY(25px);
    transition:
        opacity 0.4s ease,
        transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);

    will-change: transform, opacity;
}


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

.story-box:hover::before {
    opacity: 1;
}


/* Title moves smoothly */
.story-box:hover .story-title {
    transform: translateY(0);
}


/* Text appears after title */
.story-box:hover .story-text {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.15s;
}


/* Button appears last */
.story-box:hover .story-btn {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.28s;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e6c3c4e */.story-box {
    position: relative;
    overflow: hidden;
}

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

.story-box::before {
    content: "";
    position: absolute;
    inset: 0;

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);

    background: rgba(255, 255, 255, 0.05);

    opacity: 0;

    transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);

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

/* كل المحتوى */
.story-box > * {
    position: relative;
    z-index: 2;
}


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

.story-title {
    transform: translateY(50px);
    transition:
        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
}


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

.story-text {
    opacity: 0;
    transform: translateY(35px);
    transition:
        opacity 0.45s ease,
        transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);

    will-change: transform, opacity;
}


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

.story-btn {
    opacity: 0;
    transform: translateY(25px);
    transition:
        opacity 0.4s ease,
        transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);

    will-change: transform, opacity;
}


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

.story-box:hover::before {
    opacity: 1;
}


/* Title moves smoothly */
.story-box:hover .story-title {
    transform: translateY(0);
}


/* Text appears after title */
.story-box:hover .story-text {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.15s;
}


/* Button appears last */
.story-box:hover .story-btn {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.28s;
}/* End custom CSS */