.offer-badge-card-2 {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    --effect-shadow: 0 10px 15px -3px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--effect-shadow-color, rgb(0 0 0 / .1));
    box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow);
    --effect-shadow-color: rgba(255, 106, 47, .3);

    @supports (color: color-mix(in lab, red, red)) {
        --effect-shadow-color: color-mix(in oklab, rgba(255, 106, 47, .3) var(--effect-shadow-alpha), transparent)
    }

    background:linear-gradient(90deg, #ff6a2f, #ff9a3c, #ff6a2f);
    background-size:200%;
    animation:shimmer 2s linear infinite
}

.home-hero-section-21 {
    position: relative;
    padding: 0px !important;
    display: flex;
    min-height: 100vh;
    align-items: center;
    overflow: hidden;
    --effect-gradient-position: to bottom right in oklab;
    --effect-gradient-from: #F4F7FF;
    --effect-gradient-via: #EEF3FF;
    --effect-gradient-via-stops: var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-via) var(--effect-gradient-via-position), var(--effect-gradient-to) var(--effect-gradient-to-position);
    --effect-gradient-to: #E8F0FF;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding-top: calc(var(--spacing) * 20);
    background-image: linear-gradient(rgba(0, 102, 255, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 102, 255, .06) 1px, transparent 1px);
    background-size: 40px 40px
}

.home-hero-row-22 {
    pointer-events: none;
    position: absolute;
    inset: 0;
    overflow: hidden
}

.home-hero-card-23 {
    position: absolute;
    top: calc(var(--spacing) * -24);
    right: calc(var(--spacing) * -24);
    height: calc(var(--spacing) * 96);
    width: calc(var(--spacing) * 96);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #0060E6 6%, transparent);
    --effect-blur: blur(var(--blur-3xl));
    filter: var(--effect-blur, ) var(--effect-brightness, ) var(--effect-contrast, ) var(--effect-grayscale, ) var(--effect-hue-rotate, ) var(--effect-invert, ) var(--effect-saturate, ) var(--effect-sepia, ) var(--effect-drop-shadow, )
}

.home-hero-card-24 {
    position: absolute;
    top: calc(1 / 3 * 100%);
    left: calc(var(--spacing) * -20);
    height: calc(var(--spacing) * 72);
    width: calc(var(--spacing) * 72);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #00C2E8 8%, transparent);
    --effect-blur: blur(var(--blur-3xl));
    filter: var(--effect-blur, ) var(--effect-brightness, ) var(--effect-contrast, ) var(--effect-grayscale, ) var(--effect-hue-rotate, ) var(--effect-invert, ) var(--effect-saturate, ) var(--effect-sepia, ) var(--effect-drop-shadow, )
}

.home-hero-card-25 {
    position: absolute;
    right: 25%;
    bottom: 0;
    height: calc(var(--spacing) * 80);
    width: calc(var(--spacing) * 80);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #FF6A2F 4%, transparent);
    --effect-blur: blur(var(--blur-3xl));
    filter: var(--effect-blur, ) var(--effect-brightness, ) var(--effect-contrast, ) var(--effect-grayscale, ) var(--effect-hue-rotate, ) var(--effect-invert, ) var(--effect-saturate, ) var(--effect-sepia, ) var(--effect-drop-shadow, )
}

.home-hero-container-26 {
    margin-inline: auto;
    width: 100%;
    max-width: var(--container-7xl);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 16);

    @media(width>=40rem) {
        padding-inline: calc(var(--spacing) * 6)
    }
}

.home-hero-grid-27 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: center;
    gap: calc(var(--spacing) * 12);

    @media(width>=64rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

.home-hero-heading-28 {
    margin-top: calc(var(--spacing) * 6);
    margin-bottom: calc(var(--spacing) * 5);
    font-size: var(--text-4xl);
    --effect-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: #0d1b3e;

    @media(width>=40rem) {
        font-size: var(--text-5xl);
        line-height: var(--effect-leading, var(--text-5xl--line-height))
    }

    @media(width>=64rem) {
        font-size: 3.5rem
    }
}

.home-hero-copy-30 {
    margin-bottom: calc(var(--spacing) * 8);
    max-width: var(--container-lg);
    font-size: var(--text-lg);
    --effect-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: #5a6a8a
}

.home-hero-row-33 {
    margin-bottom: calc(var(--spacing) * 8);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2.5)
}

.home-hero-card-34 {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(var(--radius) + 4px);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: #0d1b3e14;
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    --effect-shadow: 0 1px 3px 0 var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--effect-shadow-color, rgb(0 0 0 / .1));
    box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow)
}

.home-hero-label-36 {
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    --effect-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #0d1b3e
}

.home-hero-link-38 {
    border-radius: calc(var(--radius) + 4px);
    background-color: #0060e6;
    padding-inline: calc(var(--spacing) * 7);
    padding-block: calc(var(--spacing) * 3.5);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));

    @media(hover:hover) {
        &:hover {
            background-color: #004cc4
        }
    }

    @media(hover:hover) {
        &:hover {
            --effect-shadow: 0 20px 25px -5px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--effect-shadow-color, rgb(0 0 0 / .1));
            box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow)
        }
    }

    @media(hover:hover) {
        &:hover {
            --effect-shadow-color: rgba(0, 96, 230, .3)
        }
    }

    @media(hover:hover) {
        @supports (color: color-mix(in lab, red, red)) {
            &:hover {
                --effect-shadow-color: color-mix(in oklab, rgba(0, 96, 230, .3) var(--effect-shadow-alpha), transparent)
            }
        }
    }

    &:active {
        --effect-scale-x: 95%;
        --effect-scale-y: 95%;
        --effect-scale-z: 95%;
        scale: var(--effect-scale-x) var(--effect-scale-y)
    }
}

.home-hero-button-39 {
    border-radius: calc(var(--radius) + 4px);
    background-color: #ff6a2f;
    padding-inline: calc(var(--spacing) * 7);
    padding-block: calc(var(--spacing) * 3.5);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));

    @media(hover:hover) {
        &:hover {
            background-color: #e5571f
        }
    }

    @media(hover:hover) {
        &:hover {
            --effect-shadow: 0 20px 25px -5px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--effect-shadow-color, rgb(0 0 0 / .1));
            box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow)
        }
    }

    @media(hover:hover) {
        &:hover {
            --effect-shadow-color: rgba(255, 106, 47, .3)
        }
    }

    @media(hover:hover) {
        @supports (color: color-mix(in lab, red, red)) {
            &:hover {
                --effect-shadow-color: color-mix(in oklab, rgba(255, 106, 47, .3) var(--effect-shadow-alpha), transparent)
            }
        }
    }

    &:active {
        --effect-scale-x: 95%;
        --effect-scale-y: 95%;
        --effect-scale-z: 95%;
        scale: var(--effect-scale-x) var(--effect-scale-y)
    }
}

.home-hero-row-40 {
    position: relative;
    display: none;

    @media(width>=64rem) {
        display: block
    }
}

.home-hero-img-42 {
    height: 420px;
    width: 100%;
    object-fit: cover
}

.home-hero-row-43 {
    position: absolute;
    inset: 0;
    --effect-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: color-mix(in oklab, #0D1B3E 40%, transparent);
    --effect-gradient-to: transparent;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    border-radius: 25px
}

.home-hero-card-44 {
    position: absolute;
    top: calc(var(--spacing) * 16);
    left: calc(var(--spacing) * -8);
    border-radius: var(--radius-2xl);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: #0d1b3e0f;
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 4);
    --effect-shadow: 0 20px 25px -5px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--effect-shadow-color, rgb(0 0 0 / .1));
    box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow);
    animation: float 4s ease-in-out infinite
}

.home-hero-card-46 {
    display: flex;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--radius) + 4px);
    --effect-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #0060E6;
    --effect-gradient-to: #00C2E8;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position))
}

.home-hero-card-50 {
    position: absolute;
    right: calc(var(--spacing) * -6);
    bottom: calc(var(--spacing) * 20);
    border-radius: var(--radius-2xl);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: #0d1b3e0f;
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 4);
    --effect-shadow: 0 20px 25px -5px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--effect-shadow-color, rgb(0 0 0 / .1));
    box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow);
    animation: float 4s ease-in-out infinite
}

.home-hero-card-52 {
    display: flex;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--radius) + 4px);
    --effect-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #FF6A2F;
    --effect-gradient-to: #FF9A3C;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position))
}

.home-hero-card-56 {
    position: absolute;
    top: calc(var(--spacing) * 8);
    right: calc(var(--spacing) * -4);
    border-radius: var(--radius-2xl);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: #0d1b3e0f;
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    --effect-shadow: 0 20px 25px -5px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--effect-shadow-color, rgb(0 0 0 / .1));
    box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow)
}

.home-hero-row-58 {
    font-size: var(--text-xl);
    line-height: var(--effect-leading, var(--text-xl--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: #ff6a2f
}

.home-hero-row-59 {
    margin-top: calc(var(--spacing) * .5);
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    --effect-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #0d1b3e
}

.home-hero-row-60 {
    font-size: 10px;
    color: #5a6a8a
}

.home-row-1 {
    overflow: hidden;
    background-color: #0d1b3e;
    padding-block: calc(var(--spacing) * 3.5)
}

.home-row-2 {
    display: flex;
    gap: calc(var(--spacing) * 8);
    white-space: nowrap
}

.home-label-3 {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    --effect-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: color-mix(in srgb, #fff 60%, transparent);

    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 60%, transparent)
    }
}

.home-label-4 {
    height: var(--spacing);
    width: var(--spacing);
    border-radius: calc(infinity * 1px);
    background-color: #00c2e8
}

.home-trust-strip-section-61 {
    --effect-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #0060E6;
    --effect-gradient-to: #00C2E8;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding-block: calc(var(--spacing) * 4)
}

.home-trust-strip-row-63 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 6);

    @media(width>=40rem) {
        gap: calc(var(--spacing) * 10)
    }
}

.home-trust-strip-row-64 {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: color-mix(in srgb, #fff 90%, transparent);

    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 90%, transparent)
    }
}

.home-trust-strip-icon-65 {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    flex-shrink: 0
}

.home-popular-programs-section-66 {
    background-color: #f4f7ff;
    padding-block: calc(var(--spacing) * 20);
    background-image: radial-gradient(circle, rgba(0, 194, 232, .15) 1px, transparent 1px);
    background-size: 28px 28px
}

.home-popular-programs-label-69 {
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --effect-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: #0060e6;
    text-transform: uppercase
}

