/* =====================================================================
   ELITE IT V10
   DESIGN ALIGNMENT BASED ON APPROVED HOME BANNER
   ===================================================================== */

:root{

    --elite10-navy:#071b49;
    --elite10-navy2:#102d63;

    --elite10-blue:#176cff;
    --elite10-blue2:#288dff;
    --elite10-sky:#29b9f2;

    --elite10-indigo:#5266f3;
    --elite10-lavender:#8268f5;

    --elite10-text:#10213d;
    --elite10-muted:#60718c;

    --elite10-white:#ffffff;
    --elite10-soft:#f5f8ff;
    --elite10-soft2:#f1efff;

    --elite10-border:#dce6f5;

    --elite10-grad:
        linear-gradient(
            100deg,
            #1672ff 0%,
            #327fee 48%,
            #6f56ed 100%
        );

    --elite10-grad-soft:
        linear-gradient(
            110deg,
            #eef5ff 0%,
            #ffffff 48%,
            #f3efff 100%
        );

    --elite10-dark-grad:
        linear-gradient(
            135deg,
            #071b49 0%,
            #103773 60%,
            #283784 100%
        );

    --elite10-shadow:
        0 18px 48px rgba(22,58,119,.10);

    --elite10-shadow-hover:
        0 26px 65px rgba(22,58,119,.16);

    --elite10-radius:20px;
    --elite10-radius-lg:28px;

    --elite10-container:1280px;

}


/* =====================================================================
   GLOBAL RESET / ALIGNMENT
   ===================================================================== */

html{
    scroll-behavior:smooth;
}

body{
    margin:0 !important;
    color:var(--elite10-text) !important;
    background:#fff !important;
    font-family:
        Inter,
        "Segoe UI",
        Arial,
        sans-serif !important;
    font-size:16px;
    line-height:1.65;
}


.ev-wrap,
.eh-wrap,
.elite-container{

    width:min(
        var(--elite10-container),
        calc(100% - 48px)
    ) !important;

    max-width:var(--elite10-container) !important;

    margin-left:auto !important;
    margin-right:auto !important;

}


section{

    position:relative;

}


img{

    max-width:100%;
}


/* =====================================================================
   HEADER / MENU
   ===================================================================== */

.elite-topbar,
.ev-top,
.eh-top{

    background:var(--elite10-navy) !important;

    color:#fff !important;

}


.elite-header,
.ev-nav,
.eh-nav{

    background:rgba(255,255,255,.96) !important;

    border-bottom:
        1px solid
        rgba(14,52,113,.08) !important;

    box-shadow:
        0 7px 25px
        rgba(16,45,91,.04) !important;

}


.elite-header-inner,
.ev-nav-in,
.eh-nav-in{

    max-width:var(--elite10-container) !important;

    margin:auto !important;

}


.elite-nav a,
.ev-menu a,
.eh-menu a{

    color:var(--elite10-navy) !important;

    font-weight:750 !important;

}


.elite-nav a:hover,
.ev-menu a:hover,
.eh-menu a:hover{

    color:var(--elite10-blue) !important;

}


/* =====================================================================
   BUTTONS
   ===================================================================== */

.elite-main-btn,
.ev-primary,
.eh-primary,
.eh-btn.eh-primary,
.ev-btn.ev-primary{

    color:#fff !important;

    background:var(--elite10-grad) !important;

    border:none !important;

    box-shadow:
        0 13px 30px
        rgba(35,100,235,.22) !important;

}


.elite-secondary-btn,
.ev-secondary,
.eh-light{

    color:var(--elite10-navy) !important;

    background:#fff !important;

    border:
        1px solid
        var(--elite10-border) !important;

}


.elite-main-btn,
.elite-secondary-btn,
.ev-btn,
.eh-btn{

    border-radius:14px !important;

    min-height:50px !important;

    font-weight:800 !important;

}


