.elementor-kit-46298{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;font-family:"Karla", Sans-serif;font-weight:400;}.elementor-kit-46298 e-page-transition{background-color:#FFBC7D;}.elementor-kit-46298 p{margin-block-end:36px;}.elementor-kit-46298 h6{font-family:"Rubik", Sans-serif;font-size:17px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){margin-block-end: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 *//* --- Global Neural Glow for SAGTCO Ecosystem --- */

/* 1. Target the Icon inside any widget with our class */
.neural-glow-box .elementor-icon {
    filter: drop-shadow(0 0 5px currentColor);
    transition: all 0.4s ease-in-out !important;
}

/* 2. Intense Glow + Subtle Lift on Hover */
.neural-glow-box:hover .elementor-icon {
    filter: drop-shadow(0 0 15px currentColor) drop-shadow(0 0 5px currentColor);
    transform: translateY(-3px); /* Subtle high-end lift */
}

/* 3. Optional: Sync the Number/Title Glow */
.neural-glow-box:hover .elementor-icon-box-title, 
.neural-glow-box:hover .elementor-counter-number-wrapper {
    filter: drop-shadow(0 0 8px currentColor);
    transition: filter 0.4s ease;
}





/********/








/* --- GLOBAL CLASS: sagtco-pill-n2n7-icon --- */

/* 1. THE PILL (THE FIXED FRAME) */
.sagtco-pill-n2n7-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.375rem 1.125rem !important; /* ~6px 18px */
    background: rgba(0, 188, 212, 0.08) !important;
    border: 0.0625rem solid rgba(0, 188, 212, 0.4) !important;
    border-radius: 6.25rem !important;
    box-shadow: 0 0 0.75rem rgba(0, 188, 212, 0.2), 
                inset 0 0 0.3rem rgba(0, 188, 212, 0.1) !important;
    outline: none !important;
}

/* 2. THE WRAPPER (FORCED ALIGNMENT FIX) */
.sagtco-pill-n2n7-icon .elementor-icon-box-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important; /* MAINTAIN VERTICAL CENTER */
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    outline: none !important;
}

/* 3. ICON CONTAINER RESET */
.sagtco-pill-n2n7-icon .elementor-icon-box-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important; /* Kills the 15px bottom margin pushing it up */
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 4. THE PULSING ICON */
.sagtco-pill-n2n7-icon .elementor-icon-box-icon i,
.sagtco-pill-n2n7-icon .elementor-icon-box-icon svg {
    width: 0.4375rem !important; /* 7px */
    height: 0.4375rem !important;
    font-size: 0.4375rem !important;
    color: #00bcd4 !important;
    fill: #00bcd4 !important;
    margin-right: 0.75rem !important; /* ~12px gap */
    display: block !important;
    animation: icon-only-pulse 2s infinite ease-in-out !important;
}

