.elementor-28 .elementor-element.elementor-element-64ddb0a7{--display:flex;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--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-28 .elementor-element.elementor-element-1d3910ab{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:45px;}.elementor-28 .elementor-element.elementor-element-1d3910ab.e-con{--flex-grow:0;--flex-shrink:0;}.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-28 .elementor-element.elementor-element-eca159f .elementor-button{background-color:#0C1C4D;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:500;fill:#60A5FA;color:#60A5FA;border-radius:100px 100px 100px 100px;}.elementor-28 .elementor-element.elementor-element-eca159f.elementor-element{--align-self:flex-start;}.elementor-28 .elementor-element.elementor-element-eca159f .elementor-button-content-wrapper{flex-direction:row;}.elementor-28 .elementor-element.elementor-element-eca159f .elementor-button .elementor-button-content-wrapper{gap:8px;}.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-28 .elementor-element.elementor-element-4f1b214f{text-align:start;}.elementor-28 .elementor-element.elementor-element-4f1b214f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:76px;font-weight:700;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-724aa6bf{text-align:justify;}.elementor-28 .elementor-element.elementor-element-724aa6bf .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:28px;font-weight:400;line-height:38px;word-spacing:0px;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-42effc52{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:50px;--margin-bottom:50px;--margin-left:50px;--margin-right:50px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-25834531{padding:0px 0px 0px 0px;}.elementor-28 .elementor-element.elementor-element-25834531.elementor-element{--flex-grow:0;--flex-shrink:0;}body.elementor-page-28:not(.elementor-motion-effects-element-type-background), body.elementor-page-28 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05032B;}@media(max-width:1024px){.elementor-28 .elementor-element.elementor-element-64ddb0a7{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28 .elementor-element.elementor-element-1d3910ab{--margin-top:50px;--margin-bottom:50px;--margin-left:50px;--margin-right:50px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-1d3910ab.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-28 .elementor-element.elementor-element-eca159f .elementor-button{font-size:14px;}.elementor-28 .elementor-element.elementor-element-4f1b214f{text-align:start;}.elementor-28 .elementor-element.elementor-element-4f1b214f .elementor-heading-title{font-size:48px;}.elementor-28 .elementor-element.elementor-element-724aa6bf{text-align:justify;}.elementor-28 .elementor-element.elementor-element-724aa6bf .elementor-heading-title{font-size:15px;word-spacing:0em;}.elementor-28 .elementor-element.elementor-element-42effc52{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:10px;}}@media(max-width:767px){.elementor-28 .elementor-element.elementor-element-64ddb0a7{--min-height:100vh;--justify-content:center;--margin-top:6px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-64ddb0a7.e-con{--align-self:center;}.elementor-28 .elementor-element.elementor-element-1d3910ab{--margin-top:-80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-28 .elementor-element.elementor-element-eca159f.elementor-element{--align-self:center;}.elementor-28 .elementor-element.elementor-element-eca159f .elementor-button{font-size:12px;}.elementor-28 .elementor-element.elementor-element-4f1b214f{text-align:center;}.elementor-28 .elementor-element.elementor-element-4f1b214f .elementor-heading-title{font-size:39px;}.elementor-28 .elementor-element.elementor-element-724aa6bf{margin:0px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;text-align:center;}.elementor-28 .elementor-element.elementor-element-724aa6bf .elementor-heading-title{font-size:15px;line-height:1.6em;}.elementor-28 .elementor-element.elementor-element-42effc52{--margin-top:17px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:14px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-25834531.elementor-element{--align-self:center;}}@media(min-width:768px){.elementor-28 .elementor-element.elementor-element-1d3910ab{--width:40.944%;}.elementor-28 .elementor-element.elementor-element-42effc52{--width:48.047%;}}@media(max-width:1024px) and (min-width:768px){.elementor-28 .elementor-element.elementor-element-1d3910ab{--width:679.445px;}}/* Start custom CSS for heading, class: .elementor-element-4f1b214f */:root{
    --color1: #006BFF;
    --color2: #06C0FF;
    --color3: #00C0FF;
    --angle: 50deg;
    
}

.elementor-28 .elementor-element.elementor-element-4f1b214f h2{
    background: linear-gradient(var(--angle), var(--color1) 30%, var(--color2) 70%, var(--color3) 8%);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-25834531 *//* =========================
   GLOBAL
========================= */

.elementor-28 .elementor-element.elementor-element-25834531{
    width:100%;
    overflow:visible !important;
}

/* =========================
   MAIN WRAPPER
========================= */

.elementor-28 .elementor-element.elementor-element-25834531 .nata-ecosystem{

    position:relative;

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

    aspect-ratio:1/1;

    margin:auto;

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

    overflow:visible;
}

/* =========================
   GLOW
========================= */

.elementor-28 .elementor-element.elementor-element-25834531 .bg-glow{

    position:absolute;

    border-radius:50%;

    filter:blur(100px);
}

.elementor-28 .elementor-element.elementor-element-25834531 .glow1{

    width:35%;
    height:35%;

    background:#00d4ff;

    opacity:.18;
}

.elementor-28 .elementor-element.elementor-element-25834531 .glow2{

    width:65%;
    height:65%;

    background:#004cff;

    opacity:.10;
}

/* =========================
   DIGITAL RING
========================= */

.elementor-28 .elementor-element.elementor-element-25834531 .ring{

    position:absolute;

    border-radius:50%;
}

/* OUTER */

.elementor-28 .elementor-element.elementor-element-25834531 .ring1{

    width:100%;
    height:100%;

    border:
    1px solid rgba(255,255,255,.05);

    border-top:
    1px solid #00d4ff;

    animation:
    spin 18s linear infinite;

    box-shadow:
    0 0 60px rgba(0,212,255,.12),
    inset 0 0 60px rgba(0,212,255,.05);
}

/* MIDDLE */

.elementor-28 .elementor-element.elementor-element-25834531 .ring2{

    width:74%;
    height:74%;

    border:
    1px dashed rgba(0,212,255,.35);

    animation:
    spinReverse 12s linear infinite;
}

/* INNER */

.elementor-28 .elementor-element.elementor-element-25834531 .ring3{

    width:47%;
    height:47%;

    border:
    1px solid rgba(255,255,255,.06);

    border-right:
    2px solid #00d4ff;

    animation:
    spin 8s linear infinite;
}

/* =========================
   CENTER LOGO
========================= */

.elementor-28 .elementor-element.elementor-element-25834531 .center-logo{

    position:absolute;

    width:28%;

    aspect-ratio:1/1;

    border-radius:24px;

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

    z-index:20;

    background:
    rgba(255,255,255,.04);

    border:
    1px solid rgba(255,255,255,.08);

    backdrop-filter:
    blur(20px);

    box-shadow:
    0 0 50px rgba(0,212,255,.12);
}

.elementor-28 .elementor-element.elementor-element-25834531 .center-logo img{

    width:65%;

    object-fit:contain;

    max-width:100%;

    height:auto;

    filter:
    drop-shadow(0 0 20px rgba(0,212,255,.4));
}

/* =========================
   DIGITAL CONNECTOR
========================= */

.elementor-28 .elementor-element.elementor-element-25834531 .connector{

    position:absolute;

    background:
    linear-gradient(
        90deg,
        rgba(0,212,255,0),
        rgba(0,212,255,.8),
        rgba(255,255,255,.8),
        rgba(0,212,255,.8),
        rgba(0,212,255,0)
    );

    z-index:5;

    opacity:.9;

    overflow:hidden;

    border-radius:20px;

    box-shadow:
    0 0 12px rgba(0,212,255,.4);
}

/* FLOW */

.elementor-28 .elementor-element.elementor-element-25834531 .connector:before{

    content:'';

    position:absolute;

    width:40px;
    height:100%;

    background:
    linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.9),
        transparent
    );

    animation:
    flow 2s linear infinite;
}