.elite-main-btn:hover,
.elite-secondary-btn:hover,
.ev-btn:hover,
.eh-btn:hover{

    transform:translateY(-2px);

}


/* =====================================================================
   HOME HERO
   ===================================================================== */

.elite-home-hero,
.ev-hero,
.eh-hero{

    background:
        radial-gradient(
            circle at 6% 16%,
            rgba(30,126,255,.16),
            transparent 30%
        ),
        radial-gradient(
            circle at 90% 76%,
            rgba(116,86,240,.16),
            transparent 30%
        ),
        var(--elite10-grad-soft) !important;

}


.elite-home-hero-grid,
.ev-hero-in,
.eh-hero-in{

    max-width:var(--elite10-container) !important;

    margin:auto !important;

}


.elite-home-title,
.ev-hero h1,
.eh-hero h1{

    color:var(--elite10-navy) !important;

    font-weight:900 !important;

}


.elite-home-title .accent,
.ev-gradient,
.eh-gradient{

    background:
        linear-gradient(
            90deg,
            var(--elite10-sky),
            var(--elite10-blue)
        ) !important;

    color:transparent !important;

    -webkit-background-clip:text !important;

    background-clip:text !important;

}


.elite-home-text,
.ev-lead,
.eh-hero-copy{

    color:#526783 !important;

}


.elite-chip,
.ev-chip,
.eh-chip{

    background:
        rgba(255,255,255,.92) !important;

    border:
        1px solid
        var(--elite10-border) !important;

    color:var(--elite10-navy) !important;

    box-shadow:
        0 8px 24px
        rgba(27,66,125,.06) !important;

}


/* =====================================================================
   SECTION MASTER ALIGNMENT
   ===================================================================== */

.e8-section,
.ev-section,
.eh-section{

    padding-top:92px !important;
    padding-bottom:92px !important;

}


.e8-soft,
.ev-section-soft,
.eh-soft{

    background:
        var(--elite10-grad-soft) !important;

}


.e8-dark,
.ev-section-dark,
.eh-dark{

    background:
        var(--elite10-dark-grad) !important;

}


.e8-gradient,
.eh-gradient-section{

    background:
        var(--elite10-dark-grad) !important;

}


/* =====================================================================
   TITLES
   ===================================================================== */

.e8-title,
.eh-section-title,
.ev-section h2{

    color:var(--elite10-navy) !important;

    font-size:
        clamp(
            36px,
            3.5vw,
            54px
        ) !important;

    line-height:1.04 !important;

    letter-spacing:-2px !important;

    font-weight:900 !important;

}


.e8-sub,
.eh-section-sub,
.ev-intro{

    color:var(--elite10-muted) !important;

    font-size:16px !important;

    line-height:1.75 !important;

}


.e8-dark .e8-title,
.e8-gradient .e8-title,
.eh-dark .eh-section-title,
.eh-gradient-section .eh-section-title,
.ev-section-dark h2{

    color:#fff !important;

}


.e8-dark .e8-sub,
.e8-gradient .e8-sub,
.eh-dark .eh-section-sub,
.eh-gradient-section .eh-section-sub,
.ev-section-dark .ev-intro{

    color:#d7e4f6 !important;

}


/* =====================================================================
   QUICK ACTIONS
   ===================================================================== */

.e8-quick,
.elite-quick-actions,
.eh-quick{

    background:#f7f9fe !important;

}


.e8-quick-grid,
.elite-quick-grid,
.eh-quick-grid{

    align-items:stretch !important;

}


.e8-quick-card,
.elite-q-card,
.eh-quick-card{

    border:
        1px solid
        var(--elite10-border) !important;

    border-radius:
        var(--elite10-radius) !important;

    background:#fff !important;

    box-shadow:
        var(--elite10-shadow) !important;

}


.e8-icon,
.elite-q-icon,
.eh-quick-icon{

    background:
        var(--elite10-grad) !important;

}


