@font-face {
    font-family: Plus Jakarta Sans;
    font-style: normal;
    font-weight: 400;
    font-display: optional;
    src: url(../assets/fonts/43adbc7c773e.woff2) format("woff2")
}

@font-face {
    font-family: Plus Jakarta Sans;
    font-style: normal;
    font-weight: 500;
    font-display: optional;
    src: url(../assets/fonts/f2374e6da2f0.woff2) format("woff2")
}

@font-face {
    font-family: Plus Jakarta Sans;
    font-style: normal;
    font-weight: 600;
    font-display: optional;
    src: url(../assets/fonts/0ee86126fb55.woff2) format("woff2")
}

@font-face {
    font-family: Plus Jakarta Sans;
    font-style: normal;
    font-weight: 700;
    font-display: optional;
    src: url(../assets/fonts/cbf4f5937e04.woff2) format("woff2")
}

@font-face {
    font-family: Plus Jakarta Sans;
    font-style: normal;
    font-weight: 800;
    font-display: optional;
    src: url(../assets/fonts/9c0e6cce7702.woff2) format("woff2")
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 300;
    font-display: optional;
    src: url(../assets/fonts/ee9558be9f8a.woff2) format("woff2")
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-display: optional;
    src: url(../assets/fonts/a699af1dea30.woff2) format("woff2")
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-display: optional;
    src: url(../assets/fonts/e45972c7e9f2.woff2) format("woff2")
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-display: optional;
    src: url(../assets/fonts/87e867b52640.woff2) format("woff2")
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    font-display: optional;
    src: url(../assets/fonts/6f49e1b28bce.woff2) format("woff2")
}

@font-face {
    font-family: JetBrains Mono;
    font-style: normal;
    font-weight: 400;
    font-display: optional;
    src: url(../assets/fonts/6d83b1a12212.woff2) format("woff2")
}

@font-face {
    font-family: JetBrains Mono;
    font-style: normal;
    font-weight: 500;
    font-display: optional;
    src: url(../assets/fonts/655ecee898b6.woff2) format("woff2")
}

@font-face {
    font-family: JetBrains Mono;
    font-style: normal;
    font-weight: 600;
    font-display: optional;
    src: url(../assets/fonts/5f6675d606a2.woff2) format("woff2")
}

:root,
:host {
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-red-500: oklch(63.7% .237 25.331);
    --color-orange-500: oklch(70.5% .213 47.604);
    --color-amber-50: oklch(98.7% .022 95.277);
    --color-amber-400: oklch(82.8% .189 84.429);
    --color-amber-700: oklch(55.5% .163 48.998);
    --color-green-500: oklch(72.3% .219 149.579);
    --color-green-600: oklch(62.7% .194 149.214);
    --color-emerald-50: oklch(97.9% .021 166.113);
    --color-emerald-400: oklch(76.5% .177 163.223);
    --color-emerald-700: oklch(50.8% .118 165.612);
    --color-cyan-500: oklch(71.5% .143 215.221);
    --color-blue-500: oklch(62.3% .214 259.815);
    --color-blue-600: oklch(54.6% .245 262.881);
    --color-purple-500: oklch(62.7% .265 303.9);
    --color-pink-500: oklch(65.6% .241 354.308);
    --color-white: #fff;
    --spacing: .25rem;
    --container-xs: 20rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-7xl: 80rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: 1.5;
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: 1.2;
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-8xl: 6rem;
    --text-8xl--line-height: 1;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --tracking-wide: .025em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-xl: 24px;
    --blur-3xl: 64px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono)
}

*,
:after,
:before,
::backdrop,
::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid
}

html,
:host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent
}

.footer-ul-21 {
    margin: 10px 0
}

.placement-support-content-heading-6,
.about-content-heading-6 {
    line-height: 60px !important
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp,
pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

:-moz-focusring:where(:not(iframe)) {
    outline: auto
}

progress {
    vertical-align: baseline
}

summary {
    display: list-item
}

ol,
ul,
menu {
    list-style: none
}

.course-page-template-curriculum-ul-46 {
    display: flex;
    flex-direction: column;
    gap: 10px
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block;
    vertical-align: middle
}

img,
video {
    max-width: 100%;
    height: auto
}

button,
input,
select,
optgroup,
textarea,
::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1
}

:where(select:is([multiple], [size])) optgroup {
    font-weight: bolder
}

:where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px
}

::file-selector-button {
    margin-inline-end: 4px
}

::placeholder {
    opacity: 1
}

@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::placeholder {
        color: currentcolor;

        @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, currentcolor 50%, transparent)
        }
    }
}

textarea {
    resize: vertical
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit
}

::-webkit-datetime-edit {
    display: inline-flex
}

::-webkit-datetime-edit-fields-wrapper {
    padding: 0
}

::-webkit-datetime-edit,
::-webkit-datetime-edit-year-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute-field,
::-webkit-datetime-edit-second-field,
::-webkit-datetime-edit-millisecond-field,
::-webkit-datetime-edit-meridiem-field {
    padding-block: 0
}

::-webkit-calendar-picker-indicator {
    line-height: 1
}

:-moz-ui-invalid {
    box-shadow: none
}

button,
input:where([type=button], [type=reset], [type=submit]),
::file-selector-button {
    appearance: button
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

[hidden]:where(:not([hidden=until-found])) {
    display: none !important
}

:where(.space-y-1\.5>:not(:last-child)) {
    --effect-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--effect-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--effect-space-y-reverse)))
}

:where(.space-y-2>:not(:last-child)) {
    --effect-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--effect-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--effect-space-y-reverse)))
}

:where(.space-y-3>:not(:last-child)) {
    --effect-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--effect-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--effect-space-y-reverse)))
}

:where(.space-y-4>:not(:last-child)) {
    --effect-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--effect-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--effect-space-y-reverse)))
}

:where(.space-y-5>:not(:last-child)) {
    --effect-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--effect-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--effect-space-y-reverse)))
}

:where(.space-y-6>:not(:last-child)) {
    --effect-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--effect-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--effect-space-y-reverse)))
}

:where(.space-y-8>:not(:last-child)) {
    --effect-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--effect-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--effect-space-y-reverse)))
}

:where(.divide-y>:not(:last-child)) {
    --effect-divide-y-reverse: 0;
    border-bottom-style: var(--effect-border-style);
    border-top-style: var(--effect-border-style);
    border-top-width: calc(1px * var(--effect-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--effect-divide-y-reverse)))
}

:where(.divide-\[rgba\(13\,27\,62\,0\.06\)\]>:not(:last-child)) {
    border-color: #0d1b3e0f
}

:root {
    --background: #F4F7FF;
    --foreground: #0D1B3E;
    --card: rgba(255, 255, 255, .85);
    --card-foreground: #0D1B3E;
    --primary: #0060E6;
    --primary-foreground: #ffffff;
    --secondary: #E8F0FF;
    --secondary-foreground: #0D1B3E;
    --muted: #EEF2FF;
    --muted-foreground: #5A6A8A;
    --accent: #FF6A2F;
    --accent-foreground: #ffffff;
    --border: rgba(13, 27, 62, .1);
    --ring: #00C2E8;
    --navy: #0D1B3E;
    --cyan: #00C2E8;
    --orange: #FF6A2F;
    --radius: .75rem
}

html,
body,
.site-shell {
    height: 100%;
    font-family: Inter, system-ui, sans-serif;
    background: var(--background);
    color: var(--foreground);
    scroll-behavior: smooth
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Plus Jakarta Sans, system-ui, sans-serif
}

::-webkit-scrollbar {
    width: 6px
}

::-webkit-scrollbar-track {
    background: transparent
}

::-webkit-scrollbar-thumb {
    background: #0d1b3e33;
    border-radius: 3px
}

::-webkit-scrollbar-thumb:hover {
    background: #0060e666
}

@keyframes float {

    0%,
    to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-12px)
    }
}

@keyframes pulse-ring {
    0% {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(1.5);
        opacity: 0
    }
}