/* TOP */

.elementor-28 .elementor-element.elementor-element-25834531 .connector-top{

    width:2px;
    height:12%;

    top:18%;
}

/* RIGHT */

.elementor-28 .elementor-element.elementor-element-25834531 .connector-right{

    width:12%;
    height:2px;

    right:18%;
}

/* BOTTOM */

.elementor-28 .elementor-element.elementor-element-25834531 .connector-bottom{

    width:2px;
    height:12%;

    bottom:18%;
}

/* LEFT */

.elementor-28 .elementor-element.elementor-element-25834531 .connector-left{

    width:12%;
    height:2px;

    left:18%;
}

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

.elementor-28 .elementor-element.elementor-element-25834531 .orbit{

    position:absolute;

    width:24%;
    height:12%;

    max-width:180px;

    border-radius:18px;

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

    z-index:30;

    background:
    rgba(255,255,255,.05);

    border:
    1px solid rgba(255,255,255,.08);

    backdrop-filter:
    blur(20px);

    text-decoration:none;

    transition:.35s ease;

    overflow:hidden;

    box-shadow:
    0 10px 30px rgba(0,0,0,.25);

    animation:
    floating 4s ease-in-out infinite;
}

/* FLOAT DELAY */

.elementor-28 .elementor-element.elementor-element-25834531 .orbit1{
    animation-delay:0s;
}