/* REMOVE OLD RANDOM GREEN / ORANGE / PURPLE BUTTON COLORS */

.e8-quick-card a,
.elite-q-card a,
.eh-quick-card a{

    background:
        var(--elite10-grad) !important;

    color:#fff !important;

}


/* =====================================================================
   ABOUT / MISSION / STATS
   ===================================================================== */

.e8-about-main,
.e8-mission-card,
.e8-stat,
.eh-about-box,
.eh-mission-card,
.eh-stat{

    border:
        1px solid
        var(--elite10-border) !important;

    background:#fff !important;

    border-radius:
        var(--elite10-radius) !important;

    box-shadow:
        var(--elite10-shadow) !important;

}


.e8-mission-card,
.eh-mission-card{

    border-left:
        4px solid
        var(--elite10-blue) !important;

}


.e8-mission-card:last-child,
.eh-mission-card:last-child{

    border-left:
        4px solid
        var(--elite10-lavender) !important;

}


.e8-stat strong,
.eh-stat strong{

    color:var(--elite10-blue) !important;

}


/* =====================================================================
   INDUSTRY / POWERING KEY SECTORS
   ===================================================================== */

.e8-sector-grid,
.eh-sector-grid{

    align-items:stretch !important;

}


.e8-sector,
.eh-sector{

    height:100% !important;

    background:#fff !important;

    border:
        1px solid
        var(--elite10-border) !important;

    border-radius:
        var(--elite10-radius) !important;

    box-shadow:
        var(--elite10-shadow) !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease;

}


.e8-sector:hover,
.eh-sector:hover{

    transform:translateY(-5px);

    box-shadow:
        var(--elite10-shadow-hover) !important;

}


.e8-sector img,
.eh-sector img{

    width:100% !important;

    height:190px !important;

    object-fit:cover !important;

}


/* =====================================================================
   WHY CHOOSE
   ===================================================================== */

.e8-why-card,
.eh-why{

    background:#fff !important;

    border:
        1px solid
        rgba(255,255,255,.45) !important;

    border-radius:
        var(--elite10-radius) !important;

    box-shadow:
        0 15px 38px
        rgba(4,25,67,.15) !important;

}


.e8-why-card h3,
.eh-why h3{

    color:var(--elite10-navy) !important;

}


/* =====================================================================
   HOT SELLING TABS
   ===================================================================== */

.e8-tabs,
.eh-tabs{

    max-width:1100px;

    margin-left:auto !important;
    margin-right:auto !important;

}


.e8-tab,
.eh-tab{

    color:#43536b !important;

    background:#fff !important;

    border:
        1px solid
        var(--elite10-border) !important;

}


.e8-tab.active,
.eh-tab.active{

    color:#fff !important;

    background:
        var(--elite10-grad) !important;

    border-color:
        transparent !important;

    box-shadow:
        0 10px 24px
        rgba(45,99,220,.22) !important;

}


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

.e8-product,
.eh-product{

    background:#fff !important;

    border:
        1px solid
        var(--elite10-border) !important;

    border-radius:
        var(--elite10-radius) !important;

    box-shadow:
        var(--elite10-shadow) !important;

}


.e8-product-image,
.eh-product-image{

    background:
        #eef3fb !important;

}


.e8-hot,
.eh-badge{

    background:
        var(--elite10-grad) !important;

}


.e8-tags span,
.eh-tags span{

    color:#175fcf !important;

    background:
        #e9f2ff !important;

}


.e8-price strong,
.eh-price{

    color:
        var(--elite10-blue) !important;

}


.e8-product .ev-btn,
.eh-mini-btn{

    background:
        var(--elite10-grad) !important;

    color:#fff !important;

}


/* =====================================================================
   WHAT WE SERVE
   ===================================================================== */