@keyframes slide-up {
    0% {
        opacity: 0;
        transform: translateY(24px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes shimmer {
    0% {
        background-position: -200% center
    }

    to {
        background-position: 200% center
    }
}

@property --effect-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --effect-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --effect-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --effect-space-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --effect-divide-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --effect-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid;
}

@property --effect-gradient-position {
    syntax: "*";
    inherits: false;
}

@property --effect-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}

@property --effect-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}

@property --effect-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}

@property --effect-gradient-stops {
    syntax: "*";
    inherits: false;
}

@property --effect-gradient-via-stops {
    syntax: "*";
    inherits: false;
}

@property --effect-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0%;
}

@property --effect-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%;
}

@property --effect-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%;
}

@property --effect-leading {
    syntax: "*";
    inherits: false;
}

@property --effect-font-weight {
    syntax: "*";
    inherits: false;
}

@property --effect-tracking {
    syntax: "*";
    inherits: false;
}

@property --effect-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --effect-shadow-color {
    syntax: "*";
    inherits: false;
}

@property --effect-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%;
}

@property --effect-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --effect-inset-shadow-color {
    syntax: "*";
    inherits: false;
}

@property --effect-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%;
}

@property --effect-ring-color {
    syntax: "*";
    inherits: false;
}

@property --effect-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --effect-inset-ring-color {
    syntax: "*";
    inherits: false;
}

@property --effect-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --effect-ring-inset {
    syntax: "*";
    inherits: false;
}

@property --effect-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0px;
}

@property --effect-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff;
}

@property --effect-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --effect-blur {
    syntax: "*";
    inherits: false;
}

@property --effect-brightness {
    syntax: "*";
    inherits: false;
}

@property --effect-contrast {
    syntax: "*";
    inherits: false;
}

@property --effect-grayscale {
    syntax: "*";
    inherits: false;
}

@property --effect-hue-rotate {
    syntax: "*";
    inherits: false;
}

@property --effect-invert {
    syntax: "*";
    inherits: false;
}

@property --effect-opacity {
    syntax: "*";
    inherits: false;
}

@property --effect-saturate {
    syntax: "*";
    inherits: false;
}

@property --effect-sepia {
    syntax: "*";
    inherits: false;
}

@property --effect-drop-shadow {
    syntax: "*";
    inherits: false;
}

@property --effect-drop-shadow-color {
    syntax: "*";
    inherits: false;
}

@property --effect-drop-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%;
}

@property --effect-drop-shadow-size {
    syntax: "*";
    inherits: false;
}

@property --effect-backdrop-blur {
    syntax: "*";
    inherits: false;
}

@property --effect-backdrop-brightness {
    syntax: "*";
    inherits: false;
}

@property --effect-backdrop-contrast {
    syntax: "*";
    inherits: false;
}

@property --effect-backdrop-grayscale {
    syntax: "*";
    inherits: false;
}

@property --effect-backdrop-hue-rotate {
    syntax: "*";
    inherits: false;
}

@property --effect-backdrop-invert {
    syntax: "*";
    inherits: false;
}

@property --effect-backdrop-opacity {
    syntax: "*";
    inherits: false;
}

@property --effect-backdrop-saturate {
    syntax: "*";
    inherits: false;
}

@property --effect-backdrop-sepia {
    syntax: "*";
    inherits: false;
}

@property --effect-duration {
    syntax: "*";
    inherits: false;
}

@property --effect-scale-x {
    syntax: "*";
    inherits: false;
    initial-value: 1;
}

@property --effect-scale-y {
    syntax: "*";
    inherits: false;
    initial-value: 1;
}

@property --effect-scale-z {
    syntax: "*";
    inherits: false;
    initial-value: 1;
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {

    *,
    :before,
    :after,
    ::backdrop {
        --effect-translate-x: 0;
        --effect-translate-y: 0;
        --effect-translate-z: 0;
        --effect-space-y-reverse: 0;
        --effect-divide-y-reverse: 0;
        --effect-border-style: solid;
        --effect-gradient-position: initial;
        --effect-gradient-from: #0000;
        --effect-gradient-via: #0000;
        --effect-gradient-to: #0000;
        --effect-gradient-stops: initial;
        --effect-gradient-via-stops: initial;
        --effect-gradient-from-position: 0%;
        --effect-gradient-via-position: 50%;
        --effect-gradient-to-position: 100%;
        --effect-leading: initial;
        --effect-font-weight: initial;
        --effect-tracking: initial;
        --effect-shadow: 0 0 #0000;
        --effect-shadow-color: initial;
        --effect-shadow-alpha: 100%;
        --effect-inset-shadow: 0 0 #0000;
        --effect-inset-shadow-color: initial;
        --effect-inset-shadow-alpha: 100%;
        --effect-ring-color: initial;
        --effect-ring-shadow: 0 0 #0000;
        --effect-inset-ring-color: initial;
        --effect-inset-ring-shadow: 0 0 #0000;
        --effect-ring-inset: initial;
        --effect-ring-offset-width: 0px;
        --effect-ring-offset-color: #fff;
        --effect-ring-offset-shadow: 0 0 #0000;
        --effect-blur: initial;
        --effect-brightness: initial;
        --effect-contrast: initial;
        --effect-grayscale: initial;
        --effect-hue-rotate: initial;
        --effect-invert: initial;
        --effect-opacity: initial;
        --effect-saturate: initial;
        --effect-sepia: initial;
        --effect-drop-shadow: initial;
        --effect-drop-shadow-color: initial;
        --effect-drop-shadow-alpha: 100%;
        --effect-drop-shadow-size: initial;
        --effect-backdrop-blur: initial;
        --effect-backdrop-brightness: initial;
        --effect-backdrop-contrast: initial;
        --effect-backdrop-grayscale: initial;
        --effect-backdrop-hue-rotate: initial;
        --effect-backdrop-invert: initial;
        --effect-backdrop-opacity: initial;
        --effect-backdrop-saturate: initial;
        --effect-backdrop-sepia: initial;
        --effect-duration: initial;
        --effect-scale-x: 1;
        --effect-scale-y: 1;
        --effect-scale-z: 1
    }
}

@keyframes dropdown-in {
    0% {
        opacity: 0;
        transform: translate(-50%) translateY(-6px)
    }

    to {
        opacity: 1;
        transform: translate(-50%) translateY(0)
    }
}

@keyframes scroll {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-50%)
    }
}

@keyframes modal-in {
    0% {
        opacity: 0;
        transform: scale(.92) translateY(16px)
    }

    to {
        opacity: 1;
        transform: scale(1) translateY(0)
    }
}

.home-lead-form-copy-167,
.admission-process-steps-heading-22 {
    display: none
}

.site-shell {
    display: flex;
    min-height: 100%;
    flex-direction: column
}

.site-main {
    flex: 1;
    padding-bottom: calc(var(--spacing) * 16);

    @media(width>768px) {
        padding-bottom: 0
    }
}

.course-status-badge-label-1 {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(infinity * 1px);
    background-color: var(--color-emerald-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-emerald-700)
}

.course-status-badge-label-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-emerald-400)
}

.faq-card-2 {
    overflow: hidden;
    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:#ffffffb3;
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    border:1px solid rgba(255, 255, 255, .5)
}

.faq-button-3 {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 4);
    text-align: left;
    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: color-mix(in oklab, #EEF2FF 50%, transparent)
        }
    }
}

.faq-label-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: #0d1b3e
}

.faq-label-5 {
    flex-shrink: 0;
    font-size: var(--text-lg);
    line-height: var(--effect-leading, var(--text-lg--line-height));
    color: #0060e6;
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    transition-duration: var(--effect-duration, var(--default-transition-duration))
}

.faq-row-6 {
    border-top-style: var(--effect-border-style);
    border-top-width: 1px;
    border-color: #0d1b3e0f;
    padding-inline: calc(var(--spacing) * 6);
    padding-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    --effect-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: #5a6a8a
}

.faq-row-7 {
    padding-top: calc(var(--spacing) * 3)
}

.lead-form-form-7 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 4);

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

