.elementor-31 .elementor-element.elementor-element-21d7c6cd{--display:flex;--min-height:82px;--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:space-between;--align-items:center;--flex-wrap:nowrap;box-shadow:0px 4px 20px 0px rgba(11,31,51,0.08);--padding-top:8px;--padding-bottom:8px;--padding-left:22px;--padding-right:22px;--z-index:9999;}.elementor-31 .elementor-element.elementor-element-21d7c6cd:not(.elementor-motion-effects-element-type-background), .elementor-31 .elementor-element.elementor-element-21d7c6cd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-147eed57{--display:flex;--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:flex-start;--align-items:center;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-31 .elementor-element.elementor-element-575fd8c7{width:var( --container-widget-width, 65.889% );max-width:65.889%;--container-widget-width:65.889%;--container-widget-flex-grow:0;text-align:start;}.elementor-31 .elementor-element.elementor-element-575fd8c7.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-31 .elementor-element.elementor-element-575fd8c7 img{width:150px;}.elementor-31 .elementor-element.elementor-element-51957c9c{--display:flex;--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:flex-end;--align-items:center;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-31 .elementor-element.elementor-element-21d7c6cd{--min-height:74px;--padding-top:7px;--padding-bottom:7px;--padding-left:18px;--padding-right:18px;}.elementor-31 .elementor-element.elementor-element-575fd8c7 img{width:125px;}}@media(max-width:767px){.elementor-31 .elementor-element.elementor-element-21d7c6cd{--min-height:66px;--padding-top:6px;--padding-bottom:6px;--padding-left:14px;--padding-right:14px;}.elementor-31 .elementor-element.elementor-element-147eed57{--width:48%;}.elementor-31 .elementor-element.elementor-element-575fd8c7 img{width:100px;}.elementor-31 .elementor-element.elementor-element-51957c9c{--width:52%;}}@media(min-width:768px){.elementor-31 .elementor-element.elementor-element-21d7c6cd{--content-width:1200px;}.elementor-31 .elementor-element.elementor-element-147eed57{--width:22%;}.elementor-31 .elementor-element.elementor-element-51957c9c{--width:78%;}}@media(max-width:1024px) and (min-width:768px){.elementor-31 .elementor-element.elementor-element-147eed57{--width:40%;}.elementor-31 .elementor-element.elementor-element-51957c9c{--width:60%;}}/* Start custom CSS for container, class: .elementor-element-21d7c6cd *//* ==========================================
   SKC CARE – PREMIUM GLASS HEADER
========================================== */

/* Selected Elementor Header Container */
.elementor-31 .elementor-element.elementor-element-21d7c6cd{
    width: calc(100% - 36px) !important;
    max-width: 1480px !important;

    margin: 14px auto !important;
    padding: 0 !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.76),
            rgba(235,248,255,.58)
        ) !important;

    border: 1px solid rgba(4,158,230,.16) !important;
    border-radius: 20px !important;

    -webkit-backdrop-filter: blur(20px) saturate(165%);
    backdrop-filter: blur(20px) saturate(165%);

    box-shadow:
        0 12px 35px rgba(15,76,112,.10),
        inset 0 1px 0 rgba(255,255,255,.95) !important;

    overflow: visible !important;
    z-index: 9999 !important;

    transition: all .25s ease;
}


/* Inner custom header */
.elementor-31 .elementor-element.elementor-element-21d7c6cd .skc-header-nav{
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 12px 22px !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 20px !important;

    box-shadow: none !important;

    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}


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

.elementor-31 .elementor-element.elementor-element-21d7c6cd .skc-desktop-nav{
    gap: 28px !important;
}

.elementor-31 .elementor-element.elementor-element-21d7c6cd .skc-desktop-nav a{
    color: #213F54 !important;

    font-size: 14px !important;
    font-weight: 500 !important;

    position: relative;

    transition:
        color .2s ease,
        transform .2s ease;
}

.elementor-31 .elementor-element.elementor-element-21d7c6cd .skc-desktop-nav a:hover{
    color: #049EE6 !important;
    transform: translateY(-1px);
}


/* Active menu underline */
.elementor-31 .elementor-element.elementor-element-21d7c6cd .skc-desktop-nav a:not(.skc-login-btn)::after{
    content: "";

    position: absolute;

    left: 50%;
    bottom: -6px;

    width: 0;
    height: 2px;

    background: #049EE6;
    border-radius: 20px;

    transform: translateX(-50%);

    transition: width .22s ease;
}

.elementor-31 .elementor-element.elementor-element-21d7c6cd .skc-desktop-nav a:not(.skc-login-btn):hover::after,
.elementor-31 .elementor-element.elementor-element-21d7c6cd .skc-desktop-nav a.is-current::after,
.elementor-31 .elementor-element.elementor-element-21d7c6cd .skc-desktop-nav a[aria-current="page"]::after{
    width: 60%;
}


.elementor-31 .elementor-element.elementor-element-21d7c6cd .skc-desktop-nav a.is-current,
.elementor-31 .elementor-element.elementor-element-21d7c6cd .skc-desktop-nav a[aria-current="page"]{
    color: #049EE6 !important;
}


/* ==========================================
   TRAINING DASHBOARD / LOGIN
========================================== */