.home-popular-programs-heading-70 {
    margin-top: calc(var(--spacing) * 2);
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-3xl);
    line-height: var(--effect-leading, var(--text-3xl--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: #0d1b3e;

    @media(width>=40rem) {
        font-size: var(--text-4xl);
        line-height: var(--effect-leading, var(--text-4xl--line-height))
    }
}

.home-popular-programs-copy-71 {
    margin-inline: auto;
    max-width: var(--container-xl);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    color: #5a6a8a
}

.home-popular-programs-card-73 {
    display: flex;
    flex-direction: column;
    border-radius: var(--radius-2xl);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: #0d1b3e12;
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 6);
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    --effect-duration: .3s;
    transition-duration: .3s;

    @media(hover:hover) {
        &:hover {
            --effect-translate-y: calc(var(--spacing) * -1);
            translate: var(--effect-translate-x) var(--effect-translate-y)
        }
    }

    @media(hover:hover) {
        &:hover {
            border-color: color-mix(in oklab, #0060E6 20%, transparent)
        }
    }

    @media(hover:hover) {
        &:hover {
            --effect-shadow: 0 20px 25px -5px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--effect-shadow-color, rgb(0 0 0 / .1));
            box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow)
        }
    }

    @media(hover:hover) {
        &:hover {
            --effect-shadow-color: rgba(0, 96, 230, .08)
        }
    }

    @media(hover:hover) {
        @supports (color: color-mix(in lab, red, red)) {
            &:hover {
                --effect-shadow-color: color-mix(in oklab, rgba(0, 96, 230, .08) var(--effect-shadow-alpha), transparent)
            }
        }
    }
}

.home-popular-programs-row-74 {
    margin-bottom: calc(var(--spacing) * 5);
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.home-popular-programs-card-75 {
    display: flex;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--radius) + 4px);
    --effect-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #EEF2FF;
    --effect-gradient-to: #E0E7FF;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    --effect-duration: .3s;
    transition-duration: .3s;

    @media(hover:hover) {
        &:is(:where(.interactive-card):hover *) {
            --effect-gradient-from: #0060E6;
            --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position))
        }
    }

    @media(hover:hover) {
        &:is(:where(.interactive-card):hover *) {
            --effect-gradient-to: #00C2E8;
            --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position))
        }
    }
}

.home-popular-programs-icon-76 {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    color: #0060e6;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --effect-gradient-from, --effect-gradient-via, --effect-gradient-to;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    --effect-duration: .3s;
    transition-duration: .3s;

    @media(hover:hover) {
        &:is(:where(.interactive-card):hover *) {
            color: var(--color-white)
        }
    }
}

.home-popular-programs-heading-77 {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-base);
    --effect-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #0d1b3e
}

.home-popular-programs-copy-78 {
    margin-bottom: calc(var(--spacing) * 4);
    flex: 1;
    font-size: var(--text-sm);
    --effect-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: #5a6a8a
}

.home-popular-programs-row-79 {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 1.5)
}

.home-popular-programs-label-80 {
    border-radius: var(--radius);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: #eef2ff;
    background-color: #f4f7ff;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: var(--spacing);
    font-size: 10px;
    --effect-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #0060e6
}

.home-popular-programs-row-81 {
    margin-bottom: calc(var(--spacing) * 5);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    color: #5a6a8a
}

.home-popular-programs-row-86 {
    display: flex;
    gap: calc(var(--spacing) * 2)
}

.home-popular-programs-link-87 {
    flex: 1;
    border-radius: calc(var(--radius) + 4px);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: #0d1b3e26;
    padding-block: calc(var(--spacing) * 2.5);
    text-align: center;
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #0d1b3e;
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));

    @media(hover:hover) {
        &:hover {
            border-color: #0060e6
        }
    }

    @media(hover:hover) {
        &:hover {
            color: #0060e6
        }
    }
}

.home-popular-programs-button-88 {
    flex: 1;
    border-radius: calc(var(--radius) + 4px);
    background-color: #0d1b3e;
    padding-block: calc(var(--spacing) * 2.5);
    text-align: center;
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    --effect-duration: .3s;
    transition-duration: .3s;

    @media(hover:hover) {
        &:is(:where(.interactive-card):hover *) {
            background-color: #0060e6
        }
    }
}

.home-popular-programs-link-90 {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(var(--radius) + 4px);
    border-style: var(--effect-border-style);
    border-width: 2px;
    border-color: #0060e6;
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #0060e6;
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));

    @media(hover:hover) {
        &:hover {
            background-color: #0060e6
        }
    }

    @media(hover:hover) {
        &:hover {
            color: var(--color-white)
        }
    }
}

.home-why-calance-section-92 {
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 20)
}

.home-why-calance-grid-94 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: center;
    gap: calc(var(--spacing) * 16);

    @media(width>=64rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

.home-why-calance-heading-96 {
    margin-top: calc(var(--spacing) * 2);
    margin-bottom: calc(var(--spacing) * 6);
    font-size: var(--text-3xl);
    line-height: var(--effect-leading, var(--text-3xl--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: #0d1b3e;

    @media(width>=40rem) {
        font-size: var(--text-4xl);
        line-height: var(--effect-leading, var(--text-4xl--line-height))
    }
}

.home-why-calance-copy-97 {
    margin-bottom: calc(var(--spacing) * 8);
    font-size: var(--text-sm);
    --effect-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: #5a6a8a
}

.home-why-calance-grid-98 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 2);

    @media(width>=40rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

.home-why-calance-card-99 {
    display: flex;
    gap: calc(var(--spacing) * 3.5);
    border-radius: var(--radius-2xl);
    padding: calc(var(--spacing) * 4);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --effect-gradient-from, --effect-gradient-via, --effect-gradient-to;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));

    @media(hover:hover) {
        &:hover {
            background-color: #f4f7ff
        }
    }
}

.home-why-calance-card-100 {
    margin-top: calc(var(--spacing) * .5);
    display: flex;
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--radius) + 4px);
    background-color: #eef2ff;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --effect-gradient-from, --effect-gradient-via, --effect-gradient-to;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));

    @media(hover:hover) {
        &:is(:where(.interactive-card):hover *) {
            background-color: color-mix(in oklab, #0060E6 10%, transparent)
        }
    }
}

.home-why-calance-card-105 {
    overflow: hidden;
    border-radius: var(--radius-3xl);
    --effect-shadow: 0 25px 50px -12px var(--effect-shadow-color, rgb(0 0 0 / .25));
    box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow);
    --effect-shadow-color: rgba(0, 96, 230, .12);

    @supports (color: color-mix(in lab, red, red)) {
        --effect-shadow-color: color-mix(in oklab, rgba(0, 96, 230, .12) var(--effect-shadow-alpha), transparent)
    }
}

.home-why-calance-img-106 {
    height: 400px;
    width: 100%;
    object-fit: cover
}

.home-why-calance-container-107 {
    position: absolute;
    bottom: calc(var(--spacing) * -6);
    left: calc(var(--spacing) * -6);
    max-width: 200px;
    border-radius: var(--radius-2xl);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: #0d1b3e12;
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 5);
    --effect-shadow: 0 20px 25px -5px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--effect-shadow-color, rgb(0 0 0 / .1));
    box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow)
}

.home-why-calance-row-108 {
    margin-bottom: calc(var(--spacing) * 2);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2)
}

.home-why-calance-row-110 {
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: #0060e6
}

.home-why-calance-row-112 {
    margin-top: calc(var(--spacing) * .5);
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    color: #5a6a8a
}

.home-why-calance-button-113 {
    margin-top: calc(var(--spacing) * 3);
    display: block;
    width: 100%;
    border-radius: calc(var(--radius) + 4px);
    background-color: #ff6a2f;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    text-align: center;
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --effect-gradient-from, --effect-gradient-via, --effect-gradient-to;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));

    @media(hover:hover) {
        &:hover {
            background-color: #e5571f
        }
    }
}

.home-placement-support-section-114 {
    background-color: #f4f7ff;
    padding-block: calc(var(--spacing) * 20)
}

.home-placement-support-container-120 {
    margin-inline: auto;
    display: grid;
    max-width: var(--container-5xl);
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 6);

    @media(width>=40rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    @media(width>=64rem) {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

.home-placement-support-card-121 {
    border-radius: var(--radius-2xl);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: #0d1b3e12;
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 6);
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));

    @media(hover:hover) {
        &:hover {
            --effect-shadow: 0 10px 15px -3px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--effect-shadow-color, rgb(0 0 0 / .1));
            box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow)
        }
    }

    @media(hover:hover) {
        &:hover {
            --effect-shadow-color: rgba(0, 96, 230, .08)
        }
    }

    @media(hover:hover) {
        @supports (color: color-mix(in lab, red, red)) {
            &:hover {
                --effect-shadow-color: color-mix(in oklab, rgba(0, 96, 230, .08) var(--effect-shadow-alpha), transparent)
            }
        }
    }
}

.home-placement-support-card-122 {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    height: calc(var(--spacing) * 11);
    width: calc(var(--spacing) * 11);
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--radius) + 4px);
    background-color: #eef2ff
}

.home-placement-support-heading-124 {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #0d1b3e
}

.home-placement-support-link-127 {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(var(--radius) + 4px);
    background-color: #0d1b3e;
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 3.5);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));

    @media(hover:hover) {
        &:hover {
            background-color: #0060e6
        }
    }

    @media(hover:hover) {
        &:hover {
            --effect-shadow: 0 10px 15px -3px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--effect-shadow-color, rgb(0 0 0 / .1));
            box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow)
        }
    }
}

.home-career-timeline-row-131 {
    margin-bottom: calc(var(--spacing) * 14);
    text-align: center
}

.home-career-timeline-grid-134 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--spacing) * 4);

    @media(width>=40rem) {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    @media(width>=64rem) {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }
}

.home-career-timeline-row-135 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.home-career-timeline-card-136 {
    margin-bottom: calc(var(--spacing) * 2.5);
    display: flex;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-2xl);
    border-style: var(--effect-border-style);
    border-width: 2px;
    border-color: #0060e61f;
    background-color: #f4f7ff;
    --effect-shadow: 0 1px 3px 0 var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--effect-shadow-color, rgb(0 0 0 / .1));
    box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow);
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));

    @media(hover:hover) {
        &:is(:where(.interactive-card):hover *) {
            --effect-translate-y: calc(var(--spacing) * -1);
            translate: var(--effect-translate-x) var(--effect-translate-y)
        }
    }

    @media(hover:hover) {
        &:is(:where(.interactive-card):hover *) {
            border-color: #0060e6
        }
    }

    @media(hover:hover) {
        &:is(:where(.interactive-card):hover *) {
            background-color: #eef2ff
        }
    }

    @media(hover:hover) {
        &:is(:where(.interactive-card):hover *) {
            --effect-shadow: 0 4px 6px -1px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--effect-shadow-color, rgb(0 0 0 / .1));
            box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow)
        }
    }
}

.home-career-timeline-row-138 {
    margin-bottom: calc(var(--spacing) * .5);
    font-size: 9px;
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --effect-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: #00c2e8
}

.home-career-timeline-row-139 {
    margin-bottom: var(--spacing);
    font-size: 11px;
    --effect-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #0d1b3e
}

.home-career-timeline-row-140 {
    display: none;
    font-size: 10px;
    --effect-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    color: #5a6a8a;

    @media(width>=64rem) {
        display: block
    }
}

.home-content-section-11 {
    position: relative;
    overflow: hidden;
    --effect-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #FF6A2F;
    --effect-gradient-to: #FF9054;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding-block: calc(var(--spacing) * 16)
}