.lead-form-grid-8 {
    display: contents;

    @media(width>=40rem) {
        grid-column: span 2 / span 2
    }

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

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

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

.lead-form-input-9 {
    grid-column: span 1 / span 1;
    border: 1px solid rgba(13, 27, 62, .15);
    border-radius: .75rem;
    padding: .75rem 1rem;
    font-size: .875rem;
    background: #fff;
    color: #0d1b3e;
    outline: none;
    transition: border-color .15s, box-shadow .15s;
    width: 100%;

    &:focus {
        border-color: #0060e6;
        box-shadow: 0 0 0 3px #0060e61f
    }
}

.lead-form-input-11,
.lead-form-select-12 {
    border: 1px solid rgba(13, 27, 62, .15);
    border-radius: .75rem;
    padding: .75rem 1rem;
    font-size: .875rem;
    background: #fff;
    color: #0d1b3e;
    outline: none;
    transition: border-color .15s, box-shadow .15s;
    width: 100%;

    &:focus {
        border-color: #0060e6;
        box-shadow: 0 0 0 3px #0060e61f
    }
}

.lead-form-button-16 {
    width: 100%;
    border-radius: calc(var(--radius) + 4px);
    background-color: #ff6a2f;
    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 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(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)
    }

    @media(width>=40rem) {
        grid-column: span 2 / span 2
    }
}

.lead-form-copy-17 {
    text-align: center;
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    color: #5a6a8a;

    @media(width>=40rem) {
        grid-column: span 2 / span 2
    }
}

.lead-form-a-18 {
    color: #0060e6;

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

.mobile-bottom-bar-row-1 {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 50;

    @media(width>768px) {
        display: none
    }

    padding-bottom:env(safe-area-inset-bottom)
}

.mobile-bottom-bar-row-2 {
    display: flex;
    border-top-style: var(--effect-border-style);
    border-top-width: 1px;
    border-color: #0d1b3e1a;
    background-color: color-mix(in srgb, #fff 95%, transparent);

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

    --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-backdrop-blur: blur(var(--blur-xl));
    -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, )
}

.mobile-bottom-bar-a-3 {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--spacing);
    padding-block: 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: #f4f7ff
        }
    }
}

.mobile-bottom-bar-label-5 {
    font-size: 10px;
    --effect-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #0d1b3e
}

.mobile-bottom-bar-a-6 {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--spacing);
    border-inline-style: var(--effect-border-style);
    border-inline-width: 1px;
    border-color: #0d1b3e12;
    padding-block: 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: #f4f7ff
        }
    }
}

.mobile-bottom-bar-icon-7 {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    color: #25d366
}

.mobile-bottom-bar-button-9 {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--spacing);
    background-color: #ff6a2f;
    padding-block: 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: #e5571f
        }
    }
}

.mobile-bottom-bar-label-11 {
    font-size: 10px;
    --effect-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white)
}

.apply-modal-row-1 {
    position: fixed;
    inset: 0;
    z-index: 200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(var(--spacing) * 4)
}

.apply-modal-row-2 {
    position: absolute;
    inset: 0;
    background-color: color-mix(in oklab, #0D1B3E 60%, transparent);
    --effect-backdrop-blur: blur(var(--blur-md));
    -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, )
}

.apply-modal-container-3 {
    position: relative;
    max-height: 90vh;
    width: 100%;
    max-width: var(--container-lg);
    overflow-y: auto;
    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)
    }

    --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, .2);

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

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

.apply-modal-card-4 {
    position: sticky;
    top: 0;
    z-index: 10;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-top-left-radius: var(--radius-3xl);
    border-top-right-radius: var(--radius-3xl);
    border-bottom-style: var(--effect-border-style);
    border-bottom-width: 1px;
    border-color: #0d1b3e14;
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 4);
    background: #ffffffb3;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, .5)
}

.apply-modal-heading-5 {
    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
}

.apply-modal-copy-6 {
    margin-top: calc(var(--spacing) * .5);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    color: #5a6a8a
}

.apply-modal-button-7 {
    margin-top: calc(var(--spacing) * .5);
    margin-left: calc(var(--spacing) * 4);
    display: flex;
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    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) {
        &:hover {
            background-color: #e0e7ff
        }
    }
}

.apply-modal-icon-8 {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    color: #5a6a8a
}

.apply-modal-row-9 {
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 5)
}

.faq-row-1 {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.apply-modal-grid-17 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--spacing) * 3)
}

.apply-modal-input-18 {
    grid-column: span 2 / span 2;

    @media(width>=40rem) {
        grid-column: span 1 / span 1
    }

    border:1px solid rgba(13, 27, 62, .15);
    border-radius:.75rem;
    padding:.75rem 1rem;
    font-size:.875rem;
    background:#fff;
    color:#0d1b3e;
    outline:none;
    transition:border-color .15s,
    box-shadow .15s;
    width:100%;

    &:focus {
        border-color: #0060e6;
        box-shadow: 0 0 0 3px #0060e61f
    }
}

.apply-modal-input-20,
.apply-modal-select-21 {
    border: 1px solid rgba(13, 27, 62, .15);
    border-radius: .75rem;
    padding: .75rem 1rem;
    font-size: .875rem;
    background: #fff;
    color: #0d1b3e;
    outline: none;
    transition: border-color .15s, box-shadow .15s;
    width: 100%;

    &:focus {
        border-color: #0060e6;
        box-shadow: 0 0 0 3px #0060e61f
    }
}

.apply-modal-select-24 {
    grid-column: span 2 / span 2;

    @media(width>=40rem) {
        grid-column: span 1 / span 1
    }

    border:1px solid rgba(13, 27, 62, .15);
    border-radius:.75rem;
    padding:.75rem 1rem;
    font-size:.875rem;
    background:#fff;
    color:#0d1b3e;
    outline:none;
    transition:border-color .15s,
    box-shadow .15s;
    width:100%;

    &:focus {
        border-color: #0060e6;
        box-shadow: 0 0 0 3px #0060e61f
    }
}

.apply-modal-textarea-26 {
    resize: none;
    border: 1px solid rgba(13, 27, 62, .15);
    border-radius: .75rem;
    padding: .75rem 1rem;
    font-size: .875rem;
    background: #fff;
    color: #0d1b3e;
    outline: none;
    transition: border-color .15s, box-shadow .15s;
    width: 100%;

    &:focus {
        border-color: #0060e6;
        box-shadow: 0 0 0 3px #0060e61f
    }
}

.apply-modal-button-27 {
    width: 100%;
    border-radius: calc(var(--radius) + 4px);
    background-color: #ff6a2f;
    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: 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 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(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)
    }
}

.apply-modal-row-28 {
    margin-top: calc(var(--spacing) * 5);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(var(--spacing) * 4);
    border-top-style: var(--effect-border-style);
    border-top-width: 1px;
    border-color: #0d1b3e14;
    padding-top: calc(var(--spacing) * 4)
}

.apply-modal-a-29 {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.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: #0060e6;

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

.apply-modal-icon-30 {
    height: calc(var(--spacing) * 3.5);
    width: calc(var(--spacing) * 3.5)
}

.apply-modal-label-33 {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    color: #5a6a8a
}

.lead-form-row-1 {
    padding-block: calc(var(--spacing) * 12);
    text-align: center
}

.lead-form-card-2 {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    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))
}

.lead-form-icon-3 {
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    color: var(--color-white)
}

.lead-form-heading-4 {
    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-bold);
    font-weight: var(--font-weight-bold);
    color: #0d1b3e
}

.lead-form-copy-5 {
    color: #5a6a8a
}

.lead-form-a-6 {
    margin-top: calc(var(--spacing) * 4);
    display: inline-block;
    border-radius: calc(var(--radius) + 4px);
    background-color: #25d366;
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 2.5);
    --effect-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    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: #1ebe5d
        }
    }
}

.breadcrumb-nav-1 {
    display: flex;
    flex-wrap: wrap;
    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
}

.breadcrumb-label-2 {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2)
}

.breadcrumb-link-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 {
            color: #0060e6
        }
    }
}

.breadcrumb-label-3 {
    color: #0060e6
}

.breadcrumb-label-5 {
    --effect-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #0d1b3e
}

.course-page-template-hero-row-3 {
    position: absolute;
    inset: 0;
    opacity: 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
}

