.elementor-13 .elementor-element.elementor-element-95573e8{--display:flex;--min-height:700px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:010px;--padding-bottom:60px;--padding-left:80px;--padding-right:80px;}.elementor-13 .elementor-element.elementor-element-6d16484{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-13 .elementor-element.elementor-element-1d5a318{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.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-13 .elementor-element.elementor-element-1e2a9f3 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;}.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-13 .elementor-element.elementor-element-8a858af{margin:024px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Space Mono", Sans-serif;font-size:12px;font-weight:500;letter-spacing:1.8px;color:#B8FF20;}.elementor-13 .elementor-element.elementor-element-f1dd6dd{width:var( --container-widget-width, 520px );max-width:520px;margin:024px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:520px;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;line-height:1.65em;color:#9895AD;}.elementor-13 .elementor-element.elementor-element-4d86a9c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--margin-top:028px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.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-13 .elementor-element.elementor-element-9ad2339 .elementor-button{background-color:#B8FF20;font-family:"Manrope", Sans-serif;font-size:11px;font-weight:700;letter-spacing:0.6px;fill:#0A0A14;color:#0A0A14;border-style:solid;border-width:1px 1px 1px 1px;border-color:#B8FF20;border-radius:2px 2px 2px 2px;padding:013px 20px 013px 20px;}.elementor-13 .elementor-element.elementor-element-9ad2339 .elementor-button:hover, .elementor-13 .elementor-element.elementor-element-9ad2339 .elementor-button:focus{background-color:#F5F5F7;color:#0A0A14;border-color:#F5F5F7;}.elementor-13 .elementor-element.elementor-element-9ad2339 .elementor-button:hover svg, .elementor-13 .elementor-element.elementor-element-9ad2339 .elementor-button:focus svg{fill:#0A0A14;}.elementor-13 .elementor-element.elementor-element-4d6e67e .elementor-button{background-color:#F5F5F700;font-family:"Manrope", Sans-serif;font-size:11px;font-weight:700;letter-spacing:0.6px;fill:#F5F5F7;color:#F5F5F7;border-style:solid;border-width:1px 1px 1px 1px;border-color:#29263A;border-radius:2px 2px 2px 2px;padding:013px 20px 013px 20px;}.elementor-13 .elementor-element.elementor-element-4d6e67e .elementor-button:hover, .elementor-13 .elementor-element.elementor-element-4d6e67e .elementor-button:focus{color:#B8FF20;border-color:#B8FF20;}.elementor-13 .elementor-element.elementor-element-4d6e67e .elementor-button:hover svg, .elementor-13 .elementor-element.elementor-element-4d6e67e .elementor-button:focus svg{fill:#B8FF20;}.elementor-13 .elementor-element.elementor-element-df98fe6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-13 .elementor-element.elementor-element-3d37257{--display:flex;--min-height:620px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:35px 35px;--row-gap:35px;--column-gap:35px;--padding-top:110px;--padding-bottom:110px;--padding-left:80px;--padding-right:80px;}.elementor-13 .elementor-element.elementor-element-117d07f .elementor-heading-title{font-family:"Space Mono", Sans-serif;font-size:11px;font-weight:600;letter-spacing:2px;color:#B8FF20;}.elementor-13 .elementor-element.elementor-element-3cf0a6f{--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;--justify-content:space-between;--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-13 .elementor-element.elementor-element-8d74de5{--display:flex;--min-height:155px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#29263A;--border-color:#29263A;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-13 .elementor-element.elementor-element-8d74de5:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-8d74de5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#17122F;}.elementor-13 .elementor-element.elementor-element-3ea5310{--display:flex;--min-height:155px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#29263A;--border-color:#29263A;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-13 .elementor-element.elementor-element-3ea5310:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-3ea5310 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#17122F;}.elementor-13 .elementor-element.elementor-element-15bd1f2{--display:flex;--min-height:155px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#29263A;--border-color:#29263A;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-13 .elementor-element.elementor-element-15bd1f2:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-15bd1f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#17122F;}.elementor-13 .elementor-element.elementor-element-b2cd0c5{--display:flex;--min-height:700px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:120px;--padding-bottom:120px;--padding-left:80px;--padding-right:80px;}.elementor-13 .elementor-element.elementor-element-43c88db{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--padding-top:0px;--padding-bottom:060px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-8bc6871{font-family:"Space Mono", Sans-serif;font-size:11px;font-weight:600;letter-spacing:2px;color:#B8FF20;}.elementor-13 .elementor-element.elementor-element-ff9cebe .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:56px;font-weight:800;line-height:1em;letter-spacing:-2px;color:#F5F5F7;}.elementor-13 .elementor-element.elementor-element-6b929db{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--flex-wrap:wrap;}.elementor-13 .elementor-element.elementor-element-a04802e{--display:flex;--min-height:210px;--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:space-between;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-13 .elementor-element.elementor-element-c355c70{--display:flex;--min-height:210px;--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:space-between;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-13 .elementor-element.elementor-element-0ac0bc6{--display:flex;--min-height:210px;--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:space-between;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-13 .elementor-element.elementor-element-725f6f1{--display:flex;--min-height:210px;--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:space-between;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}@media(min-width:768px){.elementor-13 .elementor-element.elementor-element-95573e8{--width:100%;}.elementor-13 .elementor-element.elementor-element-6d16484{--width:100%;}.elementor-13 .elementor-element.elementor-element-1d5a318{--width:55%;}.elementor-13 .elementor-element.elementor-element-df98fe6{--width:45%;}.elementor-13 .elementor-element.elementor-element-3d37257{--width:100%;}.elementor-13 .elementor-element.elementor-element-b2cd0c5{--width:100%;}.elementor-13 .elementor-element.elementor-element-43c88db{--width:100%;}.elementor-13 .elementor-element.elementor-element-6b929db{--width:100%;}.elementor-13 .elementor-element.elementor-element-a04802e{--width:49%;}.elementor-13 .elementor-element.elementor-element-c355c70{--width:32%;}.elementor-13 .elementor-element.elementor-element-0ac0bc6{--width:32%;}.elementor-13 .elementor-element.elementor-element-725f6f1{--width:49%;}}@media(max-width:1024px){.elementor-13 .elementor-element.elementor-element-ff9cebe .elementor-heading-title{font-size:46px;}}@media(max-width:767px){.elementor-13 .elementor-element.elementor-element-ff9cebe .elementor-heading-title{font-size:38px;}}/* Start custom CSS for heading, class: .elementor-element-1e2a9f3 *//* =========================================================
   MOMNA HERO — RESPONSIVE EDITORIAL TITLE
========================================================= */

.elementor-13 .elementor-element.elementor-element-1e2a9f3 .elementor-heading-title{

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

    display:flex;

    flex-direction:column;

    align-items:flex-start;

    font-family:"Manrope",sans-serif;

    font-weight:800;

    line-height:.84;

    letter-spacing:-2.5px;
}


/* =========================================================
   WORD BASE
========================================================= */

.elementor-13 .elementor-element.elementor-element-1e2a9f3 .hero-word{

    display:block;

    opacity:0;

    transform:translateY(35px);

    transition:
        opacity .8s cubic-bezier(.22,1,.36,1),
        transform .8s cubic-bezier(.22,1,.36,1);
}


.elementor-13 .elementor-element.elementor-element-1e2a9f3.is-scroll-visible .hero-word{

    opacity:1;

    transform:translateY(0);

}


/* SHOW INSIDE ELEMENTOR EDITOR */

body.elementor-editor-active .elementor-13 .elementor-element.elementor-element-1e2a9f3 .hero-word{

    opacity:1;

    transform:translateY(0);

}


/* =========================================================
   DESKTOP — 1025px+
========================================================= */

@media (min-width:1025px){

    .elementor-13 .elementor-element.elementor-element-1e2a9f3 .hero-word-1{

        margin:0;

        font-size:68px;

        line-height:.86;

        color:#F5F5F7;

        letter-spacing:-3px;

        transition-delay:.05s;

    }


    .elementor-13 .elementor-element.elementor-element-1e2a9f3 .hero-word-2{

        margin:2px 0 0 42px;

        font-size:36px;

        line-height:.9;

        font-weight:500;

        color:#9895AD;

        letter-spacing:-1.8px;

        transition-delay:.18s;

    }


    .elementor-13 .elementor-element.elementor-element-1e2a9f3 .hero-word-3{

        margin:1px 0 0 82px;

        font-size:34px;

        line-height:.9;

        font-weight:400;

        color:#9B7BFF;

        letter-spacing:-1px;

        transition-delay:.31s;

    }


    .elementor-13 .elementor-element.elementor-element-1e2a9f3 .hero-word-4{

        margin:2px 0 0 24px;

        font-size:72px;

        line-height:.84;

        color:#B8FF20;

        letter-spacing:-3.5px;

        transition-delay:.44s;

    }

}


/* =========================================================
   TABLET — 768px to 1024px
========================================================= */

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

    .elementor-13 .elementor-element.elementor-element-1e2a9f3 .elementor-heading-title{

        letter-spacing:-2px;

    }


    /* ENGINEERING */

    .elementor-13 .elementor-element.elementor-element-1e2a9f3 .hero-word-1{

        margin:0;

        font-size:54px;

        line-height:.88;

        color:#F5F5F7;

        letter-spacing:-2.4px;

    }


    /* SYSTEMS */

    .elementor-13 .elementor-element.elementor-element-1e2a9f3 .hero-word-2{

        margin:2px 0 0 32px;

        font-size:30px;

        line-height:.92;

        font-weight:500;

        color:#9895AD;

        letter-spacing:-1.5px;

    }


    /* THAT */

    .elementor-13 .elementor-element.elementor-element-1e2a9f3 .hero-word-3{

        margin:1px 0 0 58px;

        font-size:28px;

        line-height:.92;

        font-weight:400;

        color:#9B7BFF;

    }


    /* SCALE */

    .elementor-13 .elementor-element.elementor-element-1e2a9f3 .hero-word-4{

        margin:2px 0 0 18px;

        font-size:58px;

        line-height:.86;

        color:#B8FF20;

        letter-spacing:-2.8px;

    }

}


/* =========================================================
   MOBILE — 767px and below
========================================================= */

@media (max-width:767px){

    .elementor-13 .elementor-element.elementor-element-1e2a9f3 .elementor-heading-title{

        letter-spacing:-2px;

    }


    .elementor-13 .elementor-element.elementor-element-1e2a9f3 .hero-word-1{

        margin:0;

        font-size:48px;

        line-height:.88;

        color:#F5F5F7;

        letter-spacing:-2px;

    }


    .elementor-13 .elementor-element.elementor-element-1e2a9f3 .hero-word-2{

        margin:2px 0 0 18px;

        font-size:30px;

        line-height:.92;

        color:#9895AD;

    }


    .elementor-13 .elementor-element.elementor-element-1e2a9f3 .hero-word-3{

        margin:1px 0 0 58px;

        font-size:27px;

        line-height:.92;

        color:#9B7BFF;

    }


    .elementor-13 .elementor-element.elementor-element-1e2a9f3 .hero-word-4{

        margin:2px 0 0 15px;

        font-size:58px;

        line-height:.86;

        color:#B8FF20;

        letter-spacing:-2.5px;

    }

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8a858af *//* =========================================================
   MOMNA HERO — TECH LINE
========================================================= */

.elementor-13 .elementor-element.elementor-element-8a858af{

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

    opacity:0;

    transform:translateY(22px);

    transition:
        opacity .8s cubic-bezier(.22,1,.36,1),
        transform .8s cubic-bezier(.22,1,.36,1);
}


.elementor-13 .elementor-element.elementor-element-8a858af.momna-scroll-active{

    opacity:1;

    transform:translateY(0);

}


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

@media (min-width:1025px){

    .elementor-13 .elementor-element.elementor-element-8a858af{

        font-size:11px !important;

        line-height:1.2 !important;

        letter-spacing:1.5px !important;

    }

}


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

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

    .elementor-13 .elementor-element.elementor-element-8a858af{

        font-size:10px !important;

        line-height:1.2 !important;

        letter-spacing:1.2px !important;

    }

}


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

@media (max-width:767px){

    .elementor-13 .elementor-element.elementor-element-8a858af{

        font-size:9px !important;

        line-height:1.4 !important;

        letter-spacing:1px !important;

    }

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f1dd6dd *//* =========================================================
   MOMNA HERO — DESCRIPTION
========================================================= */

.elementor-13 .elementor-element.elementor-element-f1dd6dd{

    max-width:500px;

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

    opacity:0;

    transform:translateY(24px);

    transition:
        opacity .85s cubic-bezier(.22,1,.36,1),
        transform .85s cubic-bezier(.22,1,.36,1);
}


.elementor-13 .elementor-element.elementor-element-f1dd6dd.momna-scroll-active{

    opacity:1;

    transform:translateY(0);

}


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

@media (min-width:1025px){

    .elementor-13 .elementor-element.elementor-element-f1dd6dd{

        max-width:500px;

        font-size:16px !important;

        line-height:1.5 !important;

    }

}


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

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

    .elementor-13 .elementor-element.elementor-element-f1dd6dd{

        max-width:92%;

        font-size:15px !important;

        line-height:1.55 !important;

    }

}


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

@media (max-width:767px){

    .elementor-13 .elementor-element.elementor-element-f1dd6dd{

        max-width:100%;

        font-size:14px !important;

        line-height:1.6 !important;

    }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9ad2339 */.elementor-13 .elementor-element.elementor-element-9ad2339 .elementor-button{
    transition:
        background-color .25s ease,
        color .25s ease,
        border-color .25s ease,
        transform .25s ease;
}

.elementor-13 .elementor-element.elementor-element-9ad2339 .elementor-button:hover{
    background-color:#F5F5F7;
    border-color:#F5F5F7;
    color:#0A0A14;
    transform:translateY(-2px);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4d6e67e */.elementor-13 .elementor-element.elementor-element-4d6e67e .elementor-button{
    transition:
        background-color .25s ease,
        color .25s ease,
        border-color .25s ease,
        transform .25s ease;
}

.elementor-13 .elementor-element.elementor-element-4d6e67e .elementor-button:hover{
    background-color:transparent;
    border-color:#B8FF20;
    color:#B8FF20;
    transform:translateY(-2px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4d86a9c *//* =========================================================
   MOMNA HERO — BUTTON GROUP
========================================================= */

.elementor-13 .elementor-element.elementor-element-4d86a9c{

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

    display:flex;

    align-items:center;

    gap:12px;

    opacity:0;

    transform:translateY(25px);

    transition:
        opacity .8s cubic-bezier(.22,1,.36,1),
        transform .8s cubic-bezier(.22,1,.36,1);
}


.elementor-13 .elementor-element.elementor-element-4d86a9c.momna-scroll-active{

    opacity:1;

    transform:translateY(0);

}


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

@media (min-width:1025px){

    .elementor-13 .elementor-element.elementor-element-4d86a9c{

        gap:12px;

    }

}


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

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

    .elementor-13 .elementor-element.elementor-element-4d86a9c{

        gap:10px;

    }

}


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

@media (max-width:767px){

    .elementor-13 .elementor-element.elementor-element-4d86a9c{

        gap:8px;

        flex-wrap:wrap;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d5a318 *//* =========================================================
   MOMNA HERO — LEFT CONTENT
   RESPONSIVE MASTER LAYOUT
========================================================= */

.elementor-13 .elementor-element.elementor-element-1d5a318{

    display:flex !important;

    flex-direction:column !important;

    gap:0 !important;

    margin:0 !important;

    padding:0 !important;
}


/* Remove Elementor automatic widget spacing */

.elementor-13 .elementor-element.elementor-element-1d5a318 > .elementor-element{

    margin-top:0 !important;

    margin-bottom:0 !important;
}


/* Heading */

.elementor-13 .elementor-element.elementor-element-1d5a318 .momna-hero-title{

    margin:0 !important;

    padding:0 !important;
}


/* Tech line */

.elementor-13 .elementor-element.elementor-element-1d5a318 .momna-tech-line{

    margin:0 !important;

    padding:0 !important;
}


/* Description */

.elementor-13 .elementor-element.elementor-element-1d5a318 .momna-hero-description{

    margin:0 !important;

    padding:0 !important;

    max-width:540px !important;
}


/* Buttons */

.elementor-13 .elementor-element.elementor-element-1d5a318 .momna-hero-buttons{

    margin:0 !important;

    padding:0 !important;
}


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

@media (min-width:1025px){

    .elementor-13 .elementor-element.elementor-element-1d5a318{

        gap:14px !important;

        align-self:flex-start !important;

        justify-content:flex-start !important;

        transform:translateY(30px) !important;

    }

}


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

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

    .elementor-13 .elementor-element.elementor-element-1d5a318{

        gap:12px !important;

        width:100% !important;

        align-self:flex-start !important;

        justify-content:flex-start !important;

        transform:translateY(45px) !important;

    }


    .elementor-13 .elementor-element.elementor-element-1d5a318 .momna-hero-description{

        max-width:90% !important;

    }

}


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

@media (max-width:767px){

    .elementor-13 .elementor-element.elementor-element-1d5a318{

        width:100% !important;

        gap:16px !important;

        align-self:flex-start !important;

        justify-content:flex-start !important;

        transform:none !important;

    }


    .elementor-13 .elementor-element.elementor-element-1d5a318 .momna-hero-description{

        max-width:100% !important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d37257 *//* =========================================================
   MOMNA SHAHID — PROFESSIONAL SNAPSHOT
   SLOW EDITORIAL HEADING + PHYSICAL CARD INTERACTION
========================================================= */

.elementor-13 .elementor-element.elementor-element-3d37257{
    position:relative;
    overflow:hidden;

    --snap-mouse-x:50%;
    --snap-mouse-y:50%;
}


/* =========================================================
   LABEL
========================================================= */

.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-label{
    opacity:0;
    transform:translateY(18px);

    font-family:"Space Mono",monospace !important;
    font-size:11px !important;
    font-weight:600 !important;
    letter-spacing:2px !important;
    color:#B8FF20 !important;
}

.elementor-13 .elementor-element.elementor-element-3d37257.snapshot-active .snapshot-label{
    animation:
        snapLabelReveal
        .55s
        cubic-bezier(.22,1,.36,1)
        forwards;
}

@keyframes snapLabelReveal{
    from{
        opacity:0;
        transform:translateY(18px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}


/* =========================================================
   HEADING
========================================================= */

.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-heading{
    opacity:0;

    font-family:"Manrope",sans-serif !important;
    font-weight:800 !important;

    font-size:clamp(58px,7vw,108px) !important;
    line-height:.86 !important;
    letter-spacing:-4px !important;

    color:#F5F5F7 !important;
}


/* WORDS */

.elementor-13 .elementor-element.elementor-element-3d37257 .snap-word-1{
    display:block;
    color:#F5F5F7;
}

.elementor-13 .elementor-element.elementor-element-3d37257 .snap-word-2{
    display:block;

    margin-left:7vw;

    font-size:.52em;
    font-weight:500;
    letter-spacing:-2px;

    color:#9895AD;
}

.elementor-13 .elementor-element.elementor-element-3d37257 .snap-word-3{
    display:block;

    margin-left:13vw;

    color:#9B7BFF;
}

.elementor-13 .elementor-element.elementor-element-3d37257 .snap-word-4{
    display:block;

    margin-left:4vw;

    font-size:1.08em;
    letter-spacing:-5px;

    color:#B8FF20;
}


/* =========================================================
   SLOWER HEADING REVEAL
========================================================= */

.elementor-13 .elementor-element.elementor-element-3d37257.snapshot-active .snapshot-heading{
    opacity:1;
}

.elementor-13 .elementor-element.elementor-element-3d37257.snapshot-active .snap-word-1{
    animation:
        snapWordLeft
        .68s
        cubic-bezier(.22,1,.36,1)
        .12s
        both;
}

.elementor-13 .elementor-element.elementor-element-3d37257.snapshot-active .snap-word-2{
    animation:
        snapWordRight
        .62s
        cubic-bezier(.22,1,.36,1)
        .22s
        both;
}

.elementor-13 .elementor-element.elementor-element-3d37257.snapshot-active .snap-word-3{
    animation:
        snapWordLeft
        .66s
        cubic-bezier(.22,1,.36,1)
        .32s
        both;
}

.elementor-13 .elementor-element.elementor-element-3d37257.snapshot-active .snap-word-4{
    animation:
        snapWordBottom
        .70s
        cubic-bezier(.22,1,.36,1)
        .42s
        both;
}


@keyframes snapWordLeft{
    from{
        opacity:0;
        transform:translateX(-55px);
    }

    to{
        opacity:1;
        transform:translateX(0);
    }
}

@keyframes snapWordRight{
    from{
        opacity:0;
        transform:translateX(55px);
    }

    to{
        opacity:1;
        transform:translateX(0);
    }
}

@keyframes snapWordBottom{
    from{
        opacity:0;
        transform:translateY(45px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}


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

.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-description{
    opacity:0;
    transform:translateY(20px);

    max-width:720px;

    font-family:"Inter",sans-serif !important;
    font-size:18px !important;
    line-height:1.7 !important;

    color:#9895AD !important;
}

.elementor-13 .elementor-element.elementor-element-3d37257.snapshot-active .snapshot-description{
    animation:
        snapDescriptionReveal
        .65s
        cubic-bezier(.22,1,.36,1)
        .62s
        forwards;
}

@keyframes snapDescriptionReveal{
    from{
        opacity:0;
        transform:translateY(20px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}


/* =========================================================
   TECHNICAL FIELD
========================================================= */

.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-interface{
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    overflow:hidden;
}


/* GRID */

.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-grid{
    position:absolute;
    inset:0;

    background-image:
        linear-gradient(
            rgba(155,123,255,.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(155,123,255,.035) 1px,
            transparent 1px
        );

    background-size:72px 72px;

    mask-image:
        radial-gradient(
            ellipse at center,
            black 0%,
            rgba(0,0,0,.55) 45%,
            transparent 82%
        );

    opacity:.35;
}


/* MOUSE FIELD */

.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-mouse-light{
    position:absolute;

    left:var(--snap-mouse-x);
    top:var(--snap-mouse-y);

    width:440px;
    height:440px;

    transform:translate(-50%,-50%);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(155,123,255,.10),
            rgba(155,123,255,.035) 32%,
            transparent 70%
        );

    filter:blur(3px);

    opacity:.7;

    transition:
        left .08s linear,
        top .08s linear;
}


/* =========================================================
   NODES
========================================================= */

.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-node{
    position:absolute;

    width:4px;
    height:4px;

    border-radius:50%;

    background:#B8FF20;

    box-shadow:
        0 0 7px rgba(184,255,32,.9),
        0 0 18px rgba(184,255,32,.28);

    opacity:.25;

    animation:
        snapNodePulse
        3.2s
        ease-in-out
        infinite;
}

.elementor-13 .elementor-element.elementor-element-3d37257 .node-1{
    top:16%;
    left:8%;
}

.elementor-13 .elementor-element.elementor-element-3d37257 .node-2{
    top:29%;
    right:10%;
    animation-delay:.5s;
}

.elementor-13 .elementor-element.elementor-element-3d37257 .node-3{
    top:58%;
    left:4%;
    animation-delay:1s;
}

.elementor-13 .elementor-element.elementor-element-3d37257 .node-4{
    top:76%;
    right:7%;
    animation-delay:1.5s;
}

.elementor-13 .elementor-element.elementor-element-3d37257 .node-5{
    top:42%;
    right:29%;
    animation-delay:2s;
}

.elementor-13 .elementor-element.elementor-element-3d37257 .node-6{
    top:87%;
    left:32%;
    animation-delay:2.5s;
}

@keyframes snapNodePulse{
    0%,100%{
        opacity:.10;
        transform:scale(.75);
    }

    50%{
        opacity:.65;
        transform:scale(1.45);
    }
}


/* =========================================================
   CROSSHAIRS
========================================================= */

.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-cross{
    position:absolute;

    width:18px;
    height:18px;

    opacity:.20;
}

.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-cross::before,
.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-cross::after{
    content:"";
    position:absolute;
    background:#9B7BFF;
}

.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-cross::before{
    width:18px;
    height:1px;
    top:9px;
}

.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-cross::after{
    width:1px;
    height:18px;
    left:9px;
}

.elementor-13 .elementor-element.elementor-element-3d37257 .cross-1{
    top:12%;
    right:24%;
}

.elementor-13 .elementor-element.elementor-element-3d37257 .cross-2{
    top:61%;
    left:8%;
}

.elementor-13 .elementor-element.elementor-element-3d37257 .cross-3{
    bottom:10%;
    right:30%;
}


/* =========================================================
   CARDS — BASE
========================================================= */

.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-card{

    --card-rx:0deg;
    --card-ry:0deg;
    --card-mx:50%;
    --card-my:50%;

    position:relative;

    opacity:0;

    min-height:155px;

    border:1px solid #29263A;

    background:
        linear-gradient(
            145deg,
            rgba(35,28,65,.78),
            rgba(12,11,25,.92)
        ) !important;

    overflow:hidden;

    transform-style:preserve-3d;

    will-change:transform,opacity;

    transition:
        border-color .35s ease,
        box-shadow .35s ease;
}


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

.elementor-13 .elementor-element.elementor-element-3d37257.snapshot-active .snapshot-card:nth-child(1){
    animation:
        snapCardLeft
        .75s
        cubic-bezier(.22,1,.36,1)
        .85s
        forwards;
}

.elementor-13 .elementor-element.elementor-element-3d37257.snapshot-active .snapshot-card:nth-child(2){
    animation:
        snapCardCenter
        .70s
        cubic-bezier(.22,1,.36,1)
        .94s
        forwards;
}

.elementor-13 .elementor-element.elementor-element-3d37257.snapshot-active .snapshot-card:nth-child(3){
    animation:
        snapCardRight
        .75s
        cubic-bezier(.22,1,.36,1)
        1.03s
        forwards;
}


@keyframes snapCardLeft{

    from{
        opacity:0;

        transform:
            perspective(1100px)
            translate3d(-80px,25px,0)
            rotateY(5deg)
            scale(.96);
    }

    to{
        opacity:1;

        transform:
            perspective(1100px)
            translate3d(0,0,0)
            rotateY(0)
            scale(1);
    }
}


@keyframes snapCardCenter{

    from{
        opacity:0;

        transform:
            perspective(1100px)
            translate3d(0,-55px,0)
            rotateX(-4deg)
            scale(.96);
    }

    to{
        opacity:1;

        transform:
            perspective(1100px)
            translate3d(0,0,0)
            rotateX(0)
            scale(1);
    }
}


@keyframes snapCardRight{

    from{
        opacity:0;

        transform:
            perspective(1100px)
            translate3d(80px,25px,0)
            rotateY(-5deg)
            scale(.96);
    }

    to{
        opacity:1;

        transform:
            perspective(1100px)
            translate3d(0,0,0)
            rotateY(0)
            scale(1);
    }
}


/* =========================================================
   CARD TOP SIGNAL
========================================================= */

.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-card::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:2px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #9B7BFF,
            #B8FF20,
            #9B7BFF,
            transparent
        );

    opacity:.25;

    transform:scaleX(.15);

    transition:
        transform .5s cubic-bezier(.22,1,.36,1),
        opacity .3s ease;

    z-index:5;
}


/* =========================================================
   CURSOR LIGHT INSIDE CARD
========================================================= */

.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-card::after{

    content:"";

    position:absolute;

    inset:0;

    pointer-events:none;

    background:
        radial-gradient(
            190px circle at
            var(--card-mx)
            var(--card-my),
            rgba(155,123,255,.17),
            transparent 68%
        );

    opacity:0;

    transition:
        opacity .25s ease;

    z-index:1;
}


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

.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-card:hover{

    transform:
        perspective(1100px)
        rotateX(var(--card-rx))
        rotateY(var(--card-ry))
        translate3d(0,-7px,18px)
        scale(1.015);

    border-color:#9B7BFF;

    box-shadow:
        0 24px 55px rgba(0,0,0,.28),
        0 0 30px rgba(155,123,255,.10);
}

.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-card:hover::before{

    transform:scaleX(1);

    opacity:1;
}

.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-card:hover::after{

    opacity:1;
}


/* =========================================================
   CONTENT DEPTH
========================================================= */

.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-card > *{
    position:relative;
    z-index:3;
}


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

.elementor-13 .elementor-element.elementor-element-3d37257 .card-number{

    display:block;

    margin:0 0 16px 0;

    font-family:"Space Mono",monospace !important;

    font-size:10px !important;

    font-weight:400 !important;

    letter-spacing:1.8px !important;

    color:#B8FF20 !important;

    transition:
        transform .35s ease,
        text-shadow .35s ease;
}

.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-card:hover .card-number{

    transform:translateX(5px);

    text-shadow:
        0 0 12px rgba(184,255,32,.45);
}


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

.elementor-13 .elementor-element.elementor-element-3d37257 .card-title{

    margin:0 0 12px 0 !important;

    max-width:290px;

    font-family:"Manrope",sans-serif !important;

    font-size:clamp(24px,2.1vw,32px) !important;

    line-height:.98 !important;

    font-weight:800 !important;

    letter-spacing:-1.4px !important;

    text-transform:uppercase;

    color:#F5F5F7 !important;

    transition:
        color .3s ease,
        transform .35s ease;
}

.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-card:hover .card-title{

    color:#B8FF20 !important;

    transform:translateX(5px);
}


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

.elementor-13 .elementor-element.elementor-element-3d37257 .card-description{

    margin:0;

    max-width:240px;

    font-family:"Space Mono",monospace !important;

    font-size:10px !important;

    line-height:1.65 !important;

    letter-spacing:.35px !important;

    text-transform:uppercase;

    color:#9895AD !important;

    transition:
        color .3s ease,
        transform .35s ease;
}

.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-card:hover .card-description{

    color:#D0CDD9 !important;

    transform:translateX(5px);
}


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

@media(max-width:767px){

    .elementor-13 .elementor-element.elementor-element-3d37257{
        padding-left:24px !important;
        padding-right:24px !important;
    }

    .elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-heading{
        font-size:52px !important;
        letter-spacing:-2.5px !important;
    }

    .elementor-13 .elementor-element.elementor-element-3d37257 .snap-word-2{
        margin-left:18px;
    }

    .elementor-13 .elementor-element.elementor-element-3d37257 .snap-word-3{
        margin-left:45px;
    }

    .elementor-13 .elementor-element.elementor-element-3d37257 .snap-word-4{
        margin-left:12px;
        letter-spacing:-3px;
    }

    .elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-description{
        font-size:16px !important;
    }

    .elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-grid{
        background-size:45px 45px;
        opacity:.20;
    }

    .elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-mouse-light{
        display:none;
    }

    .elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-card{
        min-height:145px;
        transform:none !important;
    }

    .elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-card:hover{
        transform:
            translateY(-5px)
            scale(1.01) !important;
    }

    .elementor-13 .elementor-element.elementor-element-3d37257 .card-title{
        font-size:22px !important;
    }

    .elementor-13 .elementor-element.elementor-element-3d37257 .card-description{
        font-size:9px !important;
    }
}

/* =========================================================
   SNAPSHOT — CARD INTERIOR
========================================================= */

.elementor-13 .elementor-element.elementor-element-3d37257 .card-number{
    display:block;

    margin:0 0 18px 0;

    font-family:"Space Mono",monospace !important;
    font-size:10px !important;
    font-weight:500 !important;

    letter-spacing:2px !important;

    color:#B8FF20 !important;

    text-transform:uppercase;

    transition:
        transform .35s ease,
        text-shadow .35s ease,
        opacity .35s ease;
}


.elementor-13 .elementor-element.elementor-element-3d37257 .card-title{
    margin:0 0 14px 0 !important;

    max-width:300px;

    font-family:"Manrope",sans-serif !important;

    font-size:clamp(25px,2.2vw,34px) !important;

    line-height:.95 !important;

    font-weight:800 !important;

    letter-spacing:-1.5px !important;

    text-transform:uppercase;

    color:#F5F5F7 !important;

    transition:
        color .3s ease,
        transform .35s ease;
}


.elementor-13 .elementor-element.elementor-element-3d37257 .card-description{
    margin:0;

    max-width:250px;

    font-family:"Space Mono",monospace !important;

    font-size:10px !important;

    line-height:1.65 !important;

    font-weight:400 !important;

    letter-spacing:.4px !important;

    text-transform:uppercase;

    color:#9895AD !important;

    transition:
        color .3s ease,
        transform .35s ease;
}


/* HOVER */

.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-card:hover .card-number{
    color:#B8FF20 !important;

    transform:translateX(5px);

    text-shadow:
        0 0 12px rgba(184,255,32,.55);
}


.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-card:hover .card-title{
    color:#B8FF20 !important;

    transform:translateX(5px);
}


.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-card:hover .card-description{
    color:#D8D5E0 !important;

    transform:translateX(5px);
}


/* MOBILE */

@media(max-width:767px){

    .elementor-13 .elementor-element.elementor-element-3d37257 .card-number{
        font-size:9px !important;
        letter-spacing:1.6px !important;
    }

    .elementor-13 .elementor-element.elementor-element-3d37257 .card-title{
        font-size:22px !important;
        letter-spacing:-1px !important;
    }

    .elementor-13 .elementor-element.elementor-element-3d37257 .card-description{
        font-size:9px !important;
    }

}

/* =========================================================
   SNAPSHOT CARDS — FINAL SITE TYPOGRAPHY
========================================================= */

/* NUMBER */
.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-card .card-number{
    font-family:"Space Mono",monospace !important;
    font-size:10px !important;
    font-weight:500 !important;
    line-height:1.2 !important;
    letter-spacing:2px !important;

    color:#B8FF20 !important;

    text-transform:uppercase !important;
}


/* TITLE */
.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-card .card-title,
.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-card .card-title h1,
.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-card .card-title h2,
.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-card .card-title h3,
.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-card .card-title h4,
.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-card .card-title h5,
.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-card .card-title h6{
    font-family:"Manrope",sans-serif !important;

    font-size:clamp(26px,2.4vw,34px) !important;
    font-weight:800 !important;

    line-height:1.02 !important;
    letter-spacing:-1.3px !important;

    color:#F5F5F7 !important;

    text-transform:uppercase !important;

    margin:0 0 14px 0 !important;

    transition:
        color .3s ease,
        transform .35s ease !important;
}


/* TITLE HOVER */
.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-card:hover .card-title,
.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-card:hover .card-title h1,
.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-card:hover .card-title h2,
.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-card:hover .card-title h3,
.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-card:hover .card-title h4,
.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-card:hover .card-title h5,
.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-card:hover .card-title h6{
    color:#B8FF20 !important;
    transform:translateX(5px);
}


/* DESCRIPTION */
.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-card .card-description,
.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-card .card-description p{
    font-family:"Space Mono",monospace !important;

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

    line-height:1.65 !important;
    letter-spacing:.4px !important;

    color:#9895AD !important;

    text-transform:uppercase !important;

    margin:0 !important;

    transition:
        color .3s ease,
        transform .35s ease !important;
}


/* DESCRIPTION HOVER */
.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-card:hover .card-description,
.elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-card:hover .card-description p{
    color:#D0CDD9 !important;
    transform:translateX(5px);
}


/* MOBILE */
@media(max-width:767px){

    .elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-card .card-title,
    .elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-card .card-title h1,
    .elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-card .card-title h2,
    .elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-card .card-title h3,
    .elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-card .card-title h4,
    .elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-card .card-title h5,
    .elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-card .card-title h6{
        font-size:23px !important;
        letter-spacing:-1px !important;
    }

    .elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-card .card-description,
    .elementor-13 .elementor-element.elementor-element-3d37257 .snapshot-card .card-description p{
        font-size:9px !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b2cd0c5 *//* =========================================================
   MOMNA SHAHID — EXPERTISE
   SHOOTING STAR SCROLL SYSTEM
   Scroll-driven CSS animation
========================================================= */


/* =========================================================
   OUTER SECTION
========================================================= */

.elementor-13 .elementor-element.elementor-element-b2cd0c5{
    position:relative !important;
    overflow:hidden !important;
    isolation:isolate;
}


/* =========================================================
   SHOOTING STAR SYSTEM
========================================================= */

.elementor-13 .elementor-element.elementor-element-b2cd0c5::before,
.elementor-13 .elementor-element.elementor-element-b2cd0c5::after{

    content:"";

    position:absolute;

    pointer-events:none;

    z-index:1;

    opacity:0;

    transform-origin:left center;

    will-change:
        transform,
        opacity;
}


/* =========================================================
   MAIN METEOR
========================================================= */

.elementor-13 .elementor-element.elementor-element-b2cd0c5::before{

    width:170px;
    height:2px;

    left:-190px;
    top:18%;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(184,255,32,.05) 30%,
            rgba(184,255,32,.35) 65%,
            #B8FF20 88%,
            #F5F5F7 100%
        );

    box-shadow:
        0 0 5px rgba(184,255,32,.45),
        0 0 12px rgba(184,255,32,.18);

    transform:
        translate3d(0,0,0)
        rotate(23deg);

    animation:
        expertiseMeteorOne
        1s
        linear
        both;

    animation-timeline:view(block);
    animation-range:entry 5% cover 65%;
}


/* =========================================================
   METEOR HEAD
========================================================= */

.elementor-13 .elementor-element.elementor-element-b2cd0c5::before{

    background:

        linear-gradient(
            90deg,
            transparent 0%,
            rgba(184,255,32,.04) 32%,
            rgba(184,255,32,.28) 72%,
            #B8FF20 91%,
            #FFFFFF 100%
        );
}


/* =========================================================
   SECOND METEOR
========================================================= */

.elementor-13 .elementor-element.elementor-element-b2cd0c5::after{

    width:115px;
    height:1px;

    right:-140px;
    top:67%;

    background:
        linear-gradient(
            90deg,
            #FFFFFF 0%,
            #9B7BFF 10%,
            rgba(155,123,255,.25) 48%,
            transparent 100%
        );

    box-shadow:
        0 0 5px rgba(155,123,255,.45),
        0 0 12px rgba(155,123,255,.16);

    transform:
        translate3d(0,0,0)
        rotate(-27deg);

    animation:
        expertiseMeteorTwo
        1s
        linear
        both;

    animation-timeline:view(block);
    animation-range:entry 32% cover 88%;
}


/* =========================================================
   MAIN METEOR MOTION
========================================================= */

@keyframes expertiseMeteorOne{

    0%{

        opacity:0;

        transform:
            translate3d(0,0,0)
            rotate(23deg)
            scaleX(.65);
    }


    12%{

        opacity:1;
    }


    48%{

        opacity:.95;
    }


    78%{

        opacity:.8;
    }


    100%{

        opacity:0;

        transform:
            translate3d(
                calc(100vw + 300px),
                300px,
                0
            )
            rotate(23deg)
            scaleX(1.15);
    }

}


/* =========================================================
   SECOND METEOR MOTION
========================================================= */

@keyframes expertiseMeteorTwo{

    0%{

        opacity:0;

        transform:
            translate3d(0,0,0)
            rotate(-27deg)
            scaleX(.65);
    }


    12%{

        opacity:.9;
    }


    52%{

        opacity:.75;
    }


    100%{

        opacity:0;

        transform:
            translate3d(
                calc(-100vw - 300px),
                -240px,
                0
            )
            rotate(-27deg)
            scaleX(1.1);
    }

}


/* =========================================================
   FALLBACK FOR BROWSERS WITHOUT SCROLL TIMELINE
========================================================= */

@supports not (animation-timeline:view()){

    .elementor-13 .elementor-element.elementor-element-b2cd0c5::before,
    .elementor-13 .elementor-element.elementor-element-b2cd0c5::after{

        animation:none;

        opacity:0;
    }

}


/* =========================================================
   EXPERTISE GRID
========================================================= */

.elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-grid{

    position:relative !important;

    z-index:2 !important;
}


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

.elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card{

    position:relative !important;

    min-height:210px;

    padding:32px !important;

    box-sizing:border-box;

    overflow:hidden;

    isolation:isolate;

    background:
        linear-gradient(
            145deg,
            rgba(35,28,65,.78),
            rgba(12,11,25,.94)
        ) !important;

    border:1px solid #29263A;

    border-radius:2px;

    transition:
        transform .45s cubic-bezier(.22,1,.36,1),
        border-color .35s ease,
        box-shadow .35s ease;
}


/* =========================================================
   CARD TOP SIGNAL
========================================================= */

.elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:2px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #9B7BFF,
            #B8FF20,
            transparent
        );

    opacity:.4;

    transform:scaleX(.12);

    transform-origin:left;

    transition:
        transform .55s cubic-bezier(.22,1,.36,1),
        opacity .35s ease;

    z-index:2;
}


/* =========================================================
   CARD INTERNAL TECH GRID
========================================================= */

.elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card::after{

    content:"";

    position:absolute;

    inset:0;

    pointer-events:none;

    background-image:

        linear-gradient(
            rgba(155,123,255,.035) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(155,123,255,.035) 1px,
            transparent 1px
        );

    background-size:36px 36px;

    mask-image:
        radial-gradient(
            circle at 80% 20%,
            black,
            transparent 65%
        );

    -webkit-mask-image:
        radial-gradient(
            circle at 80% 20%,
            black,
            transparent 65%
        );

    opacity:.45;

    z-index:1;
}


/* =========================================================
   CARD 01 — CLOUD & DEVOPS
========================================================= */

.elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card:nth-child(1)::after{

    background-image:

        linear-gradient(
            rgba(155,123,255,.035) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(155,123,255,.035) 1px,
            transparent 1px
        ),

        linear-gradient(
            135deg,
            transparent 0 63%,
            rgba(184,255,32,.2) 63%,
            rgba(184,255,32,.2) 63.5%,
            transparent 63.5%
        );

    background-size:
        36px 36px,
        36px 36px,
        100% 100%;
}


/* =========================================================
   CARD 02 — KUBERNETES
========================================================= */

.elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card:nth-child(2)::after{

    background-image:

        linear-gradient(
            rgba(155,123,255,.035) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(155,123,255,.035) 1px,
            transparent 1px
        ),

        radial-gradient(
            circle at 82% 42%,
            rgba(155,123,255,.5) 0 2px,
            transparent 3px
        ),

        radial-gradient(
            circle at 90% 54%,
            rgba(184,255,32,.55) 0 2px,
            transparent 3px
        ),

        radial-gradient(
            circle at 76% 61%,
            rgba(155,123,255,.4) 0 2px,
            transparent 3px
        );

    background-size:
        36px 36px,
        36px 36px,
        100% 100%,
        100% 100%,
        100% 100%;
}


/* =========================================================
   CARD 03 — MLOPS
========================================================= */

.elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card:nth-child(3)::after{

    background-image:

        linear-gradient(
            rgba(155,123,255,.035) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(155,123,255,.035) 1px,
            transparent 1px
        ),

        linear-gradient(
            160deg,
            transparent 0 18%,
            rgba(184,255,32,.2) 18%,
            rgba(184,255,32,.2) 18.5%,
            transparent 18.5% 31%,
            rgba(155,123,255,.2) 31%,
            rgba(155,123,255,.2) 31.5%,
            transparent 31.5% 46%,
            rgba(184,255,32,.18) 46%,
            rgba(184,255,32,.18) 46.5%,
            transparent 46.5%
        );

    background-size:
        36px 36px,
        36px 36px,
        100% 100%;
}


/* =========================================================
   CARD 04 — SECURITY
========================================================= */

.elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card:nth-child(4)::after{

    background-image:

        linear-gradient(
            rgba(155,123,255,.035) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(155,123,255,.035) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            transparent 0 48%,
            rgba(184,255,32,.2) 48%,
            rgba(184,255,32,.2) 48.7%,
            transparent 48.7%
        );

    background-size:
        36px 36px,
        36px 36px,
        100% 100%;
}


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

.elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card:hover{

    transform:
        translateY(-8px)
        scale(1.012);

    border-color:#9B7BFF;

    box-shadow:
        0 25px 60px rgba(0,0,0,.28),
        0 0 35px rgba(155,123,255,.08);
}


.elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card:hover::before{

    transform:scaleX(1);

    opacity:1;
}


/* =========================================================
   CONTENT ABOVE VISUALS
========================================================= */

.elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card .elementor-widget{

    position:relative;

    z-index:3;
}


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

.elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card
.elementor-widget-text-editor:first-child{

    position:relative;

    z-index:3;

    font-family:"Space Mono",monospace !important;

    font-size:10px !important;

    font-weight:500 !important;

    letter-spacing:2px !important;

    color:#B8FF20 !important;
}


/* NUMBER MARKER */

.elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card
.elementor-widget-text-editor:first-child::after{

    content:"";

    display:inline-block;

    width:4px;
    height:4px;

    margin-left:9px;

    vertical-align:middle;

    border-radius:50%;

    background:#B8FF20;

    box-shadow:
        0 0 7px rgba(184,255,32,.7);
}


.elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card:nth-child(2)
.elementor-widget-text-editor:first-child::after,
.elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card:nth-child(4)
.elementor-widget-text-editor:first-child::after{

    background:#9B7BFF;

    box-shadow:
        0 0 7px rgba(155,123,255,.7);
}


.elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card:nth-child(3)
.elementor-widget-text-editor:first-child::after{

    width:20px;

    height:1px;

    border-radius:0;

    background:#B8FF20;

    box-shadow:none;
}


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

.elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card h1,
.elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card h2,
.elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card h3,
.elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card h4,
.elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card h5,
.elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card h6{

    margin:0 !important;

    font-family:"Manrope",sans-serif !important;

    font-size:clamp(24px,2.3vw,32px) !important;

    font-weight:800 !important;

    line-height:1 !important;

    letter-spacing:-1.2px !important;

    color:#F5F5F7 !important;

    text-transform:uppercase;

    transition:
        color .3s ease,
        transform .35s ease;
}


.elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card:hover h1,
.elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card:hover h2,
.elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card:hover h3,
.elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card:hover h4,
.elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card:hover h5,
.elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card:hover h6{

    color:#B8FF20 !important;

    transform:translateX(5px);
}


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

.elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card .elementor-widget-text-editor{

    font-family:"Space Mono",monospace !important;

    font-size:10px !important;

    line-height:1.65 !important;

    letter-spacing:.35px !important;

    color:#9895AD !important;
}


/* =========================================================
   TECH LINE
========================================================= */

.elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card
.elementor-widget-text-editor:last-child{

    font-family:"Space Mono",monospace !important;

    font-size:9px !important;

    line-height:1.5 !important;

    letter-spacing:1px !important;

    color:#9B7BFF !important;

    text-transform:uppercase;

    opacity:.8;

    transition:
        color .35s ease,
        opacity .35s ease;
}


.elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card:hover
.elementor-widget-text-editor:last-child{

    color:#B8FF20 !important;

    opacity:1;
}


/* =========================================================
   CARD-SPECIFIC HOVER
========================================================= */

.elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card:nth-child(1):hover,
.elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card:nth-child(3):hover{

    border-color:
        rgba(184,255,32,.5);

    box-shadow:
        0 25px 60px rgba(0,0,0,.28),
        0 0 32px rgba(184,255,32,.06);
}


.elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card:nth-child(2):hover,
.elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card:nth-child(4):hover{

    border-color:
        rgba(155,123,255,.55);

    box-shadow:
        0 25px 60px rgba(0,0,0,.28),
        0 0 32px rgba(155,123,255,.08);
}


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

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

    .elementor-13 .elementor-element.elementor-element-b2cd0c5::before{

        width:125px;
        height:2px;

        top:15%;

        left:-145px;
    }


    .elementor-13 .elementor-element.elementor-element-b2cd0c5::after{

        width:90px;
        height:1px;

        top:68%;

        right:-110px;
    }


    .elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card{

        padding:28px !important;
    }


    .elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card h1,
    .elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card h2,
    .elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card h3,
    .elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card h4,
    .elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card h5,
    .elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card h6{

        font-size:clamp(22px,3vw,30px) !important;
    }

}


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

@media(max-width:767px){

    .elementor-13 .elementor-element.elementor-element-b2cd0c5::before{

        width:110px;
        height:2px;

        left:-125px;

        top:13%;

        transform:
            rotate(20deg);
    }


    .elementor-13 .elementor-element.elementor-element-b2cd0c5::after{

        width:75px;
        height:1px;

        right:-90px;

        top:72%;

        transform:
            rotate(-24deg);
    }


    .elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card{

        min-height:190px;

        padding:25px !important;
    }


    .elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card h1,
    .elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card h2,
    .elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card h3,
    .elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card h4,
    .elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card h5,
    .elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card h6{

        font-size:23px !important;
    }


    .elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card::after{

        background-size:28px 28px;

        opacity:.28;
    }


    .elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card:hover{

        transform:
            translateY(-4px)
            scale(1.005);
    }


    .elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card:hover h1,
    .elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card:hover h2,
    .elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card:hover h3,
    .elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card:hover h4,
    .elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card:hover h5,
    .elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card:hover h6{

        transform:translateX(2px);
    }

}


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

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

    .elementor-13 .elementor-element.elementor-element-b2cd0c5::before,
    .elementor-13 .elementor-element.elementor-element-b2cd0c5::after,
    .elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card::before,
    .elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-card::after{

        animation:none !important;

        transition:none !important;
    }

}

/* =========================================================
   EXPERTISE — SHARP DATA BEAM
========================================================= */

.elementor-13 .elementor-element.elementor-element-b2cd0c5{
    --expertise-beam-progress:0%;
}


/* thin horizontal beam behind the composition */

.elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-grid::before{

    content:"";

    position:absolute;

    left:3%;
    top:52%;

    width:94%;
    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            transparent 8%,
            #29263A 8%,
            #29263A 42%,
            #9B7BFF 48%,
            #B8FF20 50%,
            #9B7BFF 52%,
            #29263A 58%,
            #29263A 92%,
            transparent 92%
        );

    pointer-events:none;

    z-index:0;

    opacity:.75;
}


/* sharp moving beam point */

.elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-grid::after{

    content:"";

    position:absolute;

    left:50%;

    top:calc(52% - 3px);

    width:7px;
    height:7px;

    border-radius:50%;

    background:#F5F5F7;

    box-shadow:
        0 0 5px #F5F5F7,
        0 0 12px #B8FF20;

    pointer-events:none;

    z-index:1;

    transform:
        translateX(-50%);

    animation:
        expertiseBeamPulse
        2.8s
        ease-in-out
        infinite;
}


@keyframes expertiseBeamPulse{

    0%,100%{
        opacity:.35;
        transform:
            translateX(-50%)
            scale(.7);
    }

    50%{
        opacity:1;
        transform:
            translateX(-50%)
            scale(1.15);
    }

}


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

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

    .elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-grid::before{

        left:2%;
        width:96%;
    }

}


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

@media(max-width:767px){

    .elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-grid::before{

        left:8%;
        width:84%;

        top:50%;

        opacity:.5;
    }


    .elementor-13 .elementor-element.elementor-element-b2cd0c5 .expertise-grid::after{

        top:calc(50% - 2px);

        width:5px;
        height:5px;
    }

}/* End custom CSS */