.elementor-31 .elementor-element.elementor-element-21d7c6cd .skc-login-btn{
    min-height: 44px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 20px !important;

    color: #fff !important;

    background:
        linear-gradient(
            135deg,
            #049EE6 0%,
            #058DD0 55%,
            #037DBA 100%
        ) !important;

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

    border-radius: 12px !important;

    box-shadow:
        0 7px 18px rgba(4,158,230,.20),
        inset 0 1px 0 rgba(255,255,255,.30) !important;

    font-weight: 700 !important;

    transition: all .2s ease !important;
}

.elementor-31 .elementor-element.elementor-element-21d7c6cd .skc-login-btn:hover{
    transform: translateY(-2px);

    box-shadow:
        0 11px 26px rgba(4,158,230,.28),
        inset 0 1px 0 rgba(255,255,255,.32) !important;
}

/* =========================================
   SKC CARE – ULTRA SMOOTH STICKY HEADER
========================================= */

/* Base state */
.elementor-31 .elementor-element.elementor-element-21d7c6cd{
    transition:
        background .45s cubic-bezier(.22,.61,.36,1),
        border-color .45s cubic-bezier(.22,.61,.36,1),
        box-shadow .45s cubic-bezier(.22,.61,.36,1),
        backdrop-filter .45s cubic-bezier(.22,.61,.36,1),
        -webkit-backdrop-filter .45s cubic-bezier(.22,.61,.36,1) !important;

    will-change: background, box-shadow;
}


/* IMPORTANT:
   Width + margin stay the same in normal and sticky state
   so Elementor does not jump/recalculate the layout.
*/
.elementor-31 .elementor-element.elementor-element-21d7c6cd.elementor-sticky--effects{
    width: calc(100% - 36px) !important;
    max-width: 1480px !important;

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

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.91),
            rgba(235,248,255,.82)
        ) !important;

    border-color: rgba(4,158,230,.20) !important;

    -webkit-backdrop-filter: blur(24px) saturate(175%);
    backdrop-filter: blur(24px) saturate(175%);

    box-shadow:
        0 14px 38px rgba(8,62,96,.14),
        inset 0 1px 0 rgba(255,255,255,.96) !important;
}


/* =========================================
   INNER HEADER
========================================= */

.elementor-31 .elementor-element.elementor-element-21d7c6cd .skc-header-nav{
    transition:
        padding .45s cubic-bezier(.22,.61,.36,1) !important;
}


/* Only a SMALL change — prevents visible jump */
.elementor-31 .elementor-element.elementor-element-21d7c6cd.elementor-sticky--effects .skc-header-nav{
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}


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

.elementor-31 .elementor-element.elementor-element-21d7c6cd img{
    transition:
        transform .45s cubic-bezier(.22,.61,.36,1),
        opacity .45s ease !important;

    transform-origin: center center;
}


/* Very subtle */
.elementor-31 .elementor-element.elementor-element-21d7c6cd.elementor-sticky--effects img{
    transform: scale(.96);
}


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

.elementor-31 .elementor-element.elementor-element-21d7c6cd .skc-desktop-nav{
    transition:
        gap .45s cubic-bezier(.22,.61,.36,1) !important;
}

.elementor-31 .elementor-element.elementor-element-21d7c6cd.elementor-sticky--effects .skc-desktop-nav{
    gap: 26px !important;
}


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

.elementor-31 .elementor-element.elementor-element-21d7c6cd .skc-login-btn,
.elementor-31 .elementor-element.elementor-element-21d7c6cd .skc-dynamic-logout-btn{
    transition:
        background .35s ease,
        box-shadow .35s ease,
        border-color .35s ease,
        transform .35s ease !important;
}


/* Do NOT change height/padding on sticky.
   That's what caused the jump before.
*/

.elementor-31 .elementor-element.elementor-element-21d7c6cd.elementor-sticky--effects .skc-login-btn{
    box-shadow:
        0 8px 22px rgba(4,158,230,.24),
        inset 0 1px 0 rgba(255,255,255,.28) !important;
}

.elementor-31 .elementor-element.elementor-element-21d7c6cd.elementor-sticky--effects .skc-dynamic-logout-btn{
    background: rgba(255,255,255,.62) !important;
}


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

@media(max-width:767px){

    .elementor-31 .elementor-element.elementor-element-21d7c6cd.elementor-sticky--effects{
        width: calc(100% - 20px) !important;
        max-width: none !important;
    }

    .elementor-31 .elementor-element.elementor-element-21d7c6cd .skc-header-nav,
    .elementor-31 .elementor-element.elementor-element-21d7c6cd.elementor-sticky--effects .skc-header-nav{
        transition:
            padding .4s cubic-bezier(.22,.61,.36,1) !important;
    }

    .elementor-31 .elementor-element.elementor-element-21d7c6cd.elementor-sticky--effects .skc-header-nav{
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .elementor-31 .elementor-element.elementor-element-21d7c6cd img{
        transition: transform .4s ease !important;
    }

    .elementor-31 .elementor-element.elementor-element-21d7c6cd.elementor-sticky--effects img{
        transform: scale(.97);
    }
}


/* Accessibility */
@media (prefers-reduced-motion: reduce){

    .elementor-31 .elementor-element.elementor-element-21d7c6cd,
    .elementor-31 .elementor-element.elementor-element-21d7c6cd *,
    .elementor-31 .elementor-element.elementor-element-21d7c6cd *::before,
    .elementor-31 .elementor-element.elementor-element-21d7c6cd *::after{
        transition: none !important;
    }
}/* End custom CSS */