.elementor-15204 .elementor-element.elementor-element-09745fe{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:100;}.elementor-15204 .elementor-element.elementor-element-09745fe:not(.elementor-motion-effects-element-type-background), .elementor-15204 .elementor-element.elementor-element-09745fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#070A4300;}.elementor-15204 .elementor-element.elementor-element-781114e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:8px;--padding-bottom:8px;--padding-left:0px;--padding-right:0px;}.elementor-15204 .elementor-element.elementor-element-a84f27b{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15204 .elementor-element.elementor-element-c5ee5a2 .ep-megamenu.ep-megamenu-horizontal .bdt-navbar-nav{justify-content:left;}.elementor-15204 .elementor-element.elementor-element-c5ee5a2 .ep-megamenu .megamenu-header-mobile{justify-content:flex-end;}.elementor-15204 .elementor-element.elementor-element-c5ee5a2 .ep-megamenu .megamenu-header-default .bdt-navbar-nav > li > a,  #ep-megamenu-c5ee5a2-virtual.bdt-accordion li a.ep-menu-nav-link{color:var( --e-global-color-uicore_body );}.elementor-15204 .elementor-element.elementor-element-c5ee5a2 .ep-megamenu .megamenu-header-default .bdt-navbar-nav{grid-gap:40px;}.elementor-15204 .elementor-element.elementor-element-c5ee5a2.bdt-accordion{grid-gap:40px;}.elementor-15204 .elementor-element.elementor-element-c5ee5a2 .ep-megamenu .bdt-navbar-nav .bdt-megamenu-indicator{display:block;}.elementor-15204 .elementor-element.elementor-element-c5ee5a2 .ep-megamenu .bdt-navbar-nav > li > a,
                #ep-megamenu-c5ee5a2-virtual.bdt-accordion li a.ep-menu-nav-link{font-family:var( --e-global-typography-dfad261-font-family ), Sans-serif;font-size:var( --e-global-typography-dfad261-font-size );font-weight:var( --e-global-typography-dfad261-font-weight );line-height:var( --e-global-typography-dfad261-line-height );letter-spacing:var( --e-global-typography-dfad261-letter-spacing );word-spacing:var( --e-global-typography-dfad261-word-spacing );}.elementor-15204 .elementor-element.elementor-element-c5ee5a2 .ep-megamenu .bdt-navbar-nav > li > a:hover,
                    .elementor-15204 .elementor-element.elementor-element-c5ee5a2 .ep-megamenu .bdt-navbar-nav > li > a.active,
                    #ep-megamenu-c5ee5a2-virtual.bdt-accordion li a.ep-menu-nav-link:hover{color:var( --e-global-color-uicore_primary );}.elementor-15204 .elementor-element.elementor-element-c5ee5a2 .ep-megamenu .ep-megamenu-panel{--bdt-position-viewport-offset:0px;}.elementor-15204 .elementor-element.elementor-element-c5ee5a2 .ep-megamenu .megamenu-header-mobile .bdt-navbar-toggle svg{color:var( --e-global-color-uicore_white );}.elementor-15204 .elementor-element.elementor-element-c5ee5a2{z-index:100;}.elementor-15204 .elementor-element.elementor-element-db07cb6 > .elementor-widget-container{margin:-50px 0px 0px -50px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-15204 .elementor-element.elementor-element-db07cb6{left:0px;}body.rtl .elementor-15204 .elementor-element.elementor-element-db07cb6{right:0px;}.elementor-15204 .elementor-element.elementor-element-db07cb6{top:0px;}@media(max-width:1024px){.elementor-15204 .elementor-element.elementor-element-09745fe{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-15204 .elementor-element.elementor-element-a84f27b{--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-15204 .elementor-element.elementor-element-c5ee5a2 .ep-megamenu .bdt-navbar-nav > li > a,
                #ep-megamenu-c5ee5a2-virtual.bdt-accordion li a.ep-menu-nav-link{font-size:var( --e-global-typography-dfad261-font-size );line-height:var( --e-global-typography-dfad261-line-height );letter-spacing:var( --e-global-typography-dfad261-letter-spacing );word-spacing:var( --e-global-typography-dfad261-word-spacing );}}@media(max-width:767px){.elementor-15204 .elementor-element.elementor-element-a84f27b{--width:50%;}.elementor-15204 .elementor-element.elementor-element-c5ee5a2 .ep-megamenu .bdt-navbar-nav > li > a,
                #ep-megamenu-c5ee5a2-virtual.bdt-accordion li a.ep-menu-nav-link{font-size:var( --e-global-typography-dfad261-font-size );line-height:var( --e-global-typography-dfad261-line-height );letter-spacing:var( --e-global-typography-dfad261-letter-spacing );word-spacing:var( --e-global-typography-dfad261-word-spacing );}}@media(min-width:768px){.elementor-15204 .elementor-element.elementor-element-09745fe{--content-width:900px;}.elementor-15204 .elementor-element.elementor-element-781114e{--width:103%;}.elementor-15204 .elementor-element.elementor-element-a84f27b{--width:105%;}}@media(max-width:1024px) and (min-width:768px){.elementor-15204 .elementor-element.elementor-element-a84f27b{--width:60%;}}/* Start custom CSS for container, class: .elementor-element-09745fe *//* --- SOLUTION SUITE BOTTOM NAV (Vanilla CSS Version) --- */