.e8-serve-card,
.eh-serve-item{

    border:
        1px solid
        var(--elite10-border) !important;

    border-radius:
        16px !important;

    background:#fff !important;

    box-shadow:
        0 10px 28px
        rgba(24,57,108,.07) !important;

}


.e8-serve-feature,
.eh-serve-feature{

    background:
        var(--elite10-grad) !important;

    border-radius:
        var(--elite10-radius) !important;

}


/* =====================================================================
   HOSTING
   ===================================================================== */

.e8-host,
.eh-hosting{

    background:#fff !important;

    border:
        1px solid
        var(--elite10-border) !important;

    border-radius:
        var(--elite10-radius) !important;

    box-shadow:
        0 14px 36px
        rgba(2,20,60,.10) !important;

}


/* REMOVE MULTICOLOR HOSTING HEADERS */

.e8-host-head,
.eh-host-header,
.bg-blue,
.bg-purple,
.bg-green,
.bg-orange,
.bg-pink,
.bg-cyan,
.eh-host-blue,
.eh-host-purple,
.eh-host-green,
.eh-host-orange,
.eh-host-pink,
.eh-host-cyan{

    background:
        var(--elite10-grad) !important;

}


/* =====================================================================
   WEBSITE INSTANTLY
   ===================================================================== */

.e8-step,
.eh-step{

    border:
        1px solid
        var(--elite10-border) !important;

    border-radius:
        var(--elite10-radius) !important;

    background:#fff !important;

    box-shadow:
        var(--elite10-shadow) !important;

}


.e8-circle,
.eh-step-num{

    background:
        var(--elite10-grad) !important;

}


/* =====================================================================
   BACKUP
   ===================================================================== */

.e8-recovery,
.e8-backup,
.eh-recovery,
.eh-backup{

    background:#fff !important;

    border:
        1px solid
        var(--elite10-border) !important;

    border-radius:
        var(--elite10-radius) !important;

    box-shadow:
        var(--elite10-shadow) !important;

}


.e8-backup.featured,
.eh-backup.featured{

    border:
        2px solid
        var(--elite10-blue) !important;

}


.e8-progress div,
.eh-progress > div{

    background:
        linear-gradient(
            90deg,
            var(--elite10-blue),
            var(--elite10-lavender)
        ) !important;

}


/* =====================================================================
   AI ATTENDANCE
   ===================================================================== */

.e8-skytec-visual{

    background:
        var(--elite10-dark-grad) !important;

}


.e8-skytec-copy{

    border:
        1px solid
        var(--elite10-border) !important;

    box-shadow:
        var(--elite10-shadow) !important;

}


.e8-auth div{

    background:
        #eef5ff !important;

    color:
        var(--elite10-blue) !important;

}


/* =====================================================================
   NO TECH TEAM
   ===================================================================== */

.e8-flow-card,
.eh-saas-step{

    background:#fff !important;

    color:
        var(--elite10-text) !important;

    border:
        1px solid
        rgba(255,255,255,.35) !important;

    border-radius:
        var(--elite10-radius) !important;

}


.e8-value,
.eh-saas-value{

    background:
        rgba(255,255,255,.13) !important;

    border:
        1px solid
        rgba(255,255,255,.15) !important;

}


/* =====================================================================
   EXISTING V7 SECTIONS BELOW V8
   ===================================================================== */

.ev-solution,
.ev-outcome,
.ev-feature-card,
.ev-cloud-card,
.ev-product-side,
.ev-step,
.ev-region,
.ev-capability{

    border:
        1px solid
        var(--elite10-border) !important;

    border-radius:
        var(--elite10-radius) !important;

    background:#fff !important;

    box-shadow:
        var(--elite10-shadow) !important;

}


.ev-solution:hover{

    box-shadow:
        var(--elite10-shadow-hover) !important;

}


/* =====================================================================
   LANDING PAGES
   ===================================================================== */