.course-page-template-hero-container-4 {
    position: relative;
    margin-inline: auto;
    max-width: var(--container-7xl);
    padding-inline: calc(var(--spacing) * 4);

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

.course-page-template-hero-grid-5 {
    margin-top: calc(var(--spacing) * 6);
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: flex-start;
    gap: calc(var(--spacing) * 12);

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

.course-page-template-hero-card-6 {
    margin-bottom: 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
}

.course-page-template-hero-heading-7 {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-3xl);
    --effect-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --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))
    }

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

.course-page-template-hero-copy-8 {
    margin-bottom: calc(var(--spacing) * 6);
    font-size: var(--text-lg);
    --effect-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    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)
    }
}

.course-page-template-hero-button-10 {
    border-radius: calc(var(--radius) + 4px);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 6);
    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: #eef2ff
        }
    }

    @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)
        }
    }
}

.course-page-template-hero-a-11 {
    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) * 6);
    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: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)
        }
    }
}

.course-page-template-hero-grid-12 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--spacing) * 4)
}

.course-page-template-hero-card-13 {
    border-radius: var(--radius-2xl);
    padding: calc(var(--spacing) * 4);
    background: #0d1b3ed9;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, .1)
}

.course-page-template-hero-icon-14 {
    margin-bottom: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    color: #00c2e8
}

.course-page-template-hero-row-15 {
    margin-bottom: var(--spacing);
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    color: #8ca3cc
}

.course-page-template-hero-row-16 {
    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)
}

.course-page-template-hero-card-17 {
    grid-column: span 2 / span 2;
    border-radius: var(--radius-2xl);
    padding: calc(var(--spacing) * 4);
    background: #0d1b3ed9;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, .1)
}

.course-page-template-hero-row-18 {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    color: #8ca3cc
}

.course-page-template-hero-label-20 {
    border-radius: var(--radius);
    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)
    }

    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:var(--color-white)
}

.course-page-template-hero-card-21 {
    grid-column: span 2 / span 2;
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-2xl);
    padding: calc(var(--spacing) * 4);
    background: #0d1b3ed9;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, .1)
}

.course-page-template-hero-icon-22 {
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    flex-shrink: 0;
    color: #00c2e8
}

.course-page-template-hero-row-24 {
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    color: #8ca3cc
}

.course-page-template-description-section-25 {
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 14)
}

.course-page-template-description-container-27 {
    max-width: var(--container-3xl)
}

.course-page-template-description-heading-28 {
    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: #0d1b3e
}

.course-page-template-description-copy-29 {
    font-size: var(--text-base);
    --effect-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: #5a6a8a
}

.course-page-template-what-you-will-learn-section-30 {
    background-color: #f4f7ff;
    padding-block: calc(var(--spacing) * 14);
    background-image: radial-gradient(circle, rgba(0, 194, 232, .15) 1px, transparent 1px);
    background-size: 28px 28px
}

.course-page-template-what-you-will-learn-heading-32 {
    margin-bottom: calc(var(--spacing) * 8);
    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
}

.course-page-template-what-you-will-learn-grid-33 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 4);

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

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

.course-page-template-what-you-will-learn-card-34 {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
    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) * 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-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)
        }
    }
}

.course-page-template-what-you-will-learn-card-35 {
    margin-top: calc(var(--spacing) * .5);
    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);
    --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))
}

.course-page-template-what-you-will-learn-label-36 {
    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)
}

.course-page-template-what-you-will-learn-label-37 {
    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: #0d1b3e
}

.course-page-template-curriculum-grid-41 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 6);

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

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

.course-page-template-curriculum-card-42 {
    border-radius: var(--radius-2xl);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: #0d1b3e14;
    background-color: var(--color-white);
    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)
        }
    }
}

.course-page-template-curriculum-row-43 {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3)
}

.course-page-template-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: #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-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)
}

.course-page-template-curriculum-li-47 {
    display: flex;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    color: #5a6a8a
}

.course-page-template-curriculum-label-48 {
    flex-shrink: 0;
    color: #00c2e8
}

.course-page-template-projects-section-49 {
    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) * 14)
}

.course-page-template-projects-heading-52 {
    margin-bottom: calc(var(--spacing) * 8);
    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)
}

.course-page-template-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(3, minmax(0, 1fr))
    }
}

.course-page-template-projects-card-54 {
    border-radius: var(--radius-2xl);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #fff 10%, transparent);

    @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 10%, 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)
        }
    }

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

.course-page-template-projects-card-55 {
    margin-bottom: calc(var(--spacing) * 3);
    display: flex;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--radius) + 4px);
    background-color: color-mix(in oklab, #00C2E8 20%, transparent);
    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: #00c2e8
}

.course-page-template-projects-heading-56 {
    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)
}

.course-page-template-projects-copy-57 {
    font-size: var(--text-xs);
    --effect-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: #8ca3cc
}

.course-page-template-career-outcomes-section-58 {
    background-color: #f4f7ff;
    padding-block: calc(var(--spacing) * 14)
}

.course-page-template-career-outcomes-grid-61 {
    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(4, minmax(0, 1fr))
    }
}

.course-page-template-career-outcomes-card-62 {
    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);
    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-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 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)
        }
    }
}

.course-page-template-career-outcomes-card-63 {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 3);
    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: #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))
}

.course-page-template-who-can-join-offer-card-grid-68 {
    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))
    }
}

.course-page-template-who-can-join-offer-card-heading-69 {
    margin-bottom: calc(var(--spacing) * 6);
    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
}

.course-page-template-who-can-join-offer-card-card-71 {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: calc(var(--radius) + 4px);
    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
        }
    }
}

.course-page-template-who-can-join-offer-card-icon-72 {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    flex-shrink: 0;
    color: #0060e6
}

.course-page-template-who-can-join-offer-card-card-76 {
    margin-inline: auto;
    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: var(--radius-2xl);
    background-color: #eef2ff
}

.course-page-template-who-can-join-offer-card-icon-77 {
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    color: #0060e6
}

.course-page-template-who-can-join-offer-card-heading-78 {
    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: #0d1b3e
}

.course-page-template-who-can-join-offer-card-card-79 {
    margin-top: calc(var(--spacing) * 2);
    margin-bottom: calc(var(--spacing) * 4);
    display: inline-block;
    border-radius: var(--radius-2xl);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: 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);
    --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
}

.course-page-template-who-can-join-offer-card-copy-80 {
    margin-bottom: calc(var(--spacing) * 6);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    color: #5a6a8a
}

.course-page-template-who-can-join-offer-card-row-81 {
    margin-bottom: calc(var(--spacing) * 6);
    text-align: left;
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    display: flex;
    flex-direction: column;
    gap: 5px
}

.course-page-template-who-can-join-offer-card-row-82 {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2)
}

.course-page-template-who-can-join-offer-card-icon-83 {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    flex-shrink: 0;
    color: #0060e6
}

.course-page-template-who-can-join-offer-card-button-85 {
    display: block;
    width: 100%;
    border-radius: var(--radius-2xl);
    background-color: #ff6a2f;
    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: 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)
            }
        }
    }
}

.course-page-template-placement-support-strip-section-86 {
    background-color: #eef2ff;
    padding-block: calc(var(--spacing) * 10)
}

.course-page-template-placement-support-strip-row-88 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 6);

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

.course-page-template-placement-support-strip-row-89 {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4)
}

.course-page-template-placement-support-strip-card-90 {
    display: flex;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--radius) + 4px);
    background-color: #0060e6
}

.course-page-template-placement-support-strip-heading-92 {
    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
}

.course-page-template-placement-support-strip-row-93 {
    margin-top: var(--spacing);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 3)
}

.course-page-template-placement-support-strip-label-94 {
    display: flex;
    align-items: center;
    gap: var(--spacing);
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    color: #5a6a8a
}

.course-page-template-placement-support-strip-icon-95 {
    height: calc(var(--spacing) * 3);
    width: calc(var(--spacing) * 3);
    color: #0060e6
}

.course-page-template-placement-support-strip-link-96 {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(var(--radius) + 4px);
    background-color: #0060e6;
    padding-inline: calc(var(--spacing) * 7);
    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);
    white-space: nowrap;
    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
        }
    }
}