.home-content-row-12 {
    position: absolute;
    inset: 0;
    opacity: 10%;
    background-image: linear-gradient(rgba(0, 102, 255, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 102, 255, .06) 1px, transparent 1px);
    background-size: 40px 40px
}

.home-content-icon-14 {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    color: color-mix(in srgb, #fff 80%, transparent);

    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 80%, transparent)
    }
}

.home-content-heading-15 {
    margin-bottom: calc(var(--spacing) * 3);
    font-size: var(--text-3xl);
    line-height: var(--effect-leading, var(--text-3xl--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-white);

    @media(width>=40rem) {
        font-size: var(--text-4xl);
        line-height: var(--effect-leading, var(--text-4xl--line-height))
    }
}

.home-content-copy-16 {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-lg);
    line-height: var(--effect-leading, var(--text-lg--line-height));
    color: color-mix(in srgb, #fff 85%, transparent);

    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 85%, transparent)
    }
}

.home-content-copy-17 {
    margin-bottom: calc(var(--spacing) * 8);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    color: color-mix(in srgb, #fff 70%, transparent);

    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 70%, transparent)
    }
}

.home-content-button-19 {
    border-radius: calc(var(--radius) + 4px);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: #ff6a2f;
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));

    @media(hover:hover) {
        &:hover {
            background-color: #fff3ee
        }
    }

    @media(hover:hover) {
        &:hover {
            --effect-shadow: 0 20px 25px -5px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--effect-shadow-color, rgb(0 0 0 / .1));
            box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow)
        }
    }

    &:active {
        --effect-scale-x: 95%;
        --effect-scale-y: 95%;
        --effect-scale-z: 95%;
        scale: var(--effect-scale-x) var(--effect-scale-y)
    }
}

.home-testimonials-heading-145 {
    margin-top: calc(var(--spacing) * 2);
    font-size: var(--text-3xl);
    line-height: var(--effect-leading, var(--text-3xl--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: #0d1b3e
}

.home-testimonials-grid-146 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 6);

    @media(width>=48rem) {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

.home-testimonials-card-147 {
    border-radius: var(--radius-2xl);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: #0d1b3e12;
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 6);
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));

    @media(hover:hover) {
        &:hover {
            --effect-shadow: 0 20px 25px -5px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--effect-shadow-color, rgb(0 0 0 / .1));
            box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow)
        }
    }

    @media(hover:hover) {
        &:hover {
            --effect-shadow-color: rgba(0, 96, 230, .07)
        }
    }

    @media(hover:hover) {
        @supports (color: color-mix(in lab, red, red)) {
            &:hover {
                --effect-shadow-color: color-mix(in oklab, rgba(0, 96, 230, .07) var(--effect-shadow-alpha), transparent)
            }
        }
    }
}

.home-testimonials-row-148 {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    gap: calc(var(--spacing) * .5)
}

.home-testimonials-label-149 {
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    color: #ff6a2f
}

.home-testimonials-copy-150 {
    margin-bottom: calc(var(--spacing) * 5);
    font-size: var(--text-sm);
    --effect-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: #5a6a8a;
    font-style: italic
}

.home-testimonials-card-152 {
    display: flex;
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    --effect-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #0060E6;
    --effect-gradient-to: #00C2E8;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white)
}

.home-testimonials-copy-155 {
    margin-top: calc(var(--spacing) * 6);
    text-align: center;
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    color: #8ca3cc
}

.home-lead-form-card-163 {
    border-radius: var(--radius-3xl);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: #0d1b3e12;
    --effect-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #F4F7FF;
    --effect-gradient-to: #EEF3FF;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding: calc(var(--spacing) * 8);
    --effect-shadow: 0 20px 25px -5px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--effect-shadow-color, rgb(0 0 0 / .1));
    box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow);
    --effect-shadow-color: rgba(0, 96, 230, .06);

    @supports (color: color-mix(in lab, red, red)) {
        --effect-shadow-color: color-mix(in oklab, rgba(0, 96, 230, .06) var(--effect-shadow-alpha), transparent)
    }

    @media(width>=40rem) {
        padding: calc(var(--spacing) * 12)
    }
}

.home-lead-form-heading-166 {
    margin-top: calc(var(--spacing) * 2);
    margin-bottom: calc(var(--spacing) * 3);
    font-size: var(--text-3xl);
    line-height: var(--effect-leading, var(--text-3xl--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: #0d1b3e
}

.about-what-makes-us-different-row-42 {
    display: flex;
    flex-direction: column;
    gap: 30px
}

.about-content-grid-4 {
    margin-top: calc(var(--spacing) * 8);
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: center;
    gap: calc(var(--spacing) * 14);

    @media(width>=64rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

.about-content-heading-6 {
    margin-top: calc(var(--spacing) * 2);
    margin-bottom: calc(var(--spacing) * 6);
    font-size: var(--text-4xl);
    line-height: var(--effect-leading, var(--text-4xl--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: #0d1b3e;

    @media(width>=40rem) {
        font-size: var(--text-5xl);
        line-height: var(--effect-leading, var(--text-5xl--line-height))
    }
}

.about-content-copy-8 {
    margin-bottom: calc(var(--spacing) * 5);
    --effect-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: #5a6a8a
}

.about-content-copy-11 {
    margin-bottom: calc(var(--spacing) * 8);
    --effect-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: #5a6a8a
}

.about-content-row-12 {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 4)
}

.about-content-link-13 {
    border-radius: calc(var(--radius) + 4px);
    background-color: #0060e6;
    padding-inline: calc(var(--spacing) * 7);
    padding-block: calc(var(--spacing) * 3.5);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));

    @media(hover:hover) {
        &:hover {
            background-color: #004cc4
        }
    }

    @media(hover:hover) {
        &:hover {
            --effect-shadow: 0 10px 15px -3px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--effect-shadow-color, rgb(0 0 0 / .1));
            box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow)
        }
    }
}

.about-content-link-14 {
    border-radius: calc(var(--radius) + 4px);
    border-style: var(--effect-border-style);
    border-width: 2px;
    border-color: #0060e6;
    padding-inline: calc(var(--spacing) * 7);
    padding-block: calc(var(--spacing) * 3.5);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #0060e6;
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));

    @media(hover:hover) {
        &:hover {
            background-color: #0060e6
        }
    }

    @media(hover:hover) {
        &:hover {
            color: var(--color-white)
        }
    }
}

.about-content-img-17 {
    height: 380px;
    width: 100%;
    object-fit: cover
}

.about-content-card-18 {
    position: absolute;
    bottom: calc(var(--spacing) * -5);
    left: calc(var(--spacing) * -5);
    border-radius: var(--radius-2xl);
    padding: calc(var(--spacing) * 5);
    --effect-shadow: 0 20px 25px -5px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--effect-shadow-color, rgb(0 0 0 / .1));
    box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow);
    background: #ffffffb3;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, .5)
}

.about-content-row-21 {
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: #0d1b3e
}

.about-mission-container-25 {
    margin-inline: auto;
    max-width: var(--container-3xl);
    text-align: center
}

.about-mission-heading-26 {
    margin-bottom: calc(var(--spacing) * 6);
    font-size: var(--text-3xl);
    line-height: var(--effect-leading, var(--text-3xl--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: #0d1b3e
}

.about-values-card-32 {
    border-radius: var(--radius-2xl);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #fff 60%, transparent);

    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 60%, transparent)
    }

    padding:calc(var(--spacing) * 6);
    transition-property:all;
    transition-timing-function:var(--effect-ease, var(--default-transition-timing-function));
    transition-duration:var(--effect-duration, var(--default-transition-duration));

    @media(hover:hover) {
        &:hover {
            --effect-translate-y: calc(var(--spacing) * -1);
            translate: var(--effect-translate-x) var(--effect-translate-y)
        }
    }

    @media(hover:hover) {
        &:hover {
            --effect-shadow: 0 20px 25px -5px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--effect-shadow-color, rgb(0 0 0 / .1));
            box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow)
        }
    }

    @media(hover:hover) {
        &:hover {
            --effect-shadow-color: rgba(0, 96, 230, .08)
        }
    }

    @media(hover:hover) {
        @supports (color: color-mix(in lab, red, red)) {
            &:hover {
                --effect-shadow-color: color-mix(in oklab, rgba(0, 96, 230, .08) var(--effect-shadow-alpha), transparent)
            }
        }
    }

    background:#ffffffb3;
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    border:1px solid rgba(255, 255, 255, .5)
}

.about-values-card-33 {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--radius) + 4px);
    background-color: #eef2ff
}

.about-what-makes-us-different-section-37 {
    position: relative;
    overflow: hidden;
    --effect-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #0D1B3E;
    --effect-gradient-to: #0D2A5E;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding-block: calc(var(--spacing) * 16)
}

.about-what-makes-us-different-grid-40 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: center;
    gap: calc(var(--spacing) * 14);

    @media(width>=64rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

.about-what-makes-us-different-heading-41 {
    margin-bottom: calc(var(--spacing) * 8);
    font-size: var(--text-3xl);
    line-height: var(--effect-leading, var(--text-3xl--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-white)
}

.about-what-makes-us-different-row-43 {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 4)
}

.about-what-makes-us-different-card-44 {
    display: flex;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--radius) + 4px);
    background-color: color-mix(in srgb, #fff 10%, transparent);

    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent)
    }
}

.about-what-makes-us-different-row-46 {
    margin-bottom: var(--spacing);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white)
}

.about-what-makes-us-different-img-48 {
    height: 360px;
    width: 100%;
    border-radius: var(--radius-3xl);
    object-fit: cover;
    --effect-shadow: 0 25px 50px -12px var(--effect-shadow-color, rgb(0 0 0 / .25));
    box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow)
}

.admission-process-steps-row-14 {
    margin-bottom: 10px
}

.page-banner .admission-process-content-card-9 {
    color: #fff
}

.page-banner .admission-process-content-card-9 svg {
    color: #ffd9a8
}

.admission-process-content-card-9 {
    margin-top: calc(var(--spacing) * 5);
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    --effect-shadow: 0 10px 15px -3px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--effect-shadow-color, rgb(0 0 0 / .1));
    box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow);
    background: linear-gradient(90deg, #ff6a2f, #ff9a3c, #ff6a2f);
    background-size: 200%;
    animation: shimmer 2s linear infinite
}

.admission-process-steps-container-12 {
    margin-inline: auto;
    max-width: var(--container-5xl);
    padding-inline: calc(var(--spacing) * 4);

    @media(width>=40rem) {
        padding-inline: calc(var(--spacing) * 6)
    }
}

.admission-process-steps-row-14 {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 6)
}

.admission-process-steps-row-15 {
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    align-items: center
}