.elite-landing-hero,
.ev-land-hero{

    background:
        radial-gradient(
            circle at 8% 18%,
            rgba(30,126,255,.15),
            transparent 28%
        ),
        radial-gradient(
            circle at 89% 80%,
            rgba(117,88,243,.14),
            transparent 27%
        ),
        var(--elite10-grad-soft) !important;

}


.elite-landing-hero-grid,
.ev-land-hero-in{

    max-width:
        var(--elite10-container) !important;

    margin:auto !important;

}


.elite-landing-title,
.ev-land-hero h1{

    color:
        var(--elite10-navy) !important;

}


.elite-landing-text{

    color:
        var(--elite10-muted) !important;

}


.elite-landing-visual,
.ev-land-visual{

    border:
        1px solid
        var(--elite10-border) !important;

    border-radius:
        var(--elite10-radius-lg) !important;

    box-shadow:
        var(--elite10-shadow) !important;

    background:
        var(--elite10-grad-soft) !important;

}


.elite-icon-box{

    border:
        1px solid
        var(--elite10-border) !important;

    border-radius:
        var(--elite10-radius) !important;

    background:#fff !important;

    box-shadow:
        var(--elite10-shadow) !important;

}


/* =====================================================================
   CONTACT
   ===================================================================== */

.ev-contact-card,
.eh-contact-card{

    background:
        var(--elite10-dark-grad) !important;

    border-radius:
        var(--elite10-radius-lg) !important;

}


.ev-form,
.eh-form,
.eh-contact-form{

    border:
        1px solid
        var(--elite10-border) !important;

    border-radius:
        var(--elite10-radius-lg) !important;

    box-shadow:
        var(--elite10-shadow) !important;

}


/* =====================================================================
   FOOTER
   ===================================================================== */

.ev-footer,
.eh-footer{

    background:
        var(--elite10-navy) !important;

}


/* =====================================================================
   ALIGN ALL MAIN GRIDS
   ===================================================================== */

.e8-about-grid,
.e8-sector-grid,
.e8-why,
.e8-products,
.e8-serve,
.e8-host-grid,
.e8-steps,
.e8-backups,
.e8-skytec,
.e8-flow,
.ev-solutions,
.ev-outcomes,
.ev-feature,
.ev-cloud-grid,
.ev-product-row,
.ev-process,
.ev-regions,
.ev-contact-grid,
.ev-capabilities,
.ev-two{

    width:100% !important;

}


/* =====================================================================
   CARD INTERNAL SPACING
   ===================================================================== */

.e8-product-body,
.e8-sector-body,
.ev-solution-body{

    padding:22px !important;

}


.e8-product h3,
.e8-sector h3,
.ev-solution-body h3,
.ev-feature-card h3{

    color:
        var(--elite10-navy) !important;

}


/* =====================================================================
   REDUCE EXCESS VERTICAL GAPS
   ===================================================================== */

.e8-section + .e8-section,
.ev-section + .ev-section,
.eh-section + .eh-section{

    margin-top:0 !important;

}


/* =====================================================================
   FLOATING CONTACT RAIL
   ===================================================================== */

.elite-floating-rail a,
.eh-floating a{

    background:
        var(--elite10-grad) !important;

    color:#fff !important;

}


/* =====================================================================
   RESPONSIVE
   ===================================================================== */

@media(max-width:1100px){

    .ev-wrap,
    .eh-wrap,
    .elite-container{

        width:
            min(
                100% - 36px,
                var(--elite10-container)
            ) !important;

    }

}


@media(max-width:680px){

    .ev-wrap,
    .eh-wrap,
    .elite-container{

        width:
            min(
                100% - 28px,
                var(--elite10-container)
            ) !important;

    }


    .e8-section,
    .ev-section,
    .eh-section{

        padding-top:65px !important;
        padding-bottom:65px !important;

    }


    .e8-title,
    .eh-section-title,
    .ev-section h2{

        font-size:34px !important;

    }

}