/* 5. TEXT CONTENT RESET */
.sagtco-pill-n2n7-icon .elementor-icon-box-content {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* 6. TYPOGRAPHY PROTOCOL */
.sagtco-pill-n2n7-icon .elementor-icon-box-title {
    font-family: 'Roboto Mono', monospace !important;
    font-size: 0.7875rem !important; /* ~11px */
    font-weight: 700 !important;
    color: #00bcd4 !important;
    letter-spacing: 0.0625rem !important;
    text-transform: uppercase !important;
    line-height: 1.5rem !important; 
    margin: 0 !important;
    padding: 0 !important;
}

/* 7. ANIMATION KEYFRAMES */
@keyframes icon-only-pulse { 
    0% { 
        opacity: 0.4; 
        transform: scale(0.92); 
        filter: drop-shadow(0 0 0.15rem rgba(0, 188, 212, 0.4));
    } 
    45%, 55% { 
        opacity: 1; 
        transform: scale(1.15); 
        filter: drop-shadow(0 0 0.45rem #00bcd4); 
    } 
    100% { 
        opacity: 0.4; 
        transform: scale(0.92); 
        filter: drop-shadow(0 0 0.15rem rgba(0, 188, 212, 0.4));
    } 
}

/* 8. GLOBAL CONTAINER KILL */
.sagtco-pill-n2n7-icon .elementor-widget-container {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/*xxxxxxx*





/* --- GLOBAL CLASS: sagtco-pill-n2n7-pulse --- */

/* 1. THE PILL (THE FIXED FRAME) */
.sagtco-pill-n2n7-pulse {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.375rem 1.125rem !important;
    background: rgba(0, 188, 212, 0.08) !important;
    border: 0.0625rem solid rgba(0, 188, 212, 0.4) !important;
    border-radius: 6.25rem !important;
    box-shadow: 0 0 0.75rem rgba(0, 188, 212, 0.2), 
                inset 0 0 0.3rem rgba(0, 188, 212, 0.1) !important;
    outline: none !important;
}

/* 2. THE PULSING DOT (ZERO MARGIN) */
.sagtco-pill-n2n7-pulse::before {
    content: '';
    width: 0.4375rem;
    height: 0.4375rem;
    background-color: #00BCD4;
    border-radius: 50%;
    margin-right: 0 !important; /* ALL SPACE REMOVED */
    display: inline-block;
    animation: icon-only-pulse 2s infinite ease-in-out;
}

/* 3. THE WRAPPER (CENTERED ALIGNMENT) */
.sagtco-pill-n2n7-pulse .elementor-icon-box-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    outline: none !important;
}

/* 4. HIDE NATIVE ICON BOX ICON */
.sagtco-pill-n2n7-pulse .elementor-icon-box-icon {
    display: none !important;
}

/* 5. TEXT CONTENT RESET */
.sagtco-pill-n2n7-pulse .elementor-icon-box-content {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* 6. TYPOGRAPHY PROTOCOL (ZERO PADDING) */
.sagtco-pill-n2n7-pulse .elementor-icon-box-title {
    font-family: 'Roboto Mono', monospace !important;
    font-size: 0.7875rem !important;
    font-weight: 700 !important;
    color: #00bcd4 !important;
    padding-left: 0.4rem !important; /* MAINTAINS MINIMUM VISUAL GAP */
    letter-spacing: 0.0625rem !important;
    text-transform: uppercase !important;
    line-height: 1.5rem !important; 
    margin: 0 !important;
}

/* 7. ANIMATION KEYFRAMES (PULSE) */
@keyframes icon-only-pulse { 
    0% { 
        opacity: 0.4; 
        transform: scale(0.92); 
        filter: drop-shadow(0 0 0.15rem rgba(0, 188, 212, 0.4));
    } 
    45%, 55% { 
        opacity: 1; 
        transform: scale(1.15); 
        filter: drop-shadow(0 0 0.45rem #00bcd4); 
    } 
    100% { 
        opacity: 0.4; 
        transform: scale(0.92); 
        filter: drop-shadow(0 0 0.15rem rgba(0, 188, 212, 0.4));
    } 
}

/* 8. GLOBAL CONTAINER KILL */
.sagtco-pill-n2n7-pulse .elementor-widget-container {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}


/********/




/* --- GLOBAL CLASS: sagtco-eyebrow-n2n7-light --- */

.sagtco-eyebrow-n2n7-light {
    text-align: center !important;
    padding: 0.625rem 0 !important; /* ~10px */
}

/* TARGETING BOTH THE WIDGET AND THE INTERNAL ELEMENTOR HEADING */
.sagtco-eyebrow-n2n7-light .elementor-heading-title,
.sagtco-eyebrow-n2n7-light {
    font-family: 'Roboto', sans-serif !important;
    font-size: 0.75rem !important;        /* 12px / 16 = 0.75rem */
    font-weight: 500 !important;          /* Medium */
    color: #8E9296 !important;            /* Technical Gray */
    letter-spacing: 0.45rem !important;   /* 0.6em of 12px = 7.2px = 0.45rem */
    text-transform: uppercase !important;
    display: block !important;
    
    /* ELEGANT TEXT SHADOW: Subtle depth for technical metadata */
    text-shadow: 0.0625rem 0.0625rem 0.125rem rgba(0, 0, 0, 0.08) !important;
}



/********/




/* --- GLOBAL CLASS: sagtco-eyebrow-n2n7-dark --- */

.sagtco-eyebrow-n2n7-dark {
    text-align: center !important;
    padding: 0.625rem 0 !important;
}

/* TARGETING THE WIDGET AND INTERNAL HEADING */
.sagtco-eyebrow-n2n7-dark .elementor-heading-title,
.sagtco-eyebrow-n2n7-dark {
    font-family: 'Roboto', sans-serif !important;
    font-size: 0.75rem !important;        /* 12px */
    font-weight: 500 !important;          /* Medium */
    color: #8E9296 !important;            /* MAINTAINED TECHNICAL GRAY */
    letter-spacing: 0.45rem !important;   /* 0.6em Tracking */
    text-transform: uppercase !important;
    display: block !important;
}



/********/




/* --- GLOBAL CLASS: sagtco-lead-n2n7-light --- */

.sagtco-lead-n2n7-light {
    text-align: center !important;
    max-width: 53.125rem !important; /* 850px converted to rem */
 margin: 1.5rem auto 4rem auto !important;
    display: block !important;
}

/* TARGETING THE INTERNAL ELEMENTOR HEADING ELEMENT */
.sagtco-lead-n2n7-light .elementor-heading-title,
.sagtco-lead-n2n7-light {
    font-family: 'Inter', sans-serif !important;
    font-size: 2.5rem !important;
    font-weight: 600 !important;
    color: #0F172A !important; /* Deep Slate Depth */
    letter-spacing: -0.05rem !important;
    line-height: 1.2 !important;
    word-break: break-word !important;
}





/********/




/* --- GLOBAL CLASS: sagtco-lead-n2n7-dark --- */

.sagtco-lead-n2n7-dark {
    text-align: center !important;
    max-width: 53.125rem !important; /* 850px converted to rem */
   margin: 1.5rem auto 4rem auto !important;
    display: block !important;
}

/* TARGETING THE INTERNAL ELEMENTOR HEADING ELEMENT */
.sagtco-lead-n2n7-dark .elementor-heading-title,
.sagtco-lead-n2n7-dark {
    font-family: 'Inter', sans-serif !important;
    font-size: 2.5rem !important;
    font-weight: 600 !important;
    color: #FFFFFF !important; /* PURE WHITE FOR DARK MODE */
    letter-spacing: -0.05rem !important;
    line-height: 1.2 !important;
    word-break: break-word !important;
}




/********/






/* --- GLOBAL CLASS: sagtco-p-n2n7-dark --- */

/* [2026-03-09] 
   Deep Slate (#475569) used here for high-contrast dark mode. 
   Provides maximum legibility while maintaining the "Gen Z Pro" feel 
   on your staging site: /home/sagtcoco/eb-com-deep-dimension.sagtco.coM
*/

.sagtco-p-n2n7-dark {
    max-width: 43.75rem !important; /* Locks width to ~700px for readability */
    margin: 0 auto !important;      /* Centers the text block */
    text-align: center !important;
    display: block !important;
}

/* TARGETING THE INTERNAL ELEMENTOR TEXT ELEMENTS */
.sagtco-p-n2n7-dark .elementor-widget-container,
.sagtco-p-n2n7-dark p,
.sagtco-p-n2n7-dark {
    font-family: 'Roboto', sans-serif !important; 
    font-size: 1.125rem !important;               
    line-height: 1.6 !important;                  
    color: #475569 !important; /* Deep Slate High-Contrast */
}






/********/






/* --- GLOBAL CLASS: sagtco-p-n2n7-light --- */

/* (Soft Slate) instead of pure white or gray makes the UI look more modern and "Gen Z Pro". 
 It reduces eye strain against the midnight backgrounds of your staging site.
*/

.sagtco-p-n2n7-light {
    max-width: 43.75rem !important; /* Locks width to ~700px for readability */
    margin: 0 auto !important;      /* Centers the text block */
    text-align: center !important;
    display: block !important;
}

/* TARGETING THE INTERNAL ELEMENTOR TEXT ELEMENTS */
.sagtco-p-n2n7-light .elementor-widget-container,
.sagtco-p-n2n7-light p,
.sagtco-p-n2n7-light {
    font-family: 'Roboto', sans-serif !important; /* Updated to Roboto */
    font-size: 1.125rem !important;               /* 18px Base */
    line-height: 1.6 !important;                  /* Optimal breathing room */
    color: #94A3B8 !important;                    /* Professional Soft Slate */
}




/********/






/********/





/********/





/********/





/********/





/********/







/********//* End custom CSS */