.admission-process-steps-card-16 {
    display: flex;
    height: calc(var(--spacing) * 14);
    width: calc(var(--spacing) * 14);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-2xl);
    --effect-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #0060E6;
    --effect-gradient-to: #00C2E8;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    font-size: var(--text-lg);
    line-height: var(--effect-leading, var(--text-lg--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-white);
    --effect-shadow: 0 10px 15px -3px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--effect-shadow-color, rgb(0 0 0 / .1));
    box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow);
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));

    @media(hover:hover) {
        &:is(:where(.interactive-card):hover *) {
            --effect-shadow: 0 20px 25px -5px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--effect-shadow-color, rgb(0 0 0 / .1));
            box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow)
        }
    }

    @media(hover:hover) {
        &:is(:where(.interactive-card):hover *) {
            --effect-shadow-color: rgba(0, 96, 230, .25)
        }
    }

    @media(hover:hover) {
        @supports (color: color-mix(in lab, red, red)) {
            &:is(:where(.interactive-card):hover *) {
                --effect-shadow-color: color-mix(in oklab, rgba(0, 96, 230, .25) var(--effect-shadow-alpha), transparent)
            }
        }
    }
}

.admission-process-steps-row-17 {
    margin-top: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * .5);
    --effect-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: color-mix(in oklab, #0060E6 50%, transparent);
    --effect-gradient-to: transparent;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position))
}

.admission-process-steps-card-18 {
    flex: 1;
    border-radius: var(--radius-2xl);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: #0d1b3e12;
    background-color: #f4f7ff;
    padding: calc(var(--spacing) * 5);
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));

    @media(hover:hover) {
        &:hover {
            border-color: color-mix(in oklab, #0060E6 20%, transparent)
        }
    }

    @media(hover:hover) {
        &:hover {
            --effect-shadow: 0 10px 15px -3px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--effect-shadow-color, rgb(0 0 0 / .1));
            box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow)
        }
    }
}

.admission-process-steps-row-19 {
    margin-bottom: calc(var(--spacing) * 2);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3)
}

.admission-process-steps-card-20 {
    display: flex;
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: #0d1b3e14;
    background-color: var(--color-white)
}

.admission-process-documents-needed-card-29 {
    display: flex;
    gap: calc(var(--spacing) * 3);
    border-radius: calc(var(--radius) + 4px);
    background-color: #f4f7ff;
    padding: calc(var(--spacing) * 4)
}

.admission-process-documents-needed-icon-30 {
    margin-top: calc(var(--spacing) * .5);
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    flex-shrink: 0;
    color: #0060e6
}

.admission-process-documents-needed-copy-33 {
    margin-top: calc(var(--spacing) * 5);
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    color: #8ca3cc
}

.admission-process-quick-action-section-34 {
    --effect-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #0060E6;
    --effect-gradient-to: #00C2E8;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding-block: calc(var(--spacing) * 12)
}

.admission-process-quick-action-container-35 {
    margin-inline: auto;
    max-width: var(--container-3xl);
    padding-inline: calc(var(--spacing) * 4);
    text-align: center;

    @media(width>=40rem) {
        padding-inline: calc(var(--spacing) * 6)
    }
}

.admission-process-quick-action-heading-36 {
    margin-bottom: calc(var(--spacing) * 3);
    font-size: var(--text-2xl);
    line-height: var(--effect-leading, var(--text-2xl--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-white)
}

.admission-process-quick-action-copy-37 {
    margin-bottom: calc(var(--spacing) * 6);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    color: color-mix(in srgb, #fff 80%, transparent);

    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 80%, transparent)
    }
}

.admission-process-quick-action-a-39 {
    border-radius: calc(var(--radius) + 4px);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 7);
    padding-block: calc(var(--spacing) * 3.5);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: #0060e6;
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));

    @media(hover:hover) {
        &:hover {
            --effect-shadow: 0 20px 25px -5px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--effect-shadow-color, rgb(0 0 0 / .1));
            box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow)
        }
    }
}

.admission-process-quick-action-a-40 {
    border-radius: calc(var(--radius) + 4px);
    border-style: var(--effect-border-style);
    border-width: 2px;
    border-color: color-mix(in srgb, #fff 60%, transparent);

    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 60%, transparent)
    }

    padding-inline:calc(var(--spacing) * 7);
    padding-block:calc(var(--spacing) * 3.5);
    font-size:var(--text-sm);
    line-height:var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-bold);
    font-weight:var(--font-weight-bold);
    color:var(--color-white);
    transition-property:all;
    transition-timing-function:var(--effect-ease, var(--default-transition-timing-function));
    transition-duration:var(--effect-duration, var(--default-transition-duration));

    @media(hover:hover) {
        &:hover {
            border-color: var(--color-white)
        }
    }
}

.contact-content-card-14,
.contact-content-a-22 {
    margin: 10px 0
}

.contact-content-row-34 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px
}

.contact-map-wrapper {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    border-radius: var(--radius-3xl);
    border: 1px solid rgba(13, 27, 62, .08);
    box-shadow: 0 20px 25px -5px #0d1b3e1a, 0 8px 10px -6px #0d1b3e1a
}

.contact-map-wrapper iframe {
    display: block;
    width: 100%;
    border: 0;
    height: 360px
}

@media(max-width:640px) {
    .contact-map-wrapper iframe {
        height: 280px
    }
}

.contact-social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    color: #fff;
    background-color: #0d1b3e;
    transition: background-color .2s ease, transform .2s ease
}

.contact-social-link--linkedin:hover,
.contact-social-link--linkedin:focus-visible {
    background-color: #0a66c2
}

.contact-social-link--instagram:hover,
.contact-social-link--instagram:focus-visible {
    background-color: #e1306c
}

.contact-social-link--facebook:hover,
.contact-social-link--facebook:focus-visible {
    background-color: #1877f2
}

.contact-social-link--youtube:hover,
.contact-social-link--youtube:focus-visible {
    background-color: red
}

.contact-social-link:hover {
    transform: translateY(-2px)
}

@media(max-width:640px) {
    .contact-social-link {
        width: 38px;
        height: 38px
    }
}

.contact-locations {
    padding: 5rem 0;
    background: #fff
}

.contact-locations-heading {
    text-align: center;
    margin-bottom: 3.5rem
}

.contact-locations-heading h2 {
    margin: 0;
    color: #27304a;
    font-size: clamp(2.5rem, 5vw, 4.5rem);
    line-height: 1.05;
    font-weight: 800
}

.contact-locations-heading p {
    margin: 1.5rem 0 0;
    color: #28517f;
    font-size: clamp(1.15rem, 2vw, 1.5rem)
}

.contact-locations-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.5rem
}

.contact-location-card {
    min-height: 31rem;
    padding: 2.5rem 1.75rem;
    color: #fff;
    position: relative;
    overflow: hidden;
    background: #2443c7
}

.contact-location-card:after {
    content: "";
    position: absolute;
    left: -10%;
    right: -10%;
    bottom: -4rem;
    height: 9rem;
    border-radius: 50% 50% 0 0;
    background: linear-gradient(12deg, #fff3, #ffffff05);
    transform: rotate(5deg)
}

.contact-location-card h3 {
    position: relative;
    z-index: 1;
    margin: 0 0 3.5rem;
    font-size: 2rem;
    line-height: 1.1
}

.contact-location-card p {
    position: relative;
    z-index: 1;
    margin: 0;
    display: flex;
    gap: .85rem;
    font-size: 1.1rem;
    line-height: 1.55
}

.contact-location-card p span {
    font-size: .8rem;
    margin-top: .45rem
}

.contact-location-us {
    min-height: auto
}

.contact-location-india {
    background: #2443c7
}

@media(max-width:900px) {
    .contact-locations-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

.contact-content-row-4 {
    margin-top: calc(var(--spacing) * 6)
}

.contact-content-copy-8 {
    max-width: var(--container-xl);
    font-size: var(--text-lg);
    line-height: var(--effect-leading, var(--text-lg--line-height));
    color: #5a6a8a
}

.contact-content-grid-11 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 8);

    @media(width>=64rem) {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

.contact-content-heading-13 {
    margin-bottom: calc(var(--spacing) * 6);
    font-size: var(--text-xl);
    line-height: var(--effect-leading, var(--text-xl--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: #0d1b3e
}

.contact-content-card-14 {
    display: flex;
    gap: calc(var(--spacing) * 4);
    border-radius: var(--radius-2xl);
    background-color: #f4f7ff;
    padding: calc(var(--spacing) * 5)
}

.contact-content-card-15 {
    display: flex;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--radius) + 4px);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: #0d1b3e12;
    background-color: var(--color-white)
}

.contact-content-row-17 {
    min-width: 0px
}

.contact-content-row-18 {
    margin-bottom: var(--spacing);
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    --effect-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #5a6a8a
}

.contact-content-row-21 {
    margin-top: calc(var(--spacing) * .5);
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    color: #5a6a8a
}

.contact-content-a-19 {
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    word-break: break-all;
    color: #0d1b3e;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --effect-gradient-from, --effect-gradient-via, --effect-gradient-to;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));

    @media(hover:hover) {
        &:hover {
            color: #0060e6
        }
    }
}

.contact-content-a-22 {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-2xl);
    background-color: #25d366;
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 4);
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    --effect-shadow: 0 10px 15px -3px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--effect-shadow-color, rgb(0 0 0 / .1));
    box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow);
    --effect-shadow-color: rgba(37, 211, 102, .25);

    @supports (color: color-mix(in lab, red, red)) {
        --effect-shadow-color: color-mix(in oklab, rgba(37, 211, 102, .25) var(--effect-shadow-alpha), transparent)
    }

    transition-property:all;
    transition-timing-function:var(--effect-ease, var(--default-transition-timing-function));
    transition-duration:var(--effect-duration, var(--default-transition-duration));

    @media(hover:hover) {
        &:hover {
            background-color: #1ebe5d
        }
    }
}

.contact-content-icon-23 {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5)
}

.contact-content-row-24 {
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black)
}

.contact-content-row-25 {
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    color: color-mix(in srgb, #fff 80%, transparent);

    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 80%, transparent)
    }
}

.contact-content-a-26 {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-2xl);
    background-color: #0060e6;
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 4);
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    --effect-shadow: 0 10px 15px -3px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--effect-shadow-color, rgb(0 0 0 / .1));
    box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow);
    --effect-shadow-color: rgba(0, 96, 230, .25);

    @supports (color: color-mix(in lab, red, red)) {
        --effect-shadow-color: color-mix(in oklab, rgba(0, 96, 230, .25) var(--effect-shadow-alpha), transparent)
    }

    transition-property:all;
    transition-timing-function:var(--effect-ease, var(--default-transition-timing-function));
    transition-duration:var(--effect-duration, var(--default-transition-duration));

    @media(hover:hover) {
        &:hover {
            background-color: #004cc4
        }
    }
}

.contact-content-row-30 {
    padding-top: calc(var(--spacing) * 2)
}

.contact-content-row-31 {
    margin-bottom: calc(var(--spacing) * 3);
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    --effect-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --effect-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: #5a6a8a;
    text-transform: uppercase
}

.contact-content-row-34 {
    @media(width>=64rem) {
        grid-column: span 2 / span 2
    }
}

.contact-content-card-35 {
    position: relative;
    display: flex;
    height: calc(var(--spacing) * 52);
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: var(--radius-3xl);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: #0060e61a;
    --effect-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #EEF2FF;
    --effect-gradient-to: #E8F0FF;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position))
}

.contact-content-row-36 {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(0, 194, 232, .15) 1px, transparent 1px);
    background-size: 28px 28px
}