.course-page-template-counselling-form-section-98 {
    background-color: #f4f7ff;
    padding-block: calc(var(--spacing) * 16)
}

.course-page-template-counselling-form-card-100 {
    border-radius: var(--radius-3xl);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: #0d1b3e12;
    background-color: var(--color-white);
    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)
    }
}

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

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

.course-page-template-related-courses-link-111 {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    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);
    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 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)
        }
    }
}

.course-page-template-related-courses-card-112 {
    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: #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)
        }
    }
}

.course-page-template-related-courses-row-114 {
    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: 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 *) {
            color: #0060e6
        }
    }
}

.course-page-template-related-courses-row-115 {
    margin-top: var(--spacing);
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    color: #5a6a8a
}

.coming-soon-content-container-4 {
    position: relative;
    margin-inline: auto;
    max-width: var(--container-5xl);
    padding-inline: calc(var(--spacing) * 4);

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

.coming-soon-content-card-6 {
    margin-bottom: calc(var(--spacing) * 6);
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #fff 30%, transparent);

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

    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) * 5);
    padding-block: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)
}

.coming-soon-content-heading-8 {
    margin-bottom: calc(var(--spacing) * 5);
    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-5xl);
        line-height: var(--effect-leading, var(--text-5xl--line-height))
    }
}

.coming-soon-content-copy-9 {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 8);
    max-width: var(--container-xl);
    font-size: var(--text-lg);
    line-height: var(--effect-leading, var(--text-lg--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)
    }
}

.coming-soon-content-row-10 {
    margin-bottom: calc(var(--spacing) * 10);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(var(--spacing) * 2)
}

.coming-soon-content-label-11 {
    border-radius: var(--radius);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #fff 25%, transparent);

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

    background-color:color-mix(in srgb, #fff 15%, transparent);

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

    padding-inline:calc(var(--spacing) * 3);
    padding-block:calc(var(--spacing) * 1.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:var(--color-white)
}

.coming-soon-content-a-13 {
    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)
        }
    }
}

.coming-soon-quick-facts-grid-17 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--spacing) * 5);

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

.coming-soon-quick-facts-card-18 {
    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);
    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)
        }
    }
}

.coming-soon-quick-facts-card-19 {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 2);
    display: flex;
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--radius) + 4px);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: #0d1b3e14;
    background-color: var(--color-white)
}

.coming-soon-quick-facts-row-21 {
    margin-bottom: var(--spacing);
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    color: #5a6a8a
}

.coming-soon-quick-facts-card-23 {
    margin-top: calc(var(--spacing) * 8);
    border-radius: var(--radius-2xl);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: #0d1b3e12;
    background-color: #f4f7ff;
    padding: calc(var(--spacing) * 6)
}

.coming-soon-quick-facts-copy-24 {
    text-align: center;
    font-size: var(--text-sm);
    --effect-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: #5a6a8a
}

.coming-soon-waitlist-form-section-34 {
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 10)
}

.coming-soon-waitlist-form-container-35 {
    margin-inline: auto;
    max-width: var(--container-4xl);
    padding-inline: calc(var(--spacing) * 4);
    text-align: center;

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

.coming-soon-waitlist-form-copy-36 {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    color: #5a6a8a
}

.coming-soon-waitlist-form-link-37 {
    display: inline-block;
    border-radius: calc(var(--radius) + 4px);
    background-color: #0060e6;
    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: #004cc4
        }
    }
}

.site-div {
    display: flex;
    min-height: 100vh;
    align-items: center;
    justify-content: center;
    background-color: #f4f7ff;
    padding-top: calc(var(--spacing) * 20)
}

.site-div-variant-2 {
    padding-inline: calc(var(--spacing) * 4);
    text-align: center
}

.site-div-variant-3 {
    font-size: var(--text-8xl);
    line-height: var(--effect-leading, var(--text-8xl--line-height));
    --effect-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: #eef2ff
}

.site-h1 {
    margin-top: calc(var(--spacing) * 4);
    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: #0d1b3e
}

.site-p {
    margin-bottom: calc(var(--spacing) * 8);
    color: #5a6a8a
}

.site-a {
    border-radius: calc(var(--radius) + 4px);
    background-color: #0060e6;
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 3.5);
    --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
        }
    }
}

.logo-img {
    height: auto;
    max-width: 100%;
    object-fit: contain
}

.lucide {
    width: 1em;
    height: 1em;
    flex-shrink: 0;
    vertical-align: -.125em;
    display: inline-block
}

.header-card-4 .logo-img {
    width: 44px
}

.footer-card-6 .logo-img {
    width: 40px
}

.offer-badge-card-2 .lucide,
.offer-badge-card-2-variant-2 .lucide,
.course-page-template-hero-card-6 .lucide {
    width: 16px;
    height: 16px
}

.internship-content-card-14 .lucide,
.internship-content-label-28 .lucide,
.robotics-ai-skills-grid-card-35 .lucide,
.robotics-ai-skills-grid-card-35-variant-2 .lucide,
.robotics-ai-skills-grid-card-35-variant-3 .lucide,
.robotics-ai-skills-grid-card-35-variant-4 .lucide {
    width: 28px;
    height: 28px
}

.school-atl-services-card-25 .lucide {
    width: 26px;
    height: 26px
}

.robotics-ai-futuristic-hero-row-22 .lucide,
.robotics-ai-futuristic-hero-label-10 .lucide {
    width: 24px;
    height: 24px
}

.robotics-ai-placement-support-offer-card-70 .lucide {
    width: 14px;
    height: 14px
}

.footer-a-13 .lucide,
.footer-a-13-variant-2 .lucide,
.footer-a-13-variant-3 .lucide,
.footer-a-13-variant-4 .lucide {
    width: 18px;
    height: 18px
}

a .lucide {
    vertical-align: -.15em
}

.rating-star {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.907l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.907l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z'/%3E%3C/svg%3E") center / contain no-repeat
}

.breadcrumb-on-dark .breadcrumb-nav-1 {
    color: #fffc
}

.breadcrumb-on-dark .breadcrumb-link-4 {
    color: #fff
}

.breadcrumb-on-dark .breadcrumb-link-4:hover,
.breadcrumb-on-dark .breadcrumb-link-4:focus-visible {
    color: #7cc4ff
}

.breadcrumb-on-dark .breadcrumb-label-3 {
    color: #fff9
}

.breadcrumb-on-dark .breadcrumb-label-5 {
    color: #ffffffd9
}

.page-banner {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding-block: calc(var(--spacing) * 16)
}

section.page-banner {
    background-size: 40px 40px, 40px 40px, auto
}

.page-banner:before {
    content: "";
    position: absolute;
    right: 25%;
    bottom: calc(var(--spacing) * -20);
    height: calc(var(--spacing) * 80);
    width: calc(var(--spacing) * 80);
    border-radius: calc(infinity * 1px);
    background-color: #0060e629;
    filter: blur(64px)
}

.page-banner .placement-support-content-label-5 {
    color: #0060e6
}

.page-banner .placement-support-content-heading-6 {
    color: #0d1b3e;
    margin-top: calc(var(--spacing) * 2)
}

.page-banner .placement-support-content-copy-8,
.page-banner .contact-content-copy-8 {
    color: #5a6a8a
}

.page-banner .breadcrumb-nav-1 {
    color: #fffc
}

.page-banner .breadcrumb-link-4 {
    color: #5a6a8a
}

.page-banner .breadcrumb-link-4:hover,
.page-banner .breadcrumb-link-4:focus-visible {
    color: #7cc4ff
}

.page-banner .breadcrumb-label-3,
.page-banner .breadcrumb-label-5 {
    color: #5a6a8a
}

.page-banner-content {
    position: relative;
    z-index: 10;
    margin-inline: auto;
    width: 100%;
    max-width: var(--container-7xl);
    padding-inline: calc(var(--spacing) * 4);
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: center;
    gap: calc(var(--spacing) * 12)
}

.page-banner-media {
    position: relative;
    display: none
}