.elementor-28 .elementor-element.elementor-element-25834531 .orbit2{
    animation-delay:1s;
}

.elementor-28 .elementor-element.elementor-element-25834531 .orbit3{
    animation-delay:2s;
}

.elementor-28 .elementor-element.elementor-element-25834531 .orbit4{
    animation-delay:3s;
}

/* LOGO */

.elementor-28 .elementor-element.elementor-element-25834531 .orbit img{

    width:75%;

    max-width:100%;

    height:auto;

    object-fit:contain;

    transition:.35s;
}

/* HOVER */

.elementor-28 .elementor-element.elementor-element-25834531 .orbit:hover{

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

    border:
    1px solid rgba(0,212,255,.45);

    box-shadow:
    0 0 35px rgba(0,212,255,.22);
}

.elementor-28 .elementor-element.elementor-element-25834531 .orbit:hover img{
    transform:scale(1.04);
}

/* SHINE */

.elementor-28 .elementor-element.elementor-element-25834531 .orbit:before{

    content:'';

    position:absolute;

    width:100%;
    height:100%;

    background:
    linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.12),
        transparent
    );

    transform:translateX(-120%);

    transition:.7s;
}

.elementor-28 .elementor-element.elementor-element-25834531 .orbit:hover:before{
    transform:translateX(120%);
}

/* =========================
   POSITION
========================= */

/* TOP */

.elementor-28 .elementor-element.elementor-element-25834531 .orbit1{

    top:4%;
    left:50%;

    transform:
    translateX(-50%);
}

/* RIGHT */

.elementor-28 .elementor-element.elementor-element-25834531 .orbit2{

    right:2%;
    top:50%;

    transform:
    translateY(-50%);
}

/* BOTTOM */

.elementor-28 .elementor-element.elementor-element-25834531 .orbit3{

    bottom:4%;
    left:50%;

    transform:
    translateX(-50%);
}

/* LEFT */

.elementor-28 .elementor-element.elementor-element-25834531 .orbit4{

    left:2%;
    top:50%;

    transform:
    translateY(-50%);
}

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

@keyframes spin{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }
}

@keyframes spinReverse{

    from{
        transform:rotate(360deg);
    }

    to{
        transform:rotate(0deg);
    }
}

@keyframes floating{

    0%{
        translate:0 0;
    }

    50%{
        translate:0 -8px;
    }

    100%{
        translate:0 0;
    }
}

@keyframes flow{

    from{
        transform:translateX(-60px);
    }

    to{
        transform:translateX(160px);
    }
}

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

@media(max-width:1024px){

.elementor-28 .elementor-element.elementor-element-25834531 .nata-ecosystem{

    max-width:560px;
}

/* BUTTON */

.elementor-28 .elementor-element.elementor-element-25834531 .orbit{

    width:26%;
    height:12%;
}

/* CENTER */

.elementor-28 .elementor-element.elementor-element-25834531 .center-logo{

    width:30%;
}

}

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

@media(max-width:767px){

.elementor-28 .elementor-element.elementor-element-25834531 .nata-ecosystem{

    width:100%;

    max-width:340px;

    transform:scale(.95);
}

/* GLOW */

.elementor-28 .elementor-element.elementor-element-25834531 .glow1{
    width:160px;
    height:160px;
}

.elementor-28 .elementor-element.elementor-element-25834531 .glow2{
    width:260px;
    height:260px;
}

/* CENTER */

.elementor-28 .elementor-element.elementor-element-25834531 .center-logo{

    width:30%;

    border-radius:18px;

    backdrop-filter:
    blur(14px);
}

.elementor-28 .elementor-element.elementor-element-25834531 .center-logo img{
    width:60%;
}

/* BUTTON */

.elementor-28 .elementor-element.elementor-element-25834531 .orbit{

    width:30%;
    height:13%;

    max-width:100px;

    border-radius:14px;

    backdrop-filter:
    blur(12px);

    box-shadow:
    0 5px 18px rgba(0,0,0,.22);
}

/* IMAGE */

.elementor-28 .elementor-element.elementor-element-25834531 .orbit img{
    width:78%;
}

/* POSITION */

.elementor-28 .elementor-element.elementor-element-25834531 .orbit1{
    top:0%;
}

.elementor-28 .elementor-element.elementor-element-25834531 .orbit2{
    right:-2%;
}

.elementor-28 .elementor-element.elementor-element-25834531 .orbit3{
    bottom:0%;
}

.elementor-28 .elementor-element.elementor-element-25834531 .orbit4{
    left:-2%;
}

/* CONNECTOR */

.elementor-28 .elementor-element.elementor-element-25834531 .connector-top,
.elementor-28 .elementor-element.elementor-element-25834531 .connector-bottom{

    height:10%;
}

.elementor-28 .elementor-element.elementor-element-25834531 .connector-left,
.elementor-28 .elementor-element.elementor-element-25834531 .connector-right{

    width:10%;
}

}