/* 1. Base Container - Starts Hidden */
#solution-suite-sticky-nav {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 9998 !important; 
    
    /* HIDDEN STATE: Pushed down 120% */
    transform: translateY(120%); 
    
    /* ANIMATION: Smooth slide using CSS only (No GSAP) */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
    
    background: transparent !important; 
    pointer-events: none; 
}

/* 2. VISIBLE STATE (Added via JS) */
#solution-suite-sticky-nav.suite-nav-visible {
    transform: translateY(0%) !important;
}

/* 3. Glass Container Styling */
#solution-suite-sticky-nav .header-internal {
    position: relative;
    margin-bottom: 20px; 
    border-radius: 100px;
    padding-right: 20px;
    padding-left: 30px;

    /* Glass Effect: Reduced to 0.05 */
    background-color: rgba(7, 10, 67, 0.02) !important; 
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    /* Glints (Kept as requested) */
    background-image:
      linear-gradient(to bottom right, rgba(7, 10, 67, 0.2), transparent 45%),
      linear-gradient(to top left, rgba(7, 10, 67, 0.1), transparent 40%);
    background-repeat: no-repeat;
    background-position: top left, bottom right;
    background-size: 80% 70%, 40% 30%;
    
    border: none;
    pointer-events: auto; /* Re-enable clicks */
}

/* 4. Inset Shadow Layer */
#solution-suite-sticky-nav .header-internal::after {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    
    /* 
       1. Inset shadows (50% reduced intensity) to define the glass edges.
       2. The specific Drop Shadow you requested at the end.
    */
    box-shadow:
      inset 0 0 20px rgba(0,0,0,0.05),
      inset 0 0 0 1px rgba(7, 10, 67, 0.05),
      inset 3px 3px 2px -2px rgba(7, 10, 67, 0.05),
      inset -3px -3px 2px -2px rgba(7, 10, 67, 0.05),
      0px 25px 20px -20px rgba(7, 10, 67, 0.25);
      
    border-radius: inherit;
    pointer-events: none;
}

/* 5. Text Styling */
#solution-suite-sticky-nav .ep-menu-nav-link,
#solution-suite-sticky-nav ul li a {
    color: #343666 !important;
    transition: all 0.3s ease-in-out;
}

/* 6. Content Interaction */
#solution-suite-sticky-nav .elementor-widget,
#solution-suite-sticky-nav .e-con-inner {
    pointer-events: auto;
}

/* 7. Hover Gradient Animation */
#solution-suite-sticky-nav .ep-menu-nav-link:hover,
#solution-suite-sticky-nav .ep-menu-nav-link:focus,
#solution-suite-sticky-nav .ep-menu-item-active .ep-menu-nav-link,
#solution-suite-sticky-nav .current-menu-item .ep-menu-nav-link,
#solution-suite-sticky-nav ul li a:hover {
    background-image: linear-gradient(45deg, #FFC539, #EC5228, #5D6ADC, #91DDAB) !important;
    background-size: 300% 100% !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important; 
    animation: peach-nav-gradient 10s ease infinite !important;
    font-weight: 700 !important;
}

@keyframes peach-nav-gradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}/* End custom CSS */