.contact-content-row-37 {
    position: relative;
    z-index: 10;
    text-align: center
}

.contact-content-card-38 {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 3);
    display: flex;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-2xl);
    background-color: var(--color-white);
    --effect-shadow: 0 4px 6px -1px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--effect-shadow-color, rgb(0 0 0 / .1));
    box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow)
}

.contact-content-a-42 {
    margin-top: calc(var(--spacing) * 3);
    display: inline-block;
    border-radius: calc(var(--radius) + 4px);
    background-color: #0060e6;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --effect-gradient-from, --effect-gradient-via, --effect-gradient-to;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));

    @media(hover:hover) {
        &:hover {
            background-color: #004cc4
        }
    }
}

.offer-badge-card-2-variant-2 {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    --effect-shadow: 0 10px 15px -3px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--effect-shadow-color, rgb(0 0 0 / .1));
    box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow);
    --effect-shadow-color: rgba(255, 106, 47, .3);

    @supports (color: color-mix(in lab, red, red)) {
        --effect-shadow-color: color-mix(in oklab, rgba(255, 106, 47, .3) var(--effect-shadow-alpha), transparent)
    }

    background:linear-gradient(90deg, #ff6a2f, #ff9a3c, #ff6a2f);
    background-size:200%;
    animation:shimmer 2s linear infinite
}

.course-status-badge-label-1-variant-2 {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(infinity * 1px);
    background-color: var(--color-amber-50);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: var(--spacing);
    font-size: 10px;
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-amber-700)
}

.course-status-badge-label-2-variant-2 {
    height: calc(var(--spacing) * 1.5);
    width: calc(var(--spacing) * 1.5);
    animation: var(--animate-pulse);
    border-radius: calc(infinity * 1px);
    background-color: var(--color-amber-400)
}

.courses-header-section-2 {
    --effect-gradient-position: to bottom right in oklab;
    --effect-gradient-from: #F4F7FF;
    --effect-gradient-via: #EEF3FF;
    --effect-gradient-via-stops: var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-via) var(--effect-gradient-via-position), var(--effect-gradient-to) var(--effect-gradient-to-position);
    --effect-gradient-to: #E8F0FF;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding-block: calc(var(--spacing) * 14);
    background-image: linear-gradient(rgba(0, 102, 255, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 102, 255, .06) 1px, transparent 1px);
    background-size: 40px 40px
}

.courses-header-heading-5 {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-4xl);
    line-height: var(--effect-leading, var(--text-4xl--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: #0d1b3e;

    @media(width>=40rem) {
        font-size: var(--text-5xl);
        line-height: var(--effect-leading, var(--text-5xl--line-height))
    }
}

.courses-header-label-6 {
    margin-top: var(--spacing);
    display: block;
    font-size: var(--text-3xl);
    line-height: var(--effect-leading, var(--text-3xl--line-height));

    @media(width>=40rem) {
        font-size: var(--text-4xl);
        line-height: var(--effect-leading, var(--text-4xl--line-height))
    }

    background:linear-gradient(135deg, #0060e6, #00c2e8);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text
}

.courses-header-copy-7 {
    margin-bottom: calc(var(--spacing) * 6);
    font-size: var(--text-lg);
    --effect-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: #5a6a8a
}

.courses-search-filter-section-8 {
    position: sticky;
    top: calc(var(--spacing) * 16);
    z-index: 30;
    border-bottom-style: var(--effect-border-style);
    border-bottom-width: 1px;
    border-color: #0d1b3e14;
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 4)
}

.courses-search-filter-container-9 {
    margin-inline: auto;
    display: flex;
    max-width: var(--container-7xl);
    flex-direction: column;
    align-items: flex-start;
    gap: calc(var(--spacing) * 4);
    padding-inline: calc(var(--spacing) * 4);

    @media(width>=40rem) {
        flex-direction: row
    }

    @media(width>=40rem) {
        align-items: center
    }

    @media(width>=40rem) {
        padding-inline: calc(var(--spacing) * 6)
    }
}

.courses-search-filter-container-10 {
    position: relative;
    max-width: var(--container-xs);
    flex: 1
}

.courses-search-filter-icon-11 {
    position: absolute;
    top: 50%;
    left: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    --effect-translate-y: -50%;
    translate: var(--effect-translate-x) var(--effect-translate-y);
    color: #5a6a8a
}

.courses-search-filter-input-12 {
    width: 100%;
    border-radius: calc(var(--radius) + 4px);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: #0d1b3e26;
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 2.5);
    padding-right: calc(var(--spacing) * 4);
    padding-left: calc(var(--spacing) * 9);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));

    &:focus {
        border-color: #0060e6
    }

    &:focus {
        --effect-ring-shadow: var(--effect-ring-inset, ) 0 0 0 calc(2px + var(--effect-ring-offset-width)) var(--effect-ring-color, currentcolor);
        box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow)
    }

    &:focus {
        --effect-ring-color: color-mix(in oklab, #0060E6 20%, transparent)
    }

    &:focus {
        --effect-outline-style: none;
        outline-style: none
    }
}

.courses-search-filter-button-14 {
    border-radius: calc(var(--radius) + 4px);
    background-color: #0060e6;
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    --effect-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
    --effect-shadow: 0 4px 6px -1px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--effect-shadow-color, rgb(0 0 0 / .1));
    box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow);
    --effect-shadow-color: rgba(0, 96, 230, .25);

    @supports (color: color-mix(in lab, red, red)) {
        --effect-shadow-color: color-mix(in oklab, rgba(0, 96, 230, .25) var(--effect-shadow-alpha), transparent)
    }

    transition-property:all;
    transition-timing-function:var(--effect-ease, var(--default-transition-timing-function));
    transition-duration:var(--effect-duration, var(--default-transition-duration))
}

.courses-search-filter-button-14-variant-2 {
    border-radius: calc(var(--radius) + 4px);
    background-color: #eef2ff;
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    --effect-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #5a6a8a;
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));

    @media(hover:hover) {
        &:hover {
            background-color: color-mix(in oklab, #0060E6 10%, transparent)
        }
    }

    @media(hover:hover) {
        &:hover {
            color: #0060e6
        }
    }
}

.courses-search-filter-row-15 {
    margin-left: auto;
    display: none;
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    white-space: nowrap;
    color: #5a6a8a;

    @media(width>=40rem) {
        display: block
    }
}

.courses-course-grid-section-16 {
    background-color: #f4f7ff;
    padding-block: calc(var(--spacing) * 12)
}

.courses-course-grid-grid-22 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 7);

    @media(width>=48rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    @media(width>=80rem) {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

.courses-course-grid-card-23 {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: var(--radius-3xl);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: #0d1b3e12;
    background-color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    --effect-duration: .3s;
    transition-duration: .3s;

    @media(hover:hover) {
        &:hover {
            --effect-translate-y: calc(var(--spacing) * -1);
            translate: var(--effect-translate-x) var(--effect-translate-y)
        }
    }

    @media(hover:hover) {
        &:hover {
            border-color: color-mix(in oklab, #0060E6 20%, transparent)
        }
    }

    @media(hover:hover) {
        &:hover {
            --effect-shadow: 0 25px 50px -12px var(--effect-shadow-color, rgb(0 0 0 / .25));
            box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow)
        }
    }

    @media(hover:hover) {
        &:hover {
            --effect-shadow-color: rgba(0, 96, 230, .1)
        }
    }

    @media(hover:hover) {
        @supports (color: color-mix(in lab, red, red)) {
            &:hover {
                --effect-shadow-color: color-mix(in oklab, rgba(0, 96, 230, .1) var(--effect-shadow-alpha), transparent)
            }
        }
    }
}

.courses-course-grid-row-24 {
    position: relative;
    --effect-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #0060E6;
    --effect-gradient-to: #00C2E8;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding: calc(var(--spacing) * 6)
}

.courses-course-grid-row-25 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.courses-course-grid-card-26 {
    display: flex;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--radius) + 4px);
    background-color: color-mix(in srgb, #fff 20%, transparent);

    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 20%, transparent)
    }
}

.courses-course-grid-label-28 {
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in srgb, #fff 20%, transparent);

    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 20%, transparent)
    }

    padding-inline:calc(var(--spacing) * 3);
    padding-block:var(--spacing);
    font-size:10px;
    --effect-font-weight: var(--font-weight-bold);
    font-weight:var(--font-weight-bold);
    color:var(--color-white);
    --effect-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter:var(--effect-backdrop-blur, ) var(--effect-backdrop-brightness, ) var(--effect-backdrop-contrast, ) var(--effect-backdrop-grayscale, ) var(--effect-backdrop-hue-rotate, ) var(--effect-backdrop-invert, ) var(--effect-backdrop-opacity, ) var(--effect-backdrop-saturate, ) var(--effect-backdrop-sepia, );
    backdrop-filter:var(--effect-backdrop-blur, ) var(--effect-backdrop-brightness, ) var(--effect-backdrop-contrast, ) var(--effect-backdrop-grayscale, ) var(--effect-backdrop-hue-rotate, ) var(--effect-backdrop-invert, ) var(--effect-backdrop-opacity, ) var(--effect-backdrop-saturate, ) var(--effect-backdrop-sepia, )
}

.courses-course-grid-heading-29 {
    margin-top: calc(var(--spacing) * 4);
    font-size: var(--text-lg);
    --effect-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-white)
}

.courses-course-grid-row-30 {
    margin-top: calc(var(--spacing) * 2);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    color: color-mix(in srgb, #fff 80%, transparent);

    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 80%, transparent)
    }
}

.courses-course-grid-row-35 {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: calc(var(--spacing) * 6)
}

.courses-course-grid-row-36 {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.courses-course-grid-label-37 {
    border-radius: var(--radius);
    background-color: #f4f7ff;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: var(--spacing);
    font-size: 10px;
    color: #5a6a8a;
    text-transform: capitalize
}

.courses-course-grid-copy-38 {
    margin-bottom: calc(var(--spacing) * 4);
    flex: 1;
    font-size: var(--text-sm);
    --effect-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: #5a6a8a
}

.courses-course-grid-row-39 {
    margin-bottom: calc(var(--spacing) * 4)
}

.courses-course-grid-row-40 {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    --effect-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #0d1b3e
}

.courses-course-grid-card-43 {
    margin-bottom: calc(var(--spacing) * 5);
    border-radius: calc(var(--radius) + 4px);
    background-color: #f4f7ff;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    color: #5a6a8a
}

.courses-course-grid-label-44 {
    --effect-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #0d1b3e
}

.courses-course-grid-link-46 {
    flex: 1;
    border-radius: calc(var(--radius) + 4px);
    background-color: #0d1b3e;
    padding-block: calc(var(--spacing) * 3);
    text-align: center;
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    --effect-duration: .3s;
    transition-duration: .3s;

    @media(hover:hover) {
        &:is(:where(.interactive-card):hover *) {
            background-color: #0060e6
        }
    }
}

.courses-course-grid-button-47 {
    border-radius: calc(var(--radius) + 4px);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: #0060e6;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #0060e6;
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));

    @media(hover:hover) {
        &:hover {
            background-color: #0060e6
        }
    }

    @media(hover:hover) {
        &:hover {
            color: var(--color-white)
        }
    }
}

