.elementor-kit-8{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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 *//* =========================================
   EDUFEED24 HEADER
   ========================================= */

.ef-floating-header {
    --width: min(calc(100vw - 48px), 1350px) !important;
    width: min(calc(100vw - 48px), 1350px) !important;
    max-width: 1350px !important;
    position: fixed !important;
    top: 28px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    z-index: 9998 !important;
    border-radius: 26px !important;
    background:
        linear-gradient(
            135deg,
            rgba(8, 24, 38, 0.98),
            rgba(5, 15, 25, 0.98)
        ) !important;
    border: 1px solid rgba(94, 203, 255, 0.22) !important;
    box-shadow:
        0 24px 70px rgba(0, 0, 0, 0.55),
        inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(16px);
}


/* =========================================
   LEFT AND RIGHT FLOATING ICON RAILS
   ========================================= */

.ef-side-rail {
    --width: 64px !important;
    --flex-direction: column !important;
    width: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
    height: auto !important;
    position: fixed !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    padding: 8px !important;
    z-index: 9997 !important;
    overflow: visible !important;
    border-radius: 22px !important;
    background:
        linear-gradient(
            180deg,
            rgba(8, 24, 38, 0.98),
            rgba(5, 15, 25, 0.98)
        ) !important;
    border: 1px solid rgba(94, 203, 255, 0.20) !important;
    box-shadow:
        0 20px 55px rgba(0, 0, 0, 0.50),
        inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.ef-side-rail-left {
    left: 28px !important;
    right: auto !important;
}

.ef-side-rail-right {
    right: 28px !important;
    left: auto !important;
}

.ef-side-rail > .elementor-element {
    --width: 46px !important;
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
}

.ef-side-rail .elementor-icon-wrapper {
    width: 46px !important;
    text-align: center !important;
}

.ef-side-rail .elementor-icon {
    width: 46px !important;
    height: 46px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 14px !important;
    color: #d9e7f2 !important;
    transition:
        transform 0.2s ease,
        color 0.2s ease,
        background 0.2s ease !important;
}

.ef-side-rail .elementor-icon:hover {
    color: #ffffff !important;
    background: linear-gradient(135deg, #168bff, #20bfff) !important;
    transform: translateY(-2px) !important;
}


/* =========================================
   BOTTOM FLOATING ICON DOCK
   ========================================= */

.ef-bottom-dock {
    --width: max-content !important;
    --flex-direction: row !important;
    width: max-content !important;
    min-width: 0 !important;
    max-width: calc(100vw - 24px) !important;
    height: auto !important;
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    bottom: 14px !important;
    top: auto !important;
    transform: translateX(-50%) !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    padding: 8px !important;
    z-index: 9999 !important;
    border-radius: 22px !important;
    overflow: visible !important;
    background:
        linear-gradient(
            135deg,
            rgba(9, 26, 41, 0.98),
            rgba(5, 16, 27, 0.98)
        ) !important;
    border: 1px solid rgba(94, 203, 255, 0.22) !important;
    box-shadow:
        0 24px 65px rgba(0, 0, 0, 0.58),
        inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(16px);
}

.ef-bottom-dock > .elementor-element {
    --width: 52px !important;
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
}

.ef-bottom-dock .elementor-icon-wrapper {
    width: 52px !important;
    text-align: center !important;
}

.ef-bottom-dock .elementor-icon {
    width: 52px !important;
    height: 52px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 15px !important;
    color: #d9e7f2 !important;
    background: rgba(255, 255, 255, 0.025) !important;
    transition:
        transform 0.2s ease,
        color 0.2s ease,
        background 0.2s ease !important;
}

.ef-bottom-dock .elementor-icon:hover {
    color: #5ecbff !important;
    background: #10283c !important;
    transform: translateY(-3px) !important;
}


/* =========================================
   CENTRE ALL CARD CONTENT
   ========================================= */

.ef-card,
.ef-journey-card {
    --align-items: center !important;
    align-items: center !important;
    justify-content: space-between !important;
    text-align: center !important;
}

.ef-card > .elementor-element,
.ef-journey-card > .elementor-element {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
}

.ef-card .elementor-heading-title,
.ef-journey-card .elementor-heading-title {
    width: 100% !important;
    text-align: center !important;
}

.ef-card .elementor-widget-text-editor,
.ef-card .elementor-widget-text-editor p,
.ef-journey-card .elementor-widget-text-editor,
.ef-journey-card .elementor-widget-text-editor p {
    width: 100% !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.ef-card .elementor-icon-wrapper,
.ef-journey-card .elementor-icon-wrapper {
    width: 100% !important;
    text-align: center !important;
}

.ef-card .elementor-button-wrapper,
.ef-journey-card .elementor-button-wrapper {
    width: 100% !important;
    text-align: center !important;
}

.ef-card .elementor-button,
.ef-journey-card .elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


/* =========================================
   CARD GRID ALIGNMENT
   ========================================= */

.ef-card-grid {
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 22px !important;
}


/* =========================================
   CARD DESIGN AND SHADOW
   ========================================= */

.ef-card,
.ef-journey-card {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 22px !important;
    border: 1px solid rgba(94, 203, 255, 0.22) !important;
    background:
        radial-gradient(
            circle at 50% 0,
            rgba(22, 139, 255, 0.13),
            transparent 42%
        ),
        linear-gradient(
            145deg,
            rgba(13, 32, 49, 0.98),
            rgba(6, 16, 26, 0.98)
        ) !important;
    box-shadow:
        0 20px 55px rgba(0, 0, 0, 0.40),
        inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
    transition:
        transform 0.28s ease,
        border-color 0.28s ease,
        box-shadow 0.28s ease !important;
}

.ef-card::before,
.ef-journey-card::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 2px;
    background:
        linear-gradient(
            90deg,
            transparent,
            #20d7ff,
            #168bff,
            transparent
        );
    opacity: 0.8;
}

.ef-card:hover,
.ef-journey-card:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(94, 203, 255, 0.48) !important;
    box-shadow:
        0 28px 72px rgba(0, 0, 0, 0.52),
        0 0 32px rgba(22, 139, 255, 0.12) !important;
}


/* =========================================
   MOBILE AND TABLET
   ========================================= */

@media (max-width: 1180px) {
    .ef-side-rail {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .ef-floating-header {
        top: 8px !important;
        width: calc(100vw - 16px) !important;
        --width: calc(100vw - 16px) !important;
        border-radius: 19px !important;
    }

    .ef-bottom-dock {
        bottom: 7px !important;
        padding: 6px !important;
        gap: 3px !important;
    }

    .ef-bottom-dock > .elementor-element {
        --width: 43px !important;
        width: 43px !important;
        min-width: 43px !important;
        max-width: 43px !important;
    }

    .ef-bottom-dock .elementor-icon-wrapper,
    .ef-bottom-dock .elementor-icon {
        width: 43px !important;
        height: 43px !important;
    }

    .ef-card,
    .ef-journey-card {
        width: 100% !important;
        min-height: auto !important;
    }
}
/* ========================================
   HEADER BUTTON AND OVERFLOW CORRECTION
   ======================================== */

html,
body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
}

.ef-floating-header {
    width: 100% !important;
    max-width: 1350px !important;
    min-height: 84px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 8px 14px !important;
    box-sizing: border-box !important;
}

.ef-header-actions {
    width: auto !important;
    max-width: none !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
}

.ef-header-actions .elementor-widget-button {
    width: 180px !important;
    max-width: 180px !important;
    flex: 0 0 180px !important;
    margin: 0 !important;
}

.ef-header-actions .elementor-button {
    width: 100% !important;
    min-height: 48px !important;
    padding: 11px 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    line-height: 1.1 !important;
}

.ef-header-actions .elementor-button-text {
    white-space: nowrap !important;
}
/* Compact header and brand alignment */

.ef-brand-text {
    width: auto !important;
    min-height: 0 !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 2px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ef-brand-text .elementor-widget-heading,
.ef-brand-text .elementor-widget-text-editor,
.ef-brand-text p {
    margin: 0 !important;
    padding: 0 !important;
}

@media (min-width: 1025px) {
    .ef-floating-header {
        height: 96px !important;
        min-height: 96px !important;
        padding: 8px 14px !important;
        align-items: center !important;
    }

    .ef-floating-header > .e-con,
    .ef-floating-header > .elementor-element {
        align-self: center !important;
    }
}
/* Hero paragraph width correction */

.elementor-widget-text-editor.ef-hero-copy {
    width: 920px !important;
    max-width: calc(100% - 32px) !important;
    align-self: center !important;
    margin: 0 auto 24px !important;
}

.ef-hero-copy .elementor-widget-container {
    width: 100% !important;
    max-width: 920px !important;
}

.ef-hero-copy p {
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
}
/* Move hero paragraph and buttons closer to the headings */

.elementor-widget-text-editor.ef-hero-copy {
    margin: -18px auto 10px !important;
}

.ef-hero-actions {
    margin-top: -10px !important;
}/* End custom CSS */