.elementor-kit-6{--e-global-color-primary:#16D9FF;--e-global-color-secondary:#0A84FF;--e-global-color-text:#7A7A7A;--e-global-color-accent:#0057FF;--e-global-color-c8a220a:#050B18;--e-global-color-30299b7:#94A3B8;--e-global-typography-primary-font-family:"Sora";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#050814;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:transparent;font-family:"Fragment Mono", Sans-serif;font-size:16px;font-weight:600;background-image:linear-gradient(135deg, #16D9FF 0%, #0057FF 100%);box-shadow:0px 10px 30px 0px rgba(22.000000000000007, 217.00000000000017, 255, 0.25);border-radius:10px 10px 10px 10px;padding:14px 28px 14px 28px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{box-shadow:0px 15px 40px 0px rgba(22.000000000000007, 217.00000000000017, 255, 0.35);}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */body{
    background:#050814;
    color:#fff;
}

body:before{
    content:'';
    position:fixed;
    inset:0;
    background-image:
        linear-gradient(rgba(22,217,255,.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(22,217,255,.03) 1px, transparent 1px);
    background-size:50px 50px;
    pointer-events:none;
    z-index:-1;
}


.nexo-card{
    position:relative;
    overflow:hidden;

    background:#0B1220;

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

    border-radius:28px;

    padding:40px;

    transition:all .4s ease;

    z-index:1;
}

.nexo-card:before{

    content:'';

    position:absolute;

    top:-100px;
    right:-100px;

    width:220px;
    height:220px;

    background:
    radial-gradient(
        circle,
        rgba(22,217,255,.15),
        transparent 70%
    );

    opacity:0;

    transition:.4s ease;

    z-index:-1;
}

.nexo-card:hover{

    transform:translateY(-8px);

    border-color:
    rgba(22,217,255,.25);

    box-shadow:
    0 15px 40px rgba(0,0,0,.4),
    0 0 40px rgba(22,217,255,.08);
}


.nexo-heading-top {
    display:inline-flex;
    align-items:center;

    padding:5px 15px;

    border-radius:999px;

    background:
    rgba(22,217,255,.08);

    border:
    1px solid rgba(22,217,255,.15);

    color:#16D9FF;
}

/* ==========================
   NEXO TIMELINE
========================== */

.nexo-timeline{
    position:relative;
    max-width:1200px;
    margin:auto;
    padding:60px 0;
}

.timeline-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:30px;
    position:relative;
    z-index:2;
}

/* dashed line */

.timeline-line{
    position:absolute;
    top:105px;
    left:5%;
    right:5%;
    border-top:2px dashed rgba(22,217,255,.25);
    z-index:1;
}

/* item */

.timeline-item{
    text-align:center;
    position:relative;
}

/* step */

.timeline-step{
    color:#16D9FF;
    font-family:"Fragment Mono", "monospace";
    font-size:16px;
    font-weight:400;
    margin-bottom:28px;
}

/* icon circle */

.timeline-icon{
    width:66px;
    height:66px;

    margin:0 auto 30px;

    border-radius:50%;

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

    font-size:36px;

    color:#16D9FF;

    background:
    radial-gradient(
        circle,
        rgba(22,217,255,.08),
        rgba(22,217,255,.03)
    );

    border:2px solid rgba(22,217,255,.35);

    backdrop-filter:blur(10px);

    transition:.4s ease;
}

.timeline-item:hover .timeline-icon{

    transform:translateY(-6px);

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

/* title */

.timeline-item h3{
    font-family:"Fragment Mono", monospace;
    font-style:normal;
    font-weight:700;
    font-size:18px;
    line-height:27px;
    color:#FFFFFF;
    margin:0 0 16px;
}

/* description */

.timeline-item p{
    font-family:'Inter',sans-serif;
    font-size:14px;
    line-height:1.8;
    color:#94A3B8;
    margin:0;
}
/* ==========================
   TABLET
========================== */

@media(max-width:1024px){

    .timeline-grid{
        grid-template-columns:repeat(2,1fr);
        row-gap:60px;
    }

    .timeline-line{
        display:none;
    }

    .timeline-item h3{
        font-size:22px;
    }
}

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

@media(max-width:767px){

    .timeline-grid{
        grid-template-columns:1fr;
        gap:50px;
    }

    .timeline-icon{
        width:40px;
        height:40px;
        font-size:18px;
    }

    .timeline-step{
        font-size:12px;
    }

    .timeline-item h3{
        font-size:18px;
    }

    .timeline-item p{
        font-size:12px;
    }
}


/* +++ Footer CSS +++ */

.nexo-footer{
    position:relative;
    background:#050814;
}

/* Top Border */

.nexo-footer::before{

    content:'';

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:1px;

    background:#16D9FF;

    box-shadow:
        0 0 8px rgba(22,217,255,.5),
        0 0 20px rgba(22,217,255,.25);

    opacity:0.2;
}/* End custom CSS */