.elementor-27 .elementor-element.elementor-element-e8a46fe{--display:flex;--min-height:100vh;--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;--overflow:hidden;--background-transition:0.3s;--overlay-opacity:0.6;}.elementor-27 .elementor-element.elementor-element-e8a46fe:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-e8a46fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor2 );}.elementor-27 .elementor-element.elementor-element-e8a46fe:hover{background-color:var( --e-global-color-astglobalcolor2 );}.elementor-27 .elementor-element.elementor-element-e8a46fe::before, .elementor-27 .elementor-element.elementor-element-e8a46fe > .elementor-background-video-container::before, .elementor-27 .elementor-element.elementor-element-e8a46fe > .e-con-inner > .elementor-background-video-container::before, .elementor-27 .elementor-element.elementor-element-e8a46fe > .elementor-background-slideshow::before, .elementor-27 .elementor-element.elementor-element-e8a46fe > .e-con-inner > .elementor-background-slideshow::before, .elementor-27 .elementor-element.elementor-element-e8a46fe > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, var( --e-global-color-astglobalcolor2 ) 0%, var( --e-global-color-astglobalcolor2 ) 100%);}.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-27 .elementor-element.elementor-element-d862dcf .elementor-button{background-color:#61CE7000;font-family:"Roboto", Sans-serif;font-size:19px;font-weight:500;}.elementor-27 .elementor-element.elementor-element-d862dcf.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-27 .elementor-element.elementor-element-d862dcf{top:80px;}.elementor-27 .elementor-element.elementor-element-d862dcf .elementor-button-content-wrapper{flex-direction:row;}.elementor-27 .elementor-element.elementor-element-166ce35{--display:flex;--position:fixed;--min-height:100vh;--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:center;top:0px;--z-index:20;}body:not(.rtl) .elementor-27 .elementor-element.elementor-element-166ce35{left:0px;}body.rtl .elementor-27 .elementor-element.elementor-element-166ce35{right:0px;}.elementor-27 .elementor-element.elementor-element-fe89d30{--display:flex;--min-height:247px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-27 .elementor-element.elementor-element-fe89d30.e-con{--align-self:center;--order:-99999 /* order start hack */;}.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-27 .elementor-element.elementor-element-18d7a11{text-align:center;}.elementor-27 .elementor-element.elementor-element-18d7a11 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#000000;}.elementor-27 .elementor-element.elementor-element-24a084e .elementor-button{background-color:#61CE7000;fill:#000000;color:#000000;}.elementor-27 .elementor-element.elementor-element-6d73f57 .elementor-button{background-color:#61CE7000;}.elementor-27 .elementor-element.elementor-element-da65923{--display:flex;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-27 .elementor-element.elementor-element-da65923:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-da65923 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-27 .elementor-element.elementor-element-fe89d30{--width:620px;}}@media(max-width:767px){.elementor-27 .elementor-element.elementor-element-e8a46fe{--min-height:100vh;}}/* Start custom CSS for button, class: .elementor-element-d862dcf */.elementor-27 .elementor-element.elementor-element-d862dcf{

    animation: floatArrow 2s ease-in-out infinite;

    opacity:0.8;

}

.elementor-27 .elementor-element.elementor-element-d862dcf:hover{

    transform:translateY(-4px);

    opacity:1;

}

@keyframes floatArrow{

    0%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(8px);
    }

    100%{
        transform:translateY(0);
    }

}

.elementor-27 .elementor-element.elementor-element-d862dcf{

    background:
    linear-gradient(
        135deg,
        rgba(255,255,255,0.20),
        rgba(255,255,255,0.10)
    ) !important;

    backdrop-filter:
    blur(12px)
    saturate(180%);

    -webkit-backdrop-filter:
    blur(12px)
    saturate(180%);

    border:
    1px solid rgba(255,255,255,0.20);

    border-radius:999px;

    box-shadow:
    0 4px 20px rgba(0,0,0,0.10);

    transition:all 0.35s ease;

}

.elementor-27 .elementor-element.elementor-element-d862dcf{
    transform:translateX(-50%);
}