.page-banner-media:after {
    content: "";
    position: absolute;
    top: calc(var(--spacing) * -20);
    right: calc(var(--spacing) * -20);
    height: calc(var(--spacing) * 60);
    width: calc(var(--spacing) * 60);
    border-radius: calc(infinity * 1px);
    background-color: #4dd9ff2e;
    filter: blur(64px)
}

.page-banner-img {
    position: relative;
    z-index: 1;
    height: 420px;
    width: 100%;
    object-fit: cover;
    border-radius: var(--radius-3xl);
    box-shadow: 0 25px 50px -12px #0060e640
}

@media(min-width:640px) {
    .page-banner-content {
        padding-inline: calc(var(--spacing) * 6)
    }
}

@media(max-width:767px) {
    .page-banner {
        padding-block: calc(var(--spacing) * 10)
    }

    .page-banner .placement-support-content-heading-6 {
        font-size: var(--text-3xl)
    }
}

@media(min-width:1024px) {
    .page-banner-content {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .page-banner-media {
        display: block
    }
}

.page-banner .home-hero-label-29 {
    background: linear-gradient(135deg, #0060e6, #00c2e8);
    -webkit-background-clip: text;
    background-clip: text
}

.contact-info-map {
    margin-top: calc(var(--spacing) * 2)
}

.contact-map-actions {
    margin-top: calc(var(--spacing) * 4)
}

.btn-map-directions {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    padding: calc(var(--spacing) * 3) calc(var(--spacing) * 6);
    border-radius: calc(infinity * 1px);
    background-image: linear-gradient(135deg, #0060e6, #00c2e8);
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    transition: filter .2s ease, transform .2s ease
}

.btn-map-directions:hover,
.btn-map-directions:focus-visible {
    filter: brightness(1.08)
}

.contact-social-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 3)
}

.contact-social-link .lucide {
    width: 20px;
    height: 20px
}

.contact-social-link:focus-visible,
.footer-a-13:focus-visible,
.footer-a-13-variant-2:focus-visible,
.footer-a-13-variant-3:focus-visible,
.footer-a-13-variant-4:focus-visible,
.btn-map-directions:focus-visible {
    outline: 2px solid #0060E6;
    outline-offset: 2px
}

.header-header-1 {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 50;
    background-color: color-mix(in srgb, #fff 95%, transparent);

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

    padding-block:calc(var(--spacing) * 3);
    --effect-backdrop-blur: blur(var(--blur-md));
    -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, );
    transition-property:all;
    transition-timing-function:var(--effect-ease, var(--default-transition-timing-function));
    --effect-duration: .3s;
    transition-duration:.3s
}

.header-container-2 {
    margin-inline: auto;
    display: flex;
    max-width: var(--container-7xl);
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 4);

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

.header-link-3 {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 2.5)
}

.header-card-4 {
    display: flex;
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    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));
    --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);
    transition-property: box-shadow;
    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 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) {
        &:is(:where(.interactive-card):hover *) {
            --effect-shadow-color: rgba(0, 96, 230, .3)
        }
    }

    @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, .3) var(--effect-shadow-alpha), transparent)
            }
        }
    }
}

.header-label-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: var(--color-white)
}

.header-row-6 {
    --effect-leading: 1;
    line-height: 1
}

.header-row-7 {
    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);
    --effect-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: #0d1b3e
}

.header-row-8 {
    font-size: 10px;
    --effect-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --effect-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: #0060e6;
    text-transform: uppercase
}

.header-nav-9 {
    display: none;
    flex: 1;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * .5);

    @media(width>=80rem) {
        display: flex
    }
}

.header-link-22 {
    border-radius: var(--radius);
    background-color: #eef2ff;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: 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: #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));
    transition-duration: var(--effect-duration, var(--default-transition-duration))
}

.header-row-10 {
    position: relative
}

.header-button-11 {
    display: flex;
    align-items: center;
    gap: var(--spacing);
    border-radius: var(--radius);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: 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: #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 {
            background-color: #f4f7ff
        }
    }

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

.header-icon-12 {
    height: calc(var(--spacing) * 3.5);
    width: calc(var(--spacing) * 3.5);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--effect-ease, var(--default-transition-timing-function));
    --effect-duration: .2s;
    transition-duration: .2s
}

.header-card-13 {
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 50;
    margin-top: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 64);
    --effect-translate-x: -50%;
    translate: var(--effect-translate-x) var(--effect-translate-y);
    border-radius: var(--radius-2xl);
    border-style: var(--effect-border-style);
    border-width: 1px;
    border-color: #0d1b3e12;
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 2);
    --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(13, 27, 62, .12);

    @supports (color: color-mix(in lab, red, red)) {
        --effect-shadow-color: color-mix(in oklab, rgba(13, 27, 62, .12) var(--effect-shadow-alpha), transparent)
    }
}

.header-copy-14 {
    padding-inline: calc(var(--spacing) * 4);
    padding-top: var(--spacing);
    padding-bottom: calc(var(--spacing) * 2);
    font-size: 10px;
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --effect-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: #5a6a8a;
    text-transform: uppercase
}

.header-link-15 {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2.5);
    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
        }
    }
}

.header-card-16 {
    display: flex;
    height: calc(var(--spacing) * 7);
    width: calc(var(--spacing) * 7);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius);
    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(.menu-item):hover *) {
            background-color: color-mix(in oklab, #0060E6 10%, transparent)
        }
    }
}

.header-icon-17 {
    height: calc(var(--spacing) * 3.5);
    width: calc(var(--spacing) * 3.5);
    color: #0060e6
}

.header-label-18 {
    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: #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) {
        &:is(:where(.menu-item):hover *) {
            color: #0060e6
        }
    }
}

.header-row-19 {
    margin-inline: calc(var(--spacing) * 3);
    margin-top: calc(var(--spacing) * 2);
    border-top-style: var(--effect-border-style);
    border-top-width: 1px;
    border-color: #0d1b3e12;
    padding-top: calc(var(--spacing) * 2)
}

.header-link-20 {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: var(--spacing);
    border-radius: calc(var(--radius) + 4px);
    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: #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));
    transition-duration: var(--effect-duration, var(--default-transition-duration));

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

.header-icon-21 {
    height: calc(var(--spacing) * 3.5);
    width: calc(var(--spacing) * 3.5);
    rotate: -90deg
}

.header-link-22-variant-2 {
    border-radius: var(--radius);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: 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: #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 {
            background-color: #f4f7ff
        }
    }

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

.header-row-23 {
    display: none;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 2);

    @media(width>=80rem) {
        display: flex
    }
}

.header-button-24 {
    border-radius: var(--radius);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: 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-semibold);
    font-weight: var(--font-weight-semibold);
    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 {
            background-color: #f4f7ff
        }
    }

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

.header-link-25 {
    border-radius: calc(var(--radius) + 4px);
    background-color: #ff6a2f;
    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);
    white-space: nowrap;
    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 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(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)
    }
}

.header-button-26 {
    border-radius: calc(var(--radius) + 4px);
    padding: calc(var(--spacing) * 2);
    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
        }
    }

    @media(width>=80rem) {
        display: none
    }
}

.header-icon-28 {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    color: #0d1b3e
}

.header-row-29 {
    max-height: 85vh;
    overflow-y: auto;
    border-top-style: var(--effect-border-style);
    border-top-width: 1px;
    border-color: #0d1b3e12;
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 4);
    padding-top: calc(var(--spacing) * 2);
    padding-bottom: 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);

    @media(width>=80rem) {
        display: none
    }
}

.header-link-30 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom-style: var(--effect-border-style);
    border-bottom-width: 1px;
    border-color: #0d1b3e0d;
    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: #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
        }
    }
}

.header-grid-31 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: var(--spacing);
    padding-block: calc(var(--spacing) * 2)
}

.header-link-32 {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: calc(var(--radius) + 4px);
    background-color: #f4f7ff;
    padding: calc(var(--spacing) * 2.5);
    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
        }
    }
}

.header-card-33 {
    display: flex;
    height: calc(var(--spacing) * 7);
    width: calc(var(--spacing) * 7);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius);
    background-color: var(--color-white)
}

.header-icon-34 {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    color: #0060e6
}