.courses-course-grid-row-24-variant-2 {
    position: relative;
    --effect-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #7C3AED;
    --effect-gradient-to: #4F46E5;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding: calc(var(--spacing) * 6)
}

.courses-course-grid-row-24-variant-3 {
    position: relative;
    --effect-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #059669;
    --effect-gradient-to: #0D9488;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding: calc(var(--spacing) * 6)
}

.courses-course-grid-row-24-variant-4 {
    position: relative;
    --effect-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #DB2777;
    --effect-gradient-to: #E97627;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding: calc(var(--spacing) * 6)
}

.courses-course-grid-row-24-variant-5 {
    position: relative;
    --effect-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #D97706;
    --effect-gradient-to: #EA580C;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding: calc(var(--spacing) * 6)
}

.courses-course-grid-row-24-variant-6 {
    position: relative;
    --effect-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #475569;
    --effect-gradient-to: #1E293B;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding: calc(var(--spacing) * 6)
}

.courses-course-grid-row-24-variant-7 {
    position: relative;
    --effect-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #7C3AED;
    --effect-gradient-to: #9333EA;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding: calc(var(--spacing) * 6)
}

.courses-course-grid-row-24-variant-8 {
    position: relative;
    --effect-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #0060E6;
    --effect-gradient-to: #7C3AED;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding: calc(var(--spacing) * 6)
}

.courses-course-grid-row-24-variant-9 {
    position: relative;
    --effect-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #E11D48;
    --effect-gradient-to: #F59E0B;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding: calc(var(--spacing) * 6)
}

.courses-course-grid-row-24-variant-10 {
    position: relative;
    --effect-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #0D9488;
    --effect-gradient-to: #0891B2;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding: calc(var(--spacing) * 6)
}

.courses-course-grid-row-18 {
    padding-block: calc(var(--spacing) * 20);
    text-align: center
}

.courses-course-grid-icon-19 {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    color: #8ca3cc
}

.courses-course-grid-button-21 {
    margin-top: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #0060e6;

    @media(hover:hover) {
        &:hover {
            text-decoration-line: underline
        }
    }
}

.internship-content-card-12 {
    border-radius: var(--radius-3xl);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #fff 60%, transparent);

    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 60%, transparent)
    }

    padding:calc(var(--spacing) * 7);
    transition-property:all;
    transition-timing-function:var(--effect-ease, var(--default-transition-timing-function));
    transition-duration:var(--effect-duration, var(--default-transition-duration));

    @media(hover:hover) {
        &:hover {
            --effect-translate-y: calc(var(--spacing) * -1);
            translate: var(--effect-translate-x) var(--effect-translate-y)
        }
    }

    @media(hover:hover) {
        &:hover {
            --effect-shadow: 0 20px 25px -5px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--effect-shadow-color, rgb(0 0 0 / .1));
            box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow)
        }
    }

    @media(hover:hover) {
        &:hover {
            --effect-shadow-color: rgba(0, 96, 230, .1)
        }
    }

    @media(hover:hover) {
        @supports (color: color-mix(in lab, red, red)) {
            &:hover {
                --effect-shadow-color: color-mix(in oklab, rgba(0, 96, 230, .1) var(--effect-shadow-alpha), transparent)
            }
        }
    }

    background:#ffffffb3;
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    border:1px solid rgba(255, 255, 255, .5)
}

.internship-content-card-14 {
    display: flex;
    height: calc(var(--spacing) * 14);
    width: calc(var(--spacing) * 14);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-2xl);
    background-color: #eef2ff;
    font-size: var(--text-3xl);
    line-height: var(--effect-leading, var(--text-3xl--line-height))
}

.internship-content-heading-16 {
    margin-bottom: var(--spacing);
    font-size: var(--text-lg);
    line-height: var(--effect-leading, var(--text-lg--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: #0d1b3e
}

.internship-content-row-17 {
    margin-bottom: calc(var(--spacing) * 3);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    color: #5a6a8a
}

.internship-content-row-21 {
    margin-top: calc(var(--spacing) * 5);
    border-top-style: var(--effect-border-style);
    border-top-width: 1px;
    border-color: #0d1b3e0f;
    padding-top: calc(var(--spacing) * 4)
}

.internship-content-link-22 {
    display: inline-block;
    border-radius: calc(var(--radius) + 4px);
    background-color: #0d1b3e;
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));

    @media(hover:hover) {
        &:hover {
            background-color: #0060e6
        }
    }
}

.internship-content-heading-25 {
    margin-bottom: calc(var(--spacing) * 8);
    text-align: center;
    font-size: var(--text-2xl);
    line-height: var(--effect-leading, var(--text-2xl--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: #0d1b3e
}

.internship-content-card-27 {
    border-radius: var(--radius-2xl);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #fff 60%, transparent);

    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 60%, transparent)
    }

    padding:calc(var(--spacing) * 5);
    text-align:center;
    transition-property:all;
    transition-timing-function:var(--effect-ease, var(--default-transition-timing-function));
    transition-duration:var(--effect-duration, var(--default-transition-duration));

    @media(hover:hover) {
        &:hover {
            --effect-shadow: 0 10px 15px -3px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--effect-shadow-color, rgb(0 0 0 / .1));
            box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow)
        }
    }

    background:#ffffffb3;
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    border:1px solid rgba(255, 255, 255, .5)
}

.internship-content-row-29 {
    margin-top: calc(var(--spacing) * 3);
    margin-bottom: var(--spacing);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #0d1b3e
}

.page-banner .placement-support-content-card-9 {
    background-color: #14244e;
    border-color: #ffffff24
}

.page-banner .placement-support-content-copy-10 {
    color: #e7eefb
}

.page-banner .home-hero-strong-31 {
    color: #9bd4ff
}

.placement-support-content-card-9 {
    margin-top: calc(var(--spacing) * 6);
    border-radius: var(--radius-2xl);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: color-mix(in oklab, #FF6A2F 20%, transparent);
    background-color: #fff8f5;
    padding: calc(var(--spacing) * 4)
}

.placement-support-content-copy-10 {
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    color: #5a6a8a
}

.placement-support-content-card-15 {
    border-radius: var(--radius-3xl);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: #0d1b3e12;
    background-color: #f4f7ff;
    padding: calc(var(--spacing) * 7);
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));

    @media(hover:hover) {
        &:hover {
            border-color: color-mix(in oklab, #0060E6 20%, transparent)
        }
    }

    @media(hover:hover) {
        &:hover {
            --effect-shadow: 0 20px 25px -5px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--effect-shadow-color, rgb(0 0 0 / .1));
            box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow)
        }
    }

    @media(hover:hover) {
        &:hover {
            --effect-shadow-color: rgba(0, 96, 230, .1)
        }
    }

    @media(hover:hover) {
        @supports (color: color-mix(in lab, red, red)) {
            &:hover {
                --effect-shadow-color: color-mix(in oklab, rgba(0, 96, 230, .1) var(--effect-shadow-alpha), transparent)
            }
        }
    }
}

.placement-support-content-card-17 {
    display: flex;
    height: calc(var(--spacing) * 14);
    width: calc(var(--spacing) * 14);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-2xl);
    --effect-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #0060E6;
    --effect-gradient-to: #00C2E8;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    --effect-shadow: 0 10px 15px -3px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--effect-shadow-color, rgb(0 0 0 / .1));
    box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow)
}

.placement-support-content-li-23 {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    color: #5a6a8a
}

.placement-support-career-flow-heading-27 {
    margin-bottom: calc(var(--spacing) * 10);
    font-size: var(--text-2xl);
    line-height: var(--effect-leading, var(--text-2xl--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: #0d1b3e
}

.placement-support-career-flow-row-28 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 3)
}

.placement-support-career-flow-card-30 {
    border-radius: calc(var(--radius) + 4px);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: #0d1b3e12;
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 3);
    --effect-shadow: 0 4px 6px -1px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--effect-shadow-color, rgb(0 0 0 / .1));
    box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow)
}

.placement-support-career-flow-icon-32 {
    display: none;
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    flex-shrink: 0;
    color: #0060e6;

    @media(width>=40rem) {
        display: block
    }
}

.privacy-policy-content-card-8 {
    margin-bottom: calc(var(--spacing) * 8);
    border-radius: var(--radius-2xl);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #fff 60%, transparent);

    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 60%, transparent)
    }

    padding:calc(var(--spacing) * 6);
    background:#ffffffb3;
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    border:1px solid rgba(255, 255, 255, .5)
}

.refund-policy-content-card-8 {
    margin-bottom: calc(var(--spacing) * 8);
    border-radius: var(--radius-2xl);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #fff 60%, transparent);

    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 60%, transparent)
    }

    background-color:#f4f7ff;
    padding:calc(var(--spacing) * 6);
    background:#ffffffb3;
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    border:1px solid rgba(255, 255, 255, .5)
}

.refund-policy-content-card-10 {
    margin-bottom: calc(var(--spacing) * 8);
    overflow-x: auto;
    border-radius: var(--radius-2xl);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #fff 60%, transparent);

    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 60%, transparent)
    }

    padding:calc(var(--spacing) * 6);
    background:#ffffffb3;
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    border:1px solid rgba(255, 255, 255, .5)
}

.refund-policy-content-heading-11 {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-lg);
    line-height: var(--effect-leading, var(--text-lg--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: #0d1b3e
}

.refund-policy-content-table-12 {
    width: 100%;
    min-width: 400px;
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height))
}

.refund-policy-content-tr-13 {
    background-color: #eef2ff
}

.refund-policy-content-th-14 {
    border-top-left-radius: calc(var(--radius) + 4px);
    border-bottom-left-radius: calc(var(--radius) + 4px);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    text-align: left;
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #0d1b3e
}

.refund-policy-content-th-15 {
    border-top-right-radius: calc(var(--radius) + 4px);
    border-bottom-right-radius: calc(var(--radius) + 4px);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    text-align: left;
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #0d1b3e
}

.refund-policy-content-tr-17 {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --effect-gradient-from, --effect-gradient-via, --effect-gradient-to;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));

    @media(hover:hover) {
        &:hover {
            background-color: #f4f7ff
        }
    }
}

.refund-policy-content-td-18 {
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    color: #5a6a8a
}

.refund-policy-content-td-19 {
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    --effect-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #0060e6
}

.refund-policy-content-td-19-variant-2 {
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    --effect-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-red-500)
}

.refund-policy-content-td-19-variant-3 {
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    --effect-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-green-600)
}

.terms-conditions-content-container-7 {
    margin-inline: auto;
    max-width: var(--container-4xl);
    padding-inline: calc(var(--spacing) * 4);

    @media(width>=40rem) {
        padding-inline: calc(var(--spacing) * 6)
    }
}