@media(max-width:768px){

    .scroll-btn{

        width:80vw !important;

        max-width:340px !important;

        font-size:12px !important;

    }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-24a084e */.elementor-27 .elementor-element.elementor-element-24a084e{

    background:
    linear-gradient(
        135deg,
        rgba(255,255,255,0.18),
        rgba(255,255,255,0.08)
    ) !important;

    backdrop-filter:
    blur(12px)
    saturate(180%);

    -webkit-backdrop-filter:
    blur(12px)
    saturate(180%);

    border:
    1px solid rgba(255,255,255,0.22);

    border-radius:999px;

    box-shadow:
    0 4px 20px rgba(0,0,0,0.10);

    transition:all 0.35s ease;

}

/* BUTTON TEXT */

.elementor-27 .elementor-element.elementor-element-24a084e .elementor-button-text{

    color:#000000;

    font-weight:600;

    letter-spacing:0.3px;

}

/* HOVER */

.elementor-27 .elementor-element.elementor-element-24a084e:hover{

    transform:
    translateY(-2px);

    background:
    linear-gradient(
        135deg,
        rgba(255,255,255,0.24),
        rgba(255,255,255,0.10)
    ) !important;

    box-shadow:
    0 8px 28px rgba(0,0,0,0.14);

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6d73f57 */.elementor-27 .elementor-element.elementor-element-6d73f57{

    background:
    linear-gradient(
        135deg,
        rgba(255,255,255,0.18),
        rgba(255,255,255,0.08)
    ) !important;

    backdrop-filter:
    blur(12px)
    saturate(180%);

    -webkit-backdrop-filter:
    blur(12px)
    saturate(180%);

    border:
    1px solid rgba(255,255,255,0.22);

    border-radius:999px;

    box-shadow:
    0 4px 20px rgba(0,0,0,0.10);

    transition:all 0.35s ease;

}

/* BUTTON TEXT */

.elementor-27 .elementor-element.elementor-element-6d73f57 .elementor-button-text{

    color:#000000;

    font-weight:600;

    letter-spacing:0.3px;

}

/* HOVER */

.elementor-27 .elementor-element.elementor-element-6d73f57:hover{

    transform:
    translateY(-2px);

    background:
    linear-gradient(
        135deg,
        rgba(255,255,255,0.24),
        rgba(255,255,255,0.10)
    ) !important;

    box-shadow:
    0 8px 28px rgba(0,0,0,0.14);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe89d30 */.elementor-27 .elementor-element.elementor-element-fe89d30{

    position:absolute;

    top:70%;
    left:350px;

    transform:
    translateY(-50%);

    width:660px;

    min-height:260px;

    padding:50px 45px;

    border-radius:36px;

    overflow:hidden;

    z-index:20;

    /* GLASS */

    background:
    linear-gradient(
        135deg,
        rgba(255,255,255,0.10),
        rgba(255,255,255,0.04)
    );

    backdrop-filter:
    blur(8px)
    saturate(180%);

    -webkit-backdrop-filter:
    blur(8px)
    saturate(180%);

    border:
    1px solid rgba(255,255,255,0.10);

    box-shadow:
    0 10px 40px rgba(0,0,0,0.16);

    opacity:0;

    transition:
    opacity 1s ease,
    transform 1s ease,
    box-shadow 0.4s ease;

}


/* ========================= */
/* SHOW PANEL */
/* ========================= */

.elementor-27 .elementor-element.elementor-element-fe89d30.show-panel{

    opacity:1;

}


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

.elementor-27 .elementor-element.elementor-element-fe89d30:hover{

    box-shadow:
    0 20px 60px rgba(0,0,0,0.20);

    border-color:
    rgba(120,255,245,0.25);

}


/* ========================= */
/* SOFT TOP LIGHT */
/* ========================= */

.elementor-27 .elementor-element.elementor-element-fe89d30::before{

    content:"";

    position:absolute;

    inset:0;

    border-radius:36px;

    background:
    linear-gradient(
        180deg,
        rgba(255,255,255,0.10),
        rgba(255,255,255,0.01)
    );

    opacity:0.08;

    pointer-events:none;

}


/* ========================= */
/* GLOWING BORDER */
/* ========================= */

.elementor-27 .elementor-element.elementor-element-fe89d30::after{

    content:"";

    position:absolute;

    inset:0;

    border-radius:36px;

    padding:1.5px;

   background:
linear-gradient(
    130deg,
    rgba(120,255,245,0),
    rgba(95,240,255,0.85),
    rgba(120,255,245,0)
);

    background-size:
    250% 250%;

    animation:
    borderGlow 5s linear infinite;

    -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;

    mask-composite:exclude;

    pointer-events:none;

    opacity:0.9;

}


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

@keyframes borderGlow{

    0%{

        background-position:
        0% 50%;

    }

    100%{

        background-position:
        200% 50%;

    }

}


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


@media(max-width:768px){

    .scroll-video-section{

        overflow:hidden;

    }

    #scrollVideo{

        position:absolute;

        top:50%;

        left:50%;

        width:100%;

        height:100%;

        object-fit:contain !important;

        transform:
        translateX(-50%,-50%)
        scale(0.82);

        transform-origin:center center;

        background:#dfe3e6;
       

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8a46fe */.hero-wrapper{
    position:relative;
}
.hero-wrapper{
    overflow:hidden;
}/* End custom CSS */