.header-label-35 {
    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: #0d1b3e
}

.header-link-36 {
    margin-top: var(--spacing);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing);
    border-radius: calc(var(--radius) + 4px);
    border-style: var(--effect-border-style);
    border-width: 2px;
    border-color: color-mix(in oklab, #0060E6 20%, transparent);
    padding: 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: #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));
    transition-duration: var(--effect-duration, var(--default-transition-duration));

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

.header-row-37 {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    gap: calc(var(--spacing) * 3)
}

.header-button-38 {
    flex: 1;
    border-radius: calc(var(--radius) + 4px);
    border-style: var(--effect-border-style);
    border-width: 2px;
    border-color: #0060e6;
    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: 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
        }
    }
}

.header-link-39 {
    flex: 1;
    border-radius: calc(var(--radius) + 4px);
    background-color: #ff6a2f;
    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)
}

.header-button-11-variant-2 {
    display: flex;
    align-items: center;
    gap: var(--spacing);
    border-radius: var(--radius);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: 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: #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));
    transition-duration: var(--effect-duration, var(--default-transition-duration))
}

.footer-footer-1 {
    background-color: #0d1b3e;
    color: var(--color-white)
}

.footer-container-2 {
    margin-inline: auto;
    max-width: var(--container-7xl);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 14);

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

.footer-grid-3 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 10);

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

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

.footer-row-4 {
    @media(width>=64rem) {
        grid-column: span 1 / span 1
    }
}

.footer-row-5 {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2.5)
}

.footer-card-6 {
    display: flex;
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    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));
    --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)
}

.footer-row-9 {
    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);
    --effect-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-white)
}

.footer-row-10 {
    font-size: 10px;
    --effect-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --effect-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: #00c2e8;
    text-transform: uppercase
}

.footer-copy-11 {
    margin-bottom: calc(var(--spacing) * 5);
    font-size: var(--text-sm);
    --effect-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: #8ca3cc
}

.footer-row-12 {
    display: flex;
    gap: calc(var(--spacing) * 2.5)
}

.footer-a-13 {
    display: flex;
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius);
    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)
    }

    font-size:10px;
    --effect-font-weight: var(--font-weight-bold);
    font-weight:var(--font-weight-bold);
    --effect-tracking: var(--tracking-wide);
    letter-spacing:var(--tracking-wide);
    color:var(--color-white);
    text-transform:uppercase;
    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: #0a66c2
        }
    }
}

.footer-a-13-variant-2 {
    display: flex;
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius);
    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)
    }

    font-size:10px;
    --effect-font-weight: var(--font-weight-bold);
    font-weight:var(--font-weight-bold);
    --effect-tracking: var(--tracking-wide);
    letter-spacing:var(--tracking-wide);
    color:var(--color-white);
    text-transform:uppercase;
    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: #e1306c
        }
    }
}

.footer-a-13-variant-3 {
    display: flex;
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius);
    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)
    }

    font-size:10px;
    --effect-font-weight: var(--font-weight-bold);
    font-weight:var(--font-weight-bold);
    --effect-tracking: var(--tracking-wide);
    letter-spacing:var(--tracking-wide);
    color:var(--color-white);
    text-transform:uppercase;
    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: #1877f2
        }
    }
}

.footer-a-13-variant-4 {
    display: flex;
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius);
    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)
    }

    font-size:10px;
    --effect-font-weight: var(--font-weight-bold);
    font-weight:var(--font-weight-bold);
    --effect-tracking: var(--tracking-wide);
    letter-spacing:var(--tracking-wide);
    color:var(--color-white);
    text-transform:uppercase;
    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: red
        }
    }
}

.footer-heading-14 {
    margin-bottom: calc(var(--spacing) * 4);
    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: var(--color-white);
    text-transform: uppercase
}

.footer-link-16 {
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    color: #8ca3cc;
    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: #00c2e8
        }
    }
}

.footer-li-22 {
    display: flex;
    gap: calc(var(--spacing) * 3)
}

.footer-icon-23 {
    margin-top: calc(var(--spacing) * .5);
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    flex-shrink: 0;
    color: #00c2e8
}

.footer-label-24 {
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    color: #8ca3cc
}

.footer-a-30 {
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    word-break: break-all;
    color: #8ca3cc;
    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: #00c2e8
        }
    }
}

.footer-a-34 {
    margin-top: calc(var(--spacing) * 5);
    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: color-mix(in oklab, #25D366 30%, transparent);
    background-color: color-mix(in oklab, #25D366 20%, transparent);
    padding-inline: calc(var(--spacing) * 4);
    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-semibold);
    font-weight: var(--font-weight-semibold);
    color: #25d366;
    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: color-mix(in oklab, #25D366 30%, transparent)
        }
    }
}

.footer-row-36 {
    margin-top: calc(var(--spacing) * 12);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    border-top-style: var(--effect-border-style);
    border-top-width: 1px;
    border-color: color-mix(in srgb, #fff 10%, transparent);

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

    padding-top:calc(var(--spacing) * 6);

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

.footer-row-38 {
    display: flex;
    gap: calc(var(--spacing) * 4)
}

.footer-link-39 {
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    color: #5a6a8a;
    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: #00c2e8
        }
    }
}

@media(max-width:560px) {
    .contact-locations {
        padding: 3.5rem 0
    }

    .contact-locations-grid {
        grid-template-columns: 1fr
    }

    .contact-location-card {
        min-height: 22rem
    }

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

.home-hero-label-29 {
    display: block;
    background: linear-gradient(135deg, #0060e6, #00c2e8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text
}

.home-hero-strong-31 {
    color: #0d1b3e
}

.home-hero-icon-35 {
    height: calc(var(--spacing) * 3.5);
    width: calc(var(--spacing) * 3.5);
    flex-shrink: 0;
    color: #0060e6
}

.home-hero-row-37 {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 3)
}

.home-hero-card-41 {
    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, .15);

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

.home-hero-row-45 {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3)
}

.home-hero-icon-47 {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    color: var(--color-white)
}

.home-hero-row-48 {
    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-hero-row-49 {
    font-size: var(--text-xs);
    line-height: var(--effect-leading, var(--text-xs--line-height));
    color: #5a6a8a
}

.home-hero-row-57 {
    text-align: center
}

.home-trust-strip-container-62 {
    margin-inline: auto;
    max-width: var(--container-7xl);
    padding-inline: calc(var(--spacing) * 4);

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

.home-popular-programs-row-68 {
    margin-bottom: calc(var(--spacing) * 12);
    text-align: center
}

.home-popular-programs-grid-72 {
    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(3, minmax(0, 1fr))
    }
}

.home-popular-programs-label-82 {
    display: flex;
    align-items: center;
    gap: var(--spacing)
}

.home-popular-programs-icon-83 {
    height: calc(var(--spacing) * 3);
    width: calc(var(--spacing) * 3)
}

.home-popular-programs-row-89 {
    margin-top: calc(var(--spacing) * 10);
    text-align: center
}

.home-popular-programs-icon-91 {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4)
}

.home-why-calance-row-102 {
    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
}

.home-why-calance-row-103 {
    font-size: var(--text-xs);
    --effect-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: #5a6a8a
}

.home-placement-support-icon-123 {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    color: #0060e6
}

.home-content-container-13 {
    position: relative;
    margin-inline: auto;
    max-width: var(--container-4xl);
    padding-inline: calc(var(--spacing) * 4);
    text-align: center;

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

.home-content-row-18 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(var(--spacing) * 4)
}

.home-content-a-20 {
    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) * 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-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)
        }
    }
}

.home-testimonials-grid-146.testimonial-carousel {
    display: block;
    overflow: hidden;
    touch-action: pan-y;
    cursor: grab
}

.testimonial-carousel:active {
    cursor: grabbing
}

.testimonial-track {
    display: flex;
    gap: 24px;
    width: max-content;
    will-change: transform;
    user-select: none
}

.testimonial-track>.home-testimonials-card-147 {
    flex: 0 0 var(--testimonial-width);
    width: var(--testimonial-width);
    min-width: 0
}