.terms-conditions-content-card-11 {
    border-radius: var(--radius-2xl);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: color-mix(in oklab, #FF6A2F 20%, transparent);
    background-color: #fff8f5;
    padding: calc(var(--spacing) * 6)
}

.course-page-template-hero-section-2-variant-3 {
    position: relative;
    overflow: hidden;
    --effect-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #059669;
    --effect-gradient-via: #0D9488;
    --effect-gradient-via-stops: var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-via) var(--effect-gradient-via-position), var(--effect-gradient-to) var(--effect-gradient-to-position);
    --effect-gradient-to: #0D1B3E;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding-block: calc(var(--spacing) * 16)
}

.course-page-template-hero-section-2 {
    position: relative;
    overflow: hidden;
    --effect-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #0060E6;
    --effect-gradient-via: #0040c0;
    --effect-gradient-via-stops: var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-via) var(--effect-gradient-via-position), var(--effect-gradient-to) var(--effect-gradient-to-position);
    --effect-gradient-to: #0D1B3E;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding-block: calc(var(--spacing) * 16)
}

.course-page-template-hero-section-2-variant-2 {
    position: relative;
    overflow: hidden;
    --effect-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #7C3AED;
    --effect-gradient-via: #4F46E5;
    --effect-gradient-via-stops: var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-via) var(--effect-gradient-via-position), var(--effect-gradient-to) var(--effect-gradient-to-position);
    --effect-gradient-to: #0D1B3E;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding-block: calc(var(--spacing) * 16)
}

.course-page-template-hero-section-2-variant-4 {
    position: relative;
    overflow: hidden;
    --effect-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #DB2777;
    --effect-gradient-via: #E97627;
    --effect-gradient-via-stops: var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-via) var(--effect-gradient-via-position), var(--effect-gradient-to) var(--effect-gradient-to-position);
    --effect-gradient-to: #0D1B3E;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding-block: calc(var(--spacing) * 16)
}

.course-page-template-hero-section-2-variant-5 {
    position: relative;
    overflow: hidden;
    --effect-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #D97706;
    --effect-gradient-via: #EA580C;
    --effect-gradient-via-stops: var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-via) var(--effect-gradient-via-position), var(--effect-gradient-to) var(--effect-gradient-to-position);
    --effect-gradient-to: #0D1B3E;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding-block: calc(var(--spacing) * 16)
}

.coming-soon-content-section-2-variant-3 {
    position: relative;
    overflow: hidden;
    --effect-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #0060E6;
    --effect-gradient-to: #7C3AED;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding-block: calc(var(--spacing) * 20)
}

.coming-soon-content-section-2 {
    position: relative;
    overflow: hidden;
    --effect-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #475569;
    --effect-gradient-to: #1E293B;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding-block: calc(var(--spacing) * 20)
}

.coming-soon-content-section-2-variant-2 {
    position: relative;
    overflow: hidden;
    --effect-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #7C3AED;
    --effect-gradient-to: #9333EA;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding-block: calc(var(--spacing) * 20)
}

.coming-soon-content-section-2-variant-5 {
    position: relative;
    overflow: hidden;
    --effect-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #059669;
    --effect-gradient-to: #0D9488;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding-block: calc(var(--spacing) * 20)
}

.coming-soon-content-section-2-variant-6 {
    position: relative;
    overflow: hidden;
    --effect-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #0D9488;
    --effect-gradient-to: #0891B2;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding-block: calc(var(--spacing) * 20)
}

.coming-soon-content-section-2-variant-4 {
    position: relative;
    overflow: hidden;
    --effect-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #E11D48;
    --effect-gradient-to: #F59E0B;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding-block: calc(var(--spacing) * 20)
}

.robotics-ai-futuristic-hero-section-2 {
    position: relative;
    overflow: hidden;
    --effect-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #0D1B3E;
    --effect-gradient-via: #0A2E52;
    --effect-gradient-via-stops: var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-via) var(--effect-gradient-via-position), var(--effect-gradient-to) var(--effect-gradient-to-position);
    --effect-gradient-to: #0D3B3B;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding-block: calc(var(--spacing) * 20)
}

.robotics-ai-futuristic-hero-row-4 {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: calc(1 / 3 * 100%);
    --effect-gradient-position: to left in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: color-mix(in oklab, #00C2E8 10%, transparent);
    --effect-gradient-to: transparent;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position))
}

.robotics-ai-futuristic-hero-card-5 {
    position: absolute;
    border-radius: calc(infinity * 1px);
    animation: float 4s ease-in-out infinite
}

.robotics-ai-futuristic-hero-label-10 {
    font-size: var(--text-5xl);
    line-height: var(--effect-leading, var(--text-5xl--line-height))
}

.robotics-ai-futuristic-hero-card-11 {
    height: calc(var(--spacing) * 12);
    width: var(--spacing);
    border-radius: calc(infinity * 1px);
    --effect-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #00C2E8;
    --effect-gradient-to: #0060E6;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position))
}

.robotics-ai-futuristic-hero-label-12 {
    display: block;
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --effect-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: #00c2e8;
    text-transform: uppercase
}

.robotics-ai-futuristic-hero-link-18 {
    border-radius: calc(var(--radius) + 4px);
    background-color: #00c2e8;
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 3.5);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #0d1b3e;
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));

    @media(hover:hover) {
        &:hover {
            background-color: #00a6c9
        }
    }

    @media(hover:hover) {
        &:hover {
            --effect-shadow: 0 10px 15px -3px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--effect-shadow-color, rgb(0 0 0 / .1));
            box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow)
        }
    }

    @media(hover:hover) {
        &:hover {
            --effect-shadow-color: rgba(0, 194, 232, .3)
        }
    }

    @media(hover:hover) {
        @supports (color: color-mix(in lab, red, red)) {
            &:hover {
                --effect-shadow-color: color-mix(in oklab, rgba(0, 194, 232, .3) var(--effect-shadow-alpha), transparent)
            }
        }
    }
}

.robotics-ai-futuristic-hero-a-19 {
    border-radius: calc(var(--radius) + 4px);
    border-style: var(--effect-border-style);
    border-width: 2px;
    border-color: color-mix(in oklab, #00C2E8 40%, transparent);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 3.5);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));

    @media(hover:hover) {
        &:hover {
            border-color: #00c2e8
        }
    }
}

.robotics-ai-futuristic-hero-card-21 {
    border-radius: var(--radius-2xl);
    padding: calc(var(--spacing) * 4);
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));

    @media(hover:hover) {
        &:hover {
            border-style: var(--effect-border-style);
            border-width: 1px
        }
    }

    @media(hover:hover) {
        &:hover {
            border-color: color-mix(in oklab, #00C2E8 30%, transparent)
        }
    }

    background:#0d1b3ed9;
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    border:1px solid rgba(255, 255, 255, .1)
}

.robotics-ai-futuristic-hero-row-22 {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-2xl);
    line-height: var(--effect-leading, var(--text-2xl--line-height))
}

.robotics-ai-futuristic-hero-label-28 {
    border-radius: var(--radius);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: color-mix(in oklab, #00C2E8 20%, transparent);
    background-color: color-mix(in oklab, #00C2E8 10%, transparent);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: var(--spacing);
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    --effect-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #00c2e8
}

.robotics-ai-skills-grid-row-31 {
    margin-bottom: calc(var(--spacing) * 10);
    text-align: center
}

.robotics-ai-skills-grid-grid-33 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 6);

    @media(width>=40rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    @media(width>=64rem) {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

.robotics-ai-skills-grid-card-34 {
    border-radius: var(--radius-3xl);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #fff 60%, transparent);

    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 60%, transparent)
    }

    padding:calc(var(--spacing) * 6);
    transition-property:all;
    transition-timing-function:var(--effect-ease, var(--default-transition-timing-function));
    transition-duration:var(--effect-duration, var(--default-transition-duration));

    @media(hover:hover) {
        &:hover {
            --effect-translate-y: calc(var(--spacing) * -1);
            translate: var(--effect-translate-x) var(--effect-translate-y)
        }
    }

    @media(hover:hover) {
        &:hover {
            --effect-shadow: 0 25px 50px -12px var(--effect-shadow-color, rgb(0 0 0 / .25));
            box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow)
        }
    }

    @media(hover:hover) {
        &:hover {
            --effect-shadow-color: rgba(0, 96, 230, .1)
        }
    }

    @media(hover:hover) {
        @supports (color: color-mix(in lab, red, red)) {
            &:hover {
                --effect-shadow-color: color-mix(in oklab, rgba(0, 96, 230, .1) var(--effect-shadow-alpha), transparent)
            }
        }
    }

    background:#ffffffb3;
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    border:1px solid rgba(255, 255, 255, .5)
}

.robotics-ai-skills-grid-card-35 {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    height: calc(var(--spacing) * 14);
    width: calc(var(--spacing) * 14);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-2xl);
    --effect-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: var(--color-cyan-500);
    --effect-gradient-to: var(--color-blue-500);
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    font-size: var(--text-2xl);
    line-height: var(--effect-leading, var(--text-2xl--line-height));
    --effect-shadow: 0 10px 15px -3px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--effect-shadow-color, rgb(0 0 0 / .1));
    box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow)
}

.robotics-ai-skills-grid-card-35-variant-2 {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    height: calc(var(--spacing) * 14);
    width: calc(var(--spacing) * 14);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-2xl);
    --effect-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: var(--color-purple-500);
    --effect-gradient-to: var(--color-blue-600);
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    font-size: var(--text-2xl);
    line-height: var(--effect-leading, var(--text-2xl--line-height));
    --effect-shadow: 0 10px 15px -3px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--effect-shadow-color, rgb(0 0 0 / .1));
    box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow)
}

.robotics-ai-skills-grid-card-35-variant-3 {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    height: calc(var(--spacing) * 14);
    width: calc(var(--spacing) * 14);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-2xl);
    --effect-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: var(--color-green-500);
    --effect-gradient-to: var(--color-cyan-500);
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    font-size: var(--text-2xl);
    line-height: var(--effect-leading, var(--text-2xl--line-height));
    --effect-shadow: 0 10px 15px -3px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--effect-shadow-color, rgb(0 0 0 / .1));
    box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow)
}

.robotics-ai-skills-grid-card-35-variant-4 {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    height: calc(var(--spacing) * 14);
    width: calc(var(--spacing) * 14);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-2xl);
    --effect-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: var(--color-orange-500);
    --effect-gradient-to: var(--color-pink-500);
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    font-size: var(--text-2xl);
    line-height: var(--effect-leading, var(--text-2xl--line-height));
    --effect-shadow: 0 10px 15px -3px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--effect-shadow-color, rgb(0 0 0 / .1));
    box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow)
}

.robotics-ai-curriculum-card-42 {
    border-radius: var(--radius-2xl);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #fff 60%, transparent);

    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 60%, transparent)
    }

    padding:calc(var(--spacing) * 5);
    transition-property:all;
    transition-timing-function:var(--effect-ease, var(--default-transition-timing-function));
    transition-duration:var(--effect-duration, var(--default-transition-duration));

    @media(hover:hover) {
        &:hover {
            border-color: color-mix(in oklab, #00C2E8 30%, transparent)
        }
    }

    @media(hover:hover) {
        &:hover {
            --effect-shadow: 0 10px 15px -3px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--effect-shadow-color, rgb(0 0 0 / .1));
            box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow)
        }
    }

    background:#ffffffb3;
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    border:1px solid rgba(255, 255, 255, .5)
}