/* =========================
   EXTRA SMALL DEVICE
========================= */

@media(max-width:480px){

.elementor-28 .elementor-element.elementor-element-25834531 .nata-ecosystem{

    max-width:300px;
}

/* BUTTON */

.elementor-28 .elementor-element.elementor-element-25834531 .orbit{

    width:32%;
    height:13%;
}

/* CENTER */

.elementor-28 .elementor-element.elementor-element-25834531 .center-logo{

    width:32%;
}

}

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

@media(min-width:1200px){

/* MAIN */

.elementor-28 .elementor-element.elementor-element-25834531 .nata-ecosystem{

    max-width:980px;
}

/* OUTER RING */

.elementor-28 .elementor-element.elementor-element-25834531 .ring1{

    width:100%;
    height:100%;
}

/* MIDDLE */

.elementor-28 .elementor-element.elementor-element-25834531 .ring2{

    width:76%;
    height:76%;
}

/* INNER */

.elementor-28 .elementor-element.elementor-element-25834531 .ring3{

    width:50%;
    height:50%;
}

/* CENTER LOGO */

.elementor-28 .elementor-element.elementor-element-25834531 .center-logo{

    width:32%;

    border-radius:30px;
}

/* CENTER IMAGE */

.elementor-28 .elementor-element.elementor-element-25834531 .center-logo img{

    width:72%;
}

/* BUTTON */

.elementor-28 .elementor-element.elementor-element-25834531 .orbit{

    width:35%;
    height:11%;

    max-width:220px;

    border-radius:10px;
}

/* BUTTON IMAGE */

.elementor-28 .elementor-element.elementor-element-25834531 .orbit img{

    width:90%;
}

/* POSITION */

.elementor-28 .elementor-element.elementor-element-25834531 .orbit1{

    top:2%;
}

.elementor-28 .elementor-element.elementor-element-25834531 .orbit2{

    right:0%;
}

.elementor-28 .elementor-element.elementor-element-25834531 .orbit3{

    bottom:2%;
}

.elementor-28 .elementor-element.elementor-element-25834531 .orbit4{

    left:0%;
}

}

.elementor-28 .elementor-element.elementor-element-25834531 .nata-ecosystem{

    scale:1.08;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64ddb0a7 *//* =========================
   MAIN STARS BACKGROUND
========================= */

.nata-stars-bg{

    position:relative;

    overflow:hidden;
}

/* STAR LAYER 1 */

.nata-stars-bg:before{

    content:'';

    position:absolute;

    inset:0;

    z-index:0;

    pointer-events:none;

    opacity:.45;

    background-image:

    radial-gradient(circle, rgba(255,255,255,.95) 1px, transparent 1px),
    radial-gradient(circle, rgba(0,212,255,.8) 1px, transparent 1px),
    radial-gradient(circle, rgba(255,255,255,.5) 2px, transparent 2px);

    background-size:
    180px 180px,
    260px 260px,
    340px 340px;

    background-position:
    0 0,
    40px 60px,
    120px 180px;

    animation:
    starMove 30s linear infinite;
}

/* STAR LAYER 2 */

.nata-stars-bg:after{

    content:'';

    position:absolute;

    inset:0;

    z-index:0;

    pointer-events:none;

    opacity:.18;

    background-image:

    radial-gradient(circle, rgba(255,255,255,.9) 1px, transparent 1px),
    radial-gradient(circle, rgba(0,212,255,.6) 1px, transparent 1px);

    background-size:
    240px 240px,
    320px 320px;

    background-position:
    60px 90px,
    180px 120px;

    animation:
    twinkleStars 6s ease-in-out infinite;
}

/* CONTENT ABOVE */

.nata-stars-bg > *{

    position:relative;

    z-index:2;
}

/* FLOAT */

@keyframes starMove{

    from{
        transform:translateY(0px);
    }

    to{
        transform:translateY(-40px);
    }
}

/* TWINKLE */

@keyframes twinkleStars{

    0%{
        opacity:.1;
    }

    50%{
        opacity:.35;
    }

    100%{
        opacity:.1;
    }
}/* End custom CSS */