.home-faq-container-157 {
    margin-inline: auto;
    max-width: var(--container-3xl);
    padding-inline: calc(var(--spacing) * 4);

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

.home-lead-form-container-162 {
    margin-inline: auto;
    max-width: var(--container-4xl);
    padding-inline: calc(var(--spacing) * 4);

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

.home-lead-form-row-164 {
    margin-bottom: calc(var(--spacing) * 8);
    text-align: center
}

.home-lead-form-copy-167 {
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    color: #5a6a8a
}

/* .courses-row-1 {
    padding-top: calc(var(--spacing) * 10)
} */

.courses-header-container-4 {
    margin-top: calc(var(--spacing) * 6);
    max-width: var(--container-2xl)
}

.courses-search-filter-row-13 {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2)
}

.courses-course-grid-icon-27 {
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    color: var(--color-white)
}

.courses-course-grid-row-41 {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 1.5)
}

.courses-course-grid-label-42 {
    border-radius: var(--radius);
    background-color: #eef2ff;
    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
}

.courses-lead-form-section-48 {
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 16)
}

.courses-lead-form-card-50 {
    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)
    }
}

.courses-lead-form-heading-52 {
    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
}

.courses-lead-form-copy-53 {
    margin-top: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--effect-leading, var(--text-sm--line-height));
    color: #5a6a8a
}

.placement-support-content-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) * 16);
    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
}

.placement-support-content-label-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);
    --effect-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: #0060e6;
    text-transform: uppercase
}

.placement-support-content-heading-6 {
    margin-top: calc(var(--spacing) * 2);
    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))
    }
}

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

.placement-support-content-grid-14 {
    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))
    }
}

.placement-support-content-row-16 {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 5)
}

.placement-support-content-row-19 {
    flex: 1
}

.placement-support-content-heading-20 {
    margin-bottom: calc(var(--spacing) * 2);
    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
}

.placement-support-content-copy-21 {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    --effect-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: #5a6a8a
}

.admission-process-steps-heading-22 {
    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
}

.admission-process-steps-copy-23 {
    font-size: var(--text-sm);
    --effect-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: #5a6a8a
}

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

.about-values-heading-30 {
    margin-bottom: calc(var(--spacing) * 10);
    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
}

.about-what-makes-us-different-card-51 {
    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) * 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);
    background:#ffffffb3;
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    border:1px solid rgba(255, 255, 255, .5)
}

.contact-content-a-33 {
    display: flex;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--radius) + 4px);
    background-color: #eef2ff;
    font-size: 11px;
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --effect-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: #0060e6;
    text-transform: uppercase;
    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: #0a66c2
        }
    }

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

.contact-content-a-33-variant-2 {
    display: flex;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--radius) + 4px);
    background-color: #eef2ff;
    font-size: 11px;
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --effect-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: #0060e6;
    text-transform: uppercase;
    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: #e1306c
        }
    }

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

.contact-content-a-33-variant-3 {
    display: flex;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--radius) + 4px);
    background-color: #eef2ff;
    font-size: 11px;
    --effect-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --effect-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: #0060e6;
    text-transform: uppercase;
    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: #1877f2
        }
    }

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

.terms-conditions-content-section-2 {
    --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-block: calc(var(--spacing) * 12)
}

.terms-conditions-content-heading-4 {
    margin-top: calc(var(--spacing) * 6);
    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;

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

.terms-conditions-content-card-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)
}

.terms-conditions-content-heading-9 {
    margin-bottom: calc(var(--spacing) * 3);
    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
}

.terms-conditions-content-copy-10 {
    font-size: var(--text-sm);
    --effect-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    white-space: pre-line;
    color: #5a6a8a
}

.internship-content-label-28 {
    font-size: var(--text-3xl);
    line-height: var(--effect-leading, var(--text-3xl--line-height))
}

.school-atl-hero-row-3 {
    position: absolute;
    inset: 0;
    opacity: 30%;
    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
}

.school-atl-hero-grid-5 {
    margin-top: calc(var(--spacing) * 8);
    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))
    }
}

.school-atl-hero-heading-7 {
    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: var(--color-white);

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

.school-atl-hero-label-8 {
    display: block;
    color: #00c2e8
}

.school-atl-hero-copy-9 {
    margin-bottom: calc(var(--spacing) * 8);
    font-size: var(--text-lg);
    --effect-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: #8ca3cc
}

.school-atl-services-heading-21 {
    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
}

[hidden] {
    display: none !important
}

button,
a,
input,
select,
textarea {
    -webkit-tap-highlight-color: transparent
}

button {
    cursor: pointer
}

:focus-visible {
    outline: 2px solid var(--primary);
    outline-offset: 4px
}

input,
select,
textarea {
    min-width: 0;
    max-width: 100%
}

html {
    scroll-padding-top: 90px
}

.skip-link {
    position: fixed;
    left: 16px;
    top: 8px;
    transform: translateY(-160%);
    z-index: 300;
    background: #fff;
    color: var(--primary);
    padding: 10px 16px;
    border-radius: 8px
}

.skip-link:focus {
    transform: translateY(0)
}

body.modal-open,
body.menu-open {
    overflow: hidden
}

#site-header.is-scrolled {
    padding-block: 8px;
    background: #ffffffe5;
    backdrop-filter: blur(24px);
    box-shadow: 0 10px 15px -3px #0d1b3e0f, 0 4px 6px -4px #0d1b3e0f
}

#site-header .header-nav-9 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

#site-header nav a[aria-current=page] {
    color: var(--primary);
    background: #eef2ff
}

[data-dropdown-toggle].is-active {
    color: var(--primary)
}

[data-dropdown-toggle][aria-expanded=true] svg {
    transform: rotate(180deg)
}

[data-faq-toggle][aria-expanded=true]>span:last-child {
    transform: rotate(45deg)
}

[data-mobile-toggle][aria-expanded=true] svg {
    visibility: hidden
}

[data-mobile-toggle][aria-expanded=true] {
    position: relative
}

[data-mobile-toggle][aria-expanded=true]:before,
[data-mobile-toggle][aria-expanded=true]:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    top: 50%;
    left: 8px;
    background: #0d1b3e;
    transform: rotate(45deg)
}

[data-mobile-toggle][aria-expanded=true]:after {
    transform: rotate(-45deg)
}

[data-filter][aria-pressed=true] {
    background: #0060e6;
    color: #fff;
    box-shadow: 0 4px 6px -1px #0060e640, 0 2px 4px -2px #0060e640
}

[data-filter][aria-pressed=false] {
    background: #eef2ff;
    color: #5a6a8a;
    box-shadow: none
}

[data-filter][aria-pressed=false]:hover {
    background: #0060e61a;
    color: #0060e6
}

@media(max-width:1279px) {
    #site-header .header-nav-9 {
        position: static;
        transform: none
    }

    #mobile-menu {
        max-height: calc(100dvh - 130px);
        overscroll-behavior: contain
    }
}

@media(max-width:768px) {
    footer {
        padding-bottom: calc(64px + env(safe-area-inset-bottom))
    }
}

@media(prefers-reduced-motion:reduce) {

    *,
    *:before,
    *:after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important
    }
}

#header {
    display: block;
    min-height: 8.5vh;
}

#footer {
    display: contents
}

.lead-form-button-16,
.mobile-bottom-bar-button-9,
.course-page-template-who-can-join-offer-card-button-85,
.home-why-calance-button-113 {
    background-color: #c2410c
}

.home-content-button-19 {
    color: #c2410c
}

.home-career-timeline-row-138 {
    color: #007a92
}

.home-testimonials-copy-155 {
    color: #526887
}

.footer-row-36 .home-hero-row-49,
.footer-link-39 {
    color: #aab6cc
}

.footer-li-22 a {
    min-height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.lead-form-a-18 {
    text-decoration: underline;
    text-underline-offset: .15em
}

.home-why-calance-button-113 {
    background-color: #9a3412 !important;
    color: #fff !important
}

.home-content-button-19 {
    color: #9a3412 !important
}

.home-career-timeline-row-138 {
    color: #005f73 !important
}

.home-testimonials-copy-155 {
    color: #3b4c66 !important
}