.robotics-ai-curriculum-card-44 {
    display: flex;
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--radius) + 4px);
    --effect-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #00C2E8;
    --effect-gradient-to: #0060E6;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-white)
}

.robotics-ai-curriculum-label-48 {
    color: #00c2e8
}

.robotics-ai-projects-section-49 {
    position: relative;
    overflow: hidden;
    --effect-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #0D1B3E;
    --effect-gradient-to: #0A2E52;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding-block: calc(var(--spacing) * 16)
}

.robotics-ai-projects-grid-53 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 5);

    @media(width>=40rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    @media(width>=64rem) {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

.robotics-ai-projects-heading-56 {
    margin-top: calc(var(--spacing) * 3);
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white)
}

.robotics-ai-placement-support-offer-grid-60 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 8);

    @media(width>=64rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

.robotics-ai-placement-support-offer-card-63 {
    margin-bottom: calc(var(--spacing) * 5);
    display: inline-block;
    border-radius: var(--radius-2xl);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-3xl);
    line-height: var(--effect-leading, var(--text-3xl--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-white);
    --effect-shadow: 0 10px 15px -3px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--effect-shadow-color, rgb(0 0 0 / .1));
    box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow);
    background: linear-gradient(90deg, #ff6a2f, #ff9a3c, #ff6a2f);
    background-size: 200%;
    animation: shimmer 2s linear infinite
}

.robotics-ai-placement-support-offer-copy-64 {
    margin-bottom: calc(var(--spacing) * 6);
    color: #5a6a8a
}

.robotics-ai-placement-support-offer-link-65 {
    display: block;
    border-radius: var(--radius-2xl);
    background-color: #ff6a2f;
    padding-block: calc(var(--spacing) * 4);
    text-align: center;
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));

    @media(hover:hover) {
        &:hover {
            background-color: #e5571f
        }
    }
}

.robotics-ai-placement-support-offer-card-69 {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: calc(var(--radius) + 4px);
    padding: calc(var(--spacing) * 3);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --effect-gradient-from, --effect-gradient-via, --effect-gradient-to;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));

    @media(hover:hover) {
        &:hover {
            background-color: #eef2ff
        }
    }
}

.robotics-ai-placement-support-offer-card-70 {
    display: flex;
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #0060E6 10%, transparent);
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    color: #0060e6
}

.robotics-ai-placement-support-offer-link-72 {
    margin-top: calc(var(--spacing) * 5);
    display: block;
    border-radius: var(--radius-2xl);
    border-style: var(--effect-border-style);
    border-width: 2px;
    border-color: #0060e6;
    padding-block: calc(var(--spacing) * 3);
    text-align: center;
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #0060e6;
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));

    @media(hover:hover) {
        &:hover {
            background-color: #0060e6
        }
    }

    @media(hover:hover) {
        &:hover {
            color: var(--color-white)
        }
    }
}

.robotics-ai-atl-lab-cta-section-82 {
    --effect-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #0D1B3E;
    --effect-gradient-to: #0D2A5E;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding-block: calc(var(--spacing) * 12)
}

.robotics-ai-atl-lab-cta-heading-85 {
    margin-top: calc(var(--spacing) * 3);
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-xl);
    line-height: var(--effect-leading, var(--text-xl--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-white)
}

.robotics-ai-atl-lab-cta-copy-86 {
    margin-bottom: calc(var(--spacing) * 5);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    color: #8ca3cc
}

.robotics-ai-atl-lab-cta-link-87 {
    display: inline-block;
    border-radius: calc(var(--radius) + 4px);
    background-color: #00c2e8;
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 3.5);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #0d1b3e;
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));

    @media(hover:hover) {
        &:hover {
            background-color: #00a6c9
        }
    }
}

.school-atl-hero-section-2 {
    position: relative;
    overflow: hidden;
    --effect-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #0D1B3E;
    --effect-gradient-via: #0A2A4E;
    --effect-gradient-via-stops: var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-via) var(--effect-gradient-via-position), var(--effect-gradient-to) var(--effect-gradient-to-position);
    --effect-gradient-to: #0D3040;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding-block: calc(var(--spacing) * 20)
}

.school-atl-hero-label-6 {
    margin-bottom: calc(var(--spacing) * 5);
    display: inline-block;
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #00C2E8 20%, transparent);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --effect-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: #00c2e8;
    text-transform: uppercase
}

.school-atl-hero-link-11 {
    border-radius: calc(var(--radius) + 4px);
    background-color: #00c2e8;
    padding-inline: calc(var(--spacing) * 7);
    padding-block: calc(var(--spacing) * 3.5);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #0d1b3e;
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));

    @media(hover:hover) {
        &:hover {
            background-color: #00a6c9
        }
    }

    @media(hover:hover) {
        &:hover {
            --effect-shadow: 0 10px 15px -3px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--effect-shadow-color, rgb(0 0 0 / .1));
            box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow)
        }
    }
}

.school-atl-hero-a-12 {
    border-radius: calc(var(--radius) + 4px);
    border-style: var(--effect-border-style);
    border-width: 2px;
    border-color: color-mix(in srgb, #fff 20%, transparent);

    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 20%, transparent)
    }

    padding-inline:calc(var(--spacing) * 7);
    padding-block:calc(var(--spacing) * 3.5);
    font-size:var(--text-sm);
    line-height:var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-semibold);
    font-weight:var(--font-weight-semibold);
    color:var(--color-white);
    transition-property:all;
    transition-timing-function:var(--effect-ease, var(--default-transition-timing-function));
    transition-duration:var(--effect-duration, var(--default-transition-duration));

    @media(hover:hover) {
        &:hover {
            border-color: #00c2e8
        }
    }
}

.school-atl-hero-img-14 {
    height: calc(var(--spacing) * 40);
    width: 100%;
    border-radius: var(--radius-2xl);
    object-fit: cover
}

.school-atl-hero-img-15 {
    margin-top: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 40);
    width: 100%;
    border-radius: var(--radius-2xl);
    object-fit: cover
}

.school-atl-services-copy-22 {
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 3);
    max-width: var(--container-lg);
    color: #5a6a8a
}

.school-atl-services-card-24 {
    border-radius: var(--radius-2xl);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #fff 60%, transparent);

    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 60%, transparent)
    }

    padding:calc(var(--spacing) * 6);
    transition-property:all;
    transition-timing-function:var(--effect-ease, var(--default-transition-timing-function));
    transition-duration:var(--effect-duration, var(--default-transition-duration));

    @media(hover:hover) {
        &:hover {
            --effect-translate-y: calc(var(--spacing) * -1);
            translate: var(--effect-translate-x) var(--effect-translate-y)
        }
    }

    @media(hover:hover) {
        &:hover {
            --effect-shadow: 0 20px 25px -5px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--effect-shadow-color, rgb(0 0 0 / .1));
            box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow)
        }
    }

    @media(hover:hover) {
        &:hover {
            --effect-shadow-color: rgba(0, 96, 230, .1)
        }
    }

    @media(hover:hover) {
        @supports (color: color-mix(in lab, red, red)) {
            &:hover {
                --effect-shadow-color: color-mix(in oklab, rgba(0, 96, 230, .1) var(--effect-shadow-alpha), transparent)
            }
        }
    }

    background:#ffffffb3;
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    border:1px solid rgba(255, 255, 255, .5)
}

.school-atl-services-card-25 {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--radius) + 4px);
    --effect-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #0060E6;
    --effect-gradient-to: #00C2E8;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    font-size: var(--text-2xl);
    line-height: var(--effect-leading, var(--text-2xl--line-height));
    --effect-shadow: 0 10px 15px -3px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--effect-shadow-color, rgb(0 0 0 / .1));
    box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow)
}

.school-atl-process-row-32 {
    position: absolute;
    top: calc(var(--spacing) * 8);
    right: calc(8.33% + 24px);
    left: calc(8.33% + 24px);
    display: none;
    height: calc(var(--spacing) * .5);
    --effect-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #0060E6;
    --effect-gradient-to: #00C2E8;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));

    @media(width>=64rem) {
        display: block
    }
}

.school-atl-process-grid-33 {
    position: relative;
    z-index: 10;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--spacing) * 4);

    @media(width>=40rem) {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    @media(width>=64rem) {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
}

.school-atl-process-row-34 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.school-atl-process-card-35 {
    margin-bottom: calc(var(--spacing) * 3);
    display: flex;
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-2xl);
    border-style: var(--effect-border-style);
    border-width: 2px;
    border-color: #0060e626;
    background-color: var(--color-white);
    --effect-shadow: 0 10px 15px -3px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--effect-shadow-color, rgb(0 0 0 / .1));
    box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow)
}

.school-atl-process-label-36 {
    font-size: var(--text-lg);
    line-height: var(--effect-leading, var(--text-lg--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: #0060e6
}

.school-atl-annual-plan-cta-section-39 {
    position: relative;
    overflow: hidden;
    --effect-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--effect-gradient-stops));
    --effect-gradient-from: #0060E6;
    --effect-gradient-to: #00C2E8;
    --effect-gradient-stops: var(--effect-gradient-via-stops, var(--effect-gradient-position), var(--effect-gradient-from) var(--effect-gradient-from-position), var(--effect-gradient-to) var(--effect-gradient-to-position));
    padding-block: calc(var(--spacing) * 14)
}

.school-atl-annual-plan-cta-heading-42 {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-2xl);
    line-height: var(--effect-leading, var(--text-2xl--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-white);

    @media(width>=40rem) {
        font-size: var(--text-3xl);
        line-height: var(--effect-leading, var(--text-3xl--line-height))
    }
}

.school-atl-annual-plan-cta-copy-43 {
    margin-bottom: calc(var(--spacing) * 8);
    color: color-mix(in srgb, #fff 80%, transparent);

    @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 80%, transparent)
    }
}

.school-atl-annual-plan-cta-link-45 {
    border-radius: calc(var(--radius) + 4px);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: #0060e6;
    transition-property: all;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration));

    @media(hover:hover) {
        &:hover {
            --effect-shadow: 0 20px 25px -5px var(--effect-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--effect-shadow-color, rgb(0 0 0 / .1));
            box-shadow: var(--effect-inset-shadow), var(--effect-inset-ring-shadow), var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow)
        }
    }
}
.seo-context-section{padding:3.5rem 1.5rem;background:#f7f9fc}.seo-context-inner{max-width:1120px;margin:0 auto}.seo-context-section h2{margin:0 0 1rem;font-family:'Plus Jakarta Sans',sans-serif}.seo-context-section h3{margin:1.25rem 0 .35rem;font-family:'Plus Jakarta Sans',sans-serif}.seo-context-section p{max-width:75ch;line-height:1.7}.seo-context-links{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.seo-context-links a{color:#0b4e92;text-decoration:underline;text-underline-offset:.18em}.seo-context-links a:focus-visible{outline:2px solid currentColor;outline-offset:3px}.seo-context-faq{margin-top:2rem}