*,*:before,*:after {
    box-sizing: border-box
}

* {
    margin: 0
}

@media(prefers-reduced-motion:no-preference) {
    html {
        scroll-behavior: smooth
    }
}

body {
    line-height: 1.5;
    -webkit-font-smoothing: antialiased
}

img,picture,video,canvas,svg {
    display: block;
    max-width: 100%
}

input,button,textarea,select {
    font: inherit
}

p,h1,h2,h3,h4,h5,h6 {
    overflow-wrap: break-word
}

p {
    text-wrap: pretty
}

h1,h2,h3,h4,h5,h6 {
    text-wrap: balance
}

:where(button,a.btn) {
    --_hover-shadow-color: var(--clr-neutral-400);
    --_active-outline-color: var(--clr-green-400);
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    color: currentColor;
    cursor: pointer;
    outline: none;
    transition: box-shadow .2s,outline-offset .2s;
    transition-timing-function: cubic-bezier(.25,0,.2,1);
    text-decoration: none
}

:where(button,a.btn):hover {
    box-shadow: 0 0 0 .2em var(--_hover-shadow-color)
}

:where(button,a.btn):focus-visible {
    outline: 2px solid var(--_active-outline-color);
    outline-offset: 2px
}

:where(button,a.btn):active {
    box-shadow: 0 0 0 0 var(--_hover-shadow-color);
    outline-offset: 0px
}

:root {
    --ff-primary: Montserrat, system-ui, sans-serif;
    --ff-secondary: Inter, system-ui, sans-serif;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
    --fw-extrabold: 800;
    --clr-warm-100: #efe8e1;
    --clr-neutral-100: #fff;
    --clr-neutral-200: #eceeef;
    --clr-neutral-300: #d5d7db;
    --clr-neutral-400: #959ba1;
    --clr-neutral-500: #808186;
    --clr-neutral-700: #5f6368;
    --clr-neutral-800: #3c4043;
    --clr-neutral-900: #1d1d1d;
    --clr-blue-100: #e3ebf9;
    --clr-blue-300: #72a6ec;
    --clr-blue-400: #4280ef;
    --clr-blue-700: #235bc6;
    --clr-green-100: #e1efe5;
    --clr-green-300: #73bc6b;
    --clr-green-400: #34a353;
    --clr-green-700: #26824d;
    --clr-yellow-100: #f9f2db;
    --clr-yellow-300: #f0c14b;
    --clr-yellow-400: #f6b704;
    --clr-yellow-700: #e59100;
    --clr-red-100: #f7e3e1;
    --clr-red-300: #f2b3b9;
    --clr-red-400: #e54335;
    --clr-red-700: #c72929;
    --gradient-primary-colors: var(--clr-blue-400), var(--clr-blue-700)
}

body {
    font-family: var(--ff-primary);
    font-optical-sizing: auto;
    font-style: normal;
    color: var(--clr-neutral-900);
    overflow-x: hidden
}

.ff-primary {
    font-family: var(--ff-primary)
}

.ff-secondary {
    font-family: var(--ff-secondary);
    font-weight: var(--fw-regular);
}

.content-grid,.full-width {
    --padding-inline: .6rem;
    --content-max-width: 1200px;
    --breakout-max-width: 1350px;
    --breakout-size: calc((var(--breakout-max-width) - var(--content-max-width)) / 2);
    display: grid;
    grid-template-columns: [full-width-start] minmax(var(--padding-inline),1fr) [breakout-start] minmax(0,var(--breakout-size)) [content-start] min(100% - var(--padding-inline) * 2,var(--content-max-width)) [content-end] minmax(0,var(--breakout-size)) [breakout-end] minmax(var(--padding-inline),1fr) [full-width-end]
}

.content-grid>:not(.breakout,.full-width),.full-width>:not(.breakout,.full-width) {
    grid-column: content
}

.content-grid>.breakout {
    grid-column: breakout
}

.content-grid>.full-width {
    grid-column: full-width
}

:where(button,a.btn)[data-primary] {
    --_hover-shadow-color: var(--clr-neutral-300);
    display: inline-block;
    background: linear-gradient(to right,var(--gradient-primary-colors));
    font-weight: var(--fw-semibold);
    color: var(--clr-neutral-100);
    padding: .5rem 1.5rem;
    border-radius: 50rem
}

:where(button,a.btn)[data-primary-bordered] {
    --_hover-shadow-color: var(--clr-neutral-700);
    border: 2px solid transparent;
    background: linear-gradient(to right,var(--gradient-primary-colors)) padding-box,linear-gradient(to left,var(--gradient-primary-colors)) border-box
}

:where(button,a.btn)[data-secondary] {
    --_hover-shadow-color: var(--clr-yellow-300);
    border: 2px solid transparent;
    border-radius: 100vw;
    background: linear-gradient(to right,var(--clr-neutral-100)) padding-box,linear-gradient(to left,var(--clr-yellow-400),var(--clr-yellow-700)) border-box
}

.animation-container,.dependent-animation-container {
    display: inline-grid;
    grid-template-areas: "pile";
    justify-content: start;
    text-align: start
}

.animation-container>*,.dependent-animation-container>* {
    grid-area: pile
}

.animation-container :where(span),.dependent-animation-container :where(span) {
    display: inline-block
}

.animation-group {
    display: grid;
    gap: .5ch;
    grid-template-areas: "common animate"
}

.common {
    grid-area: common
}

.animate {
    grid-area: animate
}

.typed-cursor {
    background-color: var(--clr-neutral-900);
    display: inline-block;
    width: .3rem;
    margin-left: .3rem;
    height: 1ch;
    scale: 1 1.5;
    border-radius: 100vw
}

body {
    position: relative
}

.floating-btn[data-astro-cid-sckkx6r4] {
    position: sticky;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    font-size: 1.2rem;
    border-radius: 0;
    box-shadow: 0 -2px 8px #0006;
    width: 100%;
    @media(prefers-reduced-motion:no-preference) {
        transition:translate .3s linear(0 0%,0 1.8%,.01 3.6%,.03 6.35%,.07 9.1%,.13 11.4%,.19 13.4%,.27 15%,.34 16.1%,.54 18.35%,.63 19.42%,.72 22.4%,.77 24.6%,.81 27.3%,.85 30.4%,.88 35.1%,.92 40.6%,.94 47.2%,.96 55%,.98 64%,.99 74.4%,1 86.4%,1 100%)}

    @media screen and (width>56rem) {
        
        
        position: fixed;
        width:fit-content;
        top:1.2rem;
        left:auto;
        right:0;
        bottom:auto;
        border-top-left-radius:50rem;
        border-bottom-left-radius:50rem;
        box-shadow:2px 0 8px #0006;
        translate:0;
        z-index: 9999;
        
        &[data-astro-cid-sckkx6r4]:not(.show) {
            translate: 110%
        }
    }
}

.fixed-container[data-astro-cid-sckkx6r4] {
    --padding-inline: 1.5rem;
    --padding-block-end: 1.5rem;
    display: grid;
    gap: 1rem;
    position: fixed;
    left: var(--padding-inline);
    right: var(--padding-inline);
    bottom: var(--padding-block-end);
    align-items: center;
    justify-items: center;
    justify-content: end;
    pointer-events: none;
    @media screen and (width<56rem) {
        --padding-inline: .8rem;
        --padding-block-end: 4rem;
        justify-content:space-between;grid-template-columns:auto auto;gap:.5rem}

    >[data-astro-cid-sckkx6r4] {
        pointer-events: auto
    }
}

#back-to-top[data-astro-cid-sckkx6r4] {
    display: inline-block;
    opacity: 0;
    width: 2.5rem;
    height: 2.5rem;
    display: grid;
    place-items: center;
    border: 1px solid transparent;
    border-radius: 50%;
    background: linear-gradient(to right,var(--clr-neutral-100),var(--clr-neutral-100)) padding-box,linear-gradient(to right,var(--clr-red-400),var(--clr-yellow-400),var(--clr-green-400),var(--clr-blue-400)) border-box;
    box-shadow: 2px 2px 8px #0003;
    translate: 100%;
    @media(prefers-reduced-motion:no-preference) {
        transition:opacity .2s ease,translate .2s ease}

    &.show {
        opacity: 1;
        translate: 0
    }

    img {
        width: auto;
        height: 1.5rem
    }
}

.whatsapp-btn[data-astro-cid-sckkx6r4] {
    --_ripple-color: #28b03e;
    position: relative;
    &[data-astro-cid-sckkx6r4]: before {
        content:"";
        position: absolute;
        inset: 0;
        transform: scale(.5);
        border-radius: 50%;
        background: var(--_ripple-color);
        z-index: -1;
        animation: ripple 1s infinite ease-in-out
    }
}

@keyframes ripple {
    to {
        transform: scale(2);
        opacity: 0
    }
}

header[data-astro-cid-3ef6ksr2] {
    padding-block:1rem}

.logo-wrapper[data-astro-cid-3ef6ksr2] {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: 1.2rem;
    font-weight: var(--fw-semibold);
    @media screen and (width>=56rem) {
        font-size: 1.5rem
    }

    img {
        height: 1.5em;
        width: auto
    }

    .drona-logo {
        height: 4em
    }
}

.logo-text-wrapper[data-astro-cid-3ef6ksr2] {
    overflow: hidden;
    span {
        display: inline-block;
        @media screen and (width<=22.5rem) {
            display: none
        }
    }
}

.header-content-wrapper[data-astro-cid-3ef6ksr2] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.call-us-wrapper[data-astro-cid-3ef6ksr2] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: .4rem;
    padding-inline-end:.8rem;border-radius: 50rem;
    background-color: var(--clr-blue-100);
    font-weight: var(--fw-semibold);
    overflow: hidden;
    position: relative;
    span {
        display: inline-block
    }

    .full-size-link {
        position: absolute;
        z-index: 1;
        inset: 0
    }

    .hide-mobile {
        display: none;
        @media(width>15em) {
            display: inline
        }
    }
}

.call-us[data-astro-cid-3ef6ksr2] {
    line-height: 1.2;
    display: grid;
    .contact-number {
        font-size: .8rem;
        @media screen and (width<=56rem) {
            font-size: 1rem;
            display:none;white-space:nowrap}
    }
}

.call-icon[data-astro-cid-3ef6ksr2] {
    background-color: var(--clr-neutral-100);
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    animation: shake 2s cubic-bezier(.36,.07,.19,.97) infinite;
    img {
        height: 1.2em;
        width: auto
    }
}

a[data-astro-cid-3ef6ksr2].btn {
    display: none;
    @media screen and (width>=56rem) {
        display: block;
        z-index:4}
}

@keyframes shake {
    0%,10%,20% {
        translate: 0;
        rotate: 0deg
    }

    5%,15% {
        translate: 2px;
        rotate: 20deg
    }

    10% {
        rotate: -20deg
    }

    25%,to {
        translate: 0;
        rotate: 0deg
    }
}

.hero[data-astro-cid-anhloy43] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin-block-start:1rem;@media screen and (min-width: 56rem) {
        grid-template-columns:1fr 1fr;
        gap:2rem}
}

h1[data-astro-cid-anhloy43] {
    text-align: center;
    font-size: clamp(2.5rem,8.6vw,3.5rem);
    line-height: 1.4;
    .flex {
        display: flex;
        align-items: center;
        gap: .5em;
        justify-content: center;
        @media screen and (width<=26.875rem) {
            font-size: .9em
        }
    }

    .savage-star {
        height: 1em;
        width: auto
    }

    .standard-wrapper {
        display: inline-block;
        overflow: hidden;
        #standard {
            display: inline-block
        }
    }

    .animation-container {
        container-type: inline-size;
        container-name: course-animation-group;
        font-size: 5.6rem;
        width: 100%;
        margin-block:.3em;line-height: 1;
        color: var(--clr-blue-400);
        font-weight: var(--fw-extrabold);
        @media(width<=56rem) {
            font-size: 4.5rem;
            justify-content:center;justify-items:center;text-align:center}

        @media(width<=31.25rem) {
            font-size: 3.5rem
        }
    }

    @media screen and (min-width: 56rem) {
        .flex {
            justify-content:flex-start
        }

        .course-wrapper {
            .course {
                font-size: 1.6em
            }
        }

        text-align:start}

    @media screen and (width<=26.875rem) {
        .course-wrapper {
            .course {
                font-size: 1.1em
            }
        }
    }
}

.admission-form-indicator[data-astro-cid-anhloy43] {
    margin-block:1rem;display: flex;
    gap: .5em;
    justify-content: center;
    align-items: center;
    container-type: inline-size;
    @media screen and (min-width: 56rem) {
        justify-content:flex-start
    }

    .text {
        background-color: var(--clr-neutral-200);
        padding: .5em 1.75em;
        border-radius: 50rem;
        font-weight: var(--fw-semibold);
        font-size: 1.2rem;
        text-align: center;
        @container (width < 18rem) {
            padding-inline:1em}
    }

    .arrow {
        background-color: var(--clr-neutral-900);
        border-radius: 50%;
        padding: .8em;
        display: inline-block;
        @media screen and (width<56rem) {
            padding: .7em;
            svg {
                width: 1.4rem;
                height: auto;
                rotate: .25turn
            }
        }

        svg {
            width: 1.5rem;
            height: auto
        }
    }
}

.notes[data-astro-cid-anhloy43] {
    font-family: var(--ff-secondary);
    color: var(--clr-neutral-700);
    font-size: .7rem;
    line-height: 2;
    text-align: center;
    a {
        color: inherit
    }

    @media screen and (min-width: 56rem) {
        text-align:start
    }
}

.admission-form[data-astro-cid-anhloy43] {
    --_border-width: 2px;
    --_border-radius: 3rem;
    background: linear-gradient(to right,var(--gradient-primary-colors)) border-box;
    border: var(--_border-width) solid transparent;
    border-radius: var(--_border-radius);
    display: grid;
    grid-template-rows: auto 1fr;
    width: 100%;
    min-height: 500px;
    @media screen and (min-width: 56rem) {
        max-width:45ch;
        margin-inline-start:auto}

    .admission-form-title {
        font-size: 1.2rem;
        text-align: center;
        color: var(--clr-neutral-100);
        margin: 1em .4em
    }

    .admission-form-content {
        height: 100%;
        width: 100%;
        border-radius: calc(var(--_border-radius) - var(--_border-width));
        background-color: var(--clr-neutral-100)
    }
}

.after[data-astro-cid-anhloy43].flex {
    gap: .5ch;
    font-weight: var(--fw-semibold)
}

.condition[data-astro-cid-ia5khbbu] {
    background: linear-gradient(to top right,var(--clr-neutral-800),var(--clr-neutral-900));
    border-radius: 3rem;
    padding: 1.5rem;
    @media screen and (min-width: 56rem) {
        grid-column:breakout
    }
}

.condition-cards-wrapper[data-astro-cid-ia5khbbu] {
    display: grid;
    gap: .5rem;
    @media screen and (min-width: 56rem) {
        grid-template-columns:repeat(3,1fr);
        gap:2rem;padding-inline:2.5rem}
}

.condition-card[data-astro-cid-ia5khbbu] {
    border: 2px solid var(--clr-neutral-100);
    border-radius: 2rem;
    padding: 1rem;
    text-align: center;
    .image {
        margin-inline:auto;aspect-ratio: 1;
        width: 3rem
    }

    h3 {
        font-weight: var(--fw-semibold);
        margin-block:.5em}

    &.eligibility {
        background-color: var(--clr-red-100);
        p {
            color: var(--clr-red-700)
        }
    }

    &.course-duration {
        background-color: var(--clr-green-100);
        p {
            color: var(--clr-green-700)
        }
    }

    &.admission-starts-from {
        background-color: var(--clr-blue-100);
        p {
            color: var(--clr-blue-700)
        }
    }
}

section[data-astro-cid-eirc7gdc] {
    --_bottom-offset: 3rem;
    overflow-x: clip;
    padding-block-end:var(--_bottom-offset)}

.illustration[data-astro-cid-eirc7gdc] {
    --_translate-percentage: 50%;
    position: absolute;
    height: 120%;
    width: auto;
    grid-column: 1 / -1;
    @media screen and (width>20rem) {
        --_translate-percentage: 25%
    }

    @media screen and (width>56rem) {
        --_translate-percentage: 0%;
        grid-column:2 / 3}

    @media screen and (width<37.5rem) {
        --_translate-percentage: 50%
    }

    @media screen and (width<28rem) {
        height: 90%;
        bottom:calc(var(--_bottom-offset) * -1)}

    @media screen and (width<22.5rem) {
        --_translate-percentage: 65%;
        height:80%}

    &.student {
        justify-self: start;
        translate: calc(var(--_translate-percentage) * -1)
    }

    &.employee {
        justify-self: end;
        translate: var(--_translate-percentage)
    }
}

h2[data-astro-cid-eirc7gdc] {
    font-size: 1.5rem;
    text-align: center;
    margin-block-end:1em;@media screen and (min-width: 56rem) {
        font-size:2.5rem
    }
}

.grid[data-astro-cid-eirc7gdc] {
    position: relative;
    display: grid;
    grid-template-areas: "theory practical";
    grid-auto-columns: 1fr;
    gap: 1rem;
    @media screen and (min-width: 56rem) {
        grid-template-areas:"theory whitespace practical"
    }
}

h3[data-astro-cid-eirc7gdc] {
    font-size: 2.5rem;
    font-weight: var(--fw-bold);
    @media screen and (min-width: 56rem) {
        font-size:4rem
    }
}

.head[data-astro-cid-eirc7gdc] {
    margin-inline:1em;h3 {
        font-weight: var(--fw-extrabold);
        line-height: 1
    }

    @media screen and (min-width: 56rem) {
        p {
            font-size:1.6rem
        }
    }
}

.theory-head[data-astro-cid-eirc7gdc] {
    grid-area: theory;
    h3 {
        color: var(--clr-blue-700)
    }
}

.practical-head[data-astro-cid-eirc7gdc] {
    grid-area: practical;
    h3 {
        color: var(--clr-yellow-700)
    }
}

.theory[data-astro-cid-eirc7gdc],.theory-head[data-astro-cid-eirc7gdc] {
    text-align: end
}

.theory[data-astro-cid-eirc7gdc] {
    grid-area: theory;
    justify-content: stretch
}

.practical[data-astro-cid-eirc7gdc] {
    justify-content: stretch;
    text-align: start;
    grid-area: practical
}

.feature-badge-group[data-astro-cid-eirc7gdc] {
    display: flex;
    gap: 1rem;
    grid-row: span 4;
    display: grid;
    gap: .5rem;
    grid-template-rows: subgrid;
    p {
        text-wrap: balance
    }
}

.feature-badge[data-astro-cid-eirc7gdc] {
    border-radius: 2.5rem;
    padding: .6rem 1.6rem;
    border: 1px solid;
    font-weight: var(--fw-medium);
    text-transform: capitalize;
    font-size: .8rem;
    display: grid;
    align-items: center;
    @media screen and (width>56rem) {
        font-size: 1rem
    }

    @media screen and (width<22.5rem) {
        font-size: .7rem
    }

    @media screen and (width<56rem) {
        p {
            max-width: 60%
        }
    }

    @media screen and (width<37.5rem) {
        p {
            max-width: 70%
        }
    }

    @media screen and (width<28rem) {
        p {
            max-width: 80%;
            font-size: .8rem
        }
    }

    strong {
        text-transform: uppercase
    }
}

.theory[data-astro-cid-eirc7gdc] .feature-badge[data-astro-cid-eirc7gdc] {
    background-color: var(--clr-blue-100);
    border-color: var(--clr-blue-700);
    justify-items: end
}

.practical[data-astro-cid-eirc7gdc] .feature-badge[data-astro-cid-eirc7gdc] {
    background-color: var(--clr-yellow-100);
    border-color: var(--clr-yellow-700)
}

.specialization-card[data-astro-cid-agxfedcc] {
    border: 2px solid var(--clr-neutral-100);
    border-radius: 2rem;
    background-color: var(--clr-neutral-100);
    overflow: hidden;
    height: 100%;
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 4
}

.image-wrapper[data-astro-cid-agxfedcc] {
    position: relative
}

.image[data-astro-cid-agxfedcc] {
    width: 100%;
    height: auto;
    aspect-ratio: 16/5;
    object-fit: cover;
    object-position: 100% 35%
}

.card-content[data-astro-cid-agxfedcc] {
    grid-row: span 3;
    display: grid;
    gap: 1em;
    padding: .5em;
    grid-template-rows: subgrid;
    @media(width>40rem) {
        padding: 1em
    }
}

.card-title[data-astro-cid-agxfedcc] {
    font-size: .9rem;
    line-height: 1.3;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    letter-spacing: -.5px;
    margin-inline:.2em;@media(width<23.75rem) {
        word-break: break-all
    }

    @media(width>=40rem) {
        font-size: 1.1rem
    }

    h3 {
        font-weight: var(--fw-semibold)
    }
}

.course-list[data-astro-cid-agxfedcc] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 3px;
    margin-inline:.2em;align-self: end
}

.course-badge[data-astro-cid-agxfedcc] {
    --_bg: var(--clr-neutral-400);
    --_border-clr: var(--clr-neutral-700);
    padding: .5em 1em;
    border-radius: 50rem;
    border: 1px solid var(--_border-clr);
    font-weight: var(--fw-semibold);
    font-family: var(--ff-secondary);
    font-size: .7rem;
    width: fit-content;
    background-color: var(--_bg);
    @media(width>=40rem) {
        font-size: .8rem
    }

    &.bvoc {
        --_bg: var(--clr-blue-100);
        --_border-clr: var(--clr-blue-700)
    }

    &.dvoc {
        --_bg: var(--clr-yellow-100);
        --_border-clr: var(--clr-yellow-700)
    }

    &.skill {
        --_bg: var(--clr-green-100);
        --_border-clr: var(--clr-green-700)
    }
}

a[data-astro-cid-agxfedcc].btn {
    --_hover-shadow-color: var(--clr-neutral-300);
    background-color: var(--clr-blue-100);
    border-radius: 50%;
    height: 100%;
    aspect-ratio: 1;
    display: grid;
    place-items: center
}

svg[data-astro-cid-agxfedcc] {
    width: 1rem;
    height: auto;
    max-width: fit-content;
    rotate: -45deg;
    path {
        fill: var(--clr-blue-700)
    }
}

.flex[data-astro-cid-agxfedcc] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 4px
}

button[data-astro-cid-agxfedcc] {
    flex: 1;
    font-size: .7rem;
    padding-inline:.4rem;@media(width<20rem) {
        font-size: .8rem
    }

    @media(width>=23.75rem) {
        font-size: .8rem;
        padding-inline:1rem}

    @media(width>=40rem) {
        font-size: 1rem
    }
}

h2[data-astro-cid-rx2socnf] {
    font-size: 1.6rem;
    text-align: center;
    margin-block:1em;line-height: 1.4;
    color: var(--clr-neutral-100);
    @media(width>=56rem) {
        font-size: 2.4rem
    }
}

section[data-astro-cid-rx2socnf] {
    background-color: var(--clr-blue-700);
    border-radius: 2.5rem;
    padding-block-end:.6rem;@media(width>=56rem) {
        border-radius: 5rem;
        padding-block-end:5rem}
}

.specialization-card-list[data-astro-cid-rx2socnf] {
    display: grid;
    gap: 2px;
    grid-template-columns: 1fr;
    grid-auto-rows: auto 1fr auto auto;
    @media(width>=20rem) {
        grid-template-columns: repeat(2,1fr)
    }

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

li[data-astro-cid-rx2socnf] {
    grid-row: span 4;
    display: grid;
    grid-template-rows: subgrid
}

ul[data-astro-cid-rx2socnf] {
    padding: 0;
    list-style: none
}

section[data-astro-cid-j4zznwxn] {
    --_section-bg: var(--clr-yellow-100);
    border-radius: 2.5rem;
    padding-block-end:2.5rem;background-color: var(--_section-bg);
    @media screen and (min-width: 56rem) {
        padding-block-end:4rem
    }
}

h2[data-astro-cid-j4zznwxn] {
    font-size: 1.6rem;
    text-align: center;
    margin-block:1em;@media screen and (min-width: 56rem) {
        font-size:2.2rem
    }
}

.steps-grid[data-astro-cid-j4zznwxn] {
    --_grid-gap: 1rem;
    display: grid;
    gap: var(--_grid-gap);
    @media screen and (min-width: 56rem) {
        grid-template-columns:repeat(3,1fr)
    }
}

.step-card[data-astro-cid-j4zznwxn] {
    --_color: var(--clr-neutral-900);
    --_next-color: var(--clr-neutral-900);
    border-radius: 2rem;
    padding: 2rem 3rem;
    background-color: var(--clr-neutral-100);
    display: flex;
    gap: 2rem;
    align-items: center;
    position: relative;
}
.step-card[data-astro-cid-j4zznwxn] {
    --_color: var(--clr-neutral-900);
    --_next-color: var(--clr-neutral-900);
    border-radius: 2rem;
    padding: 2rem 3rem;
    background-color: var(--clr-neutral-100);
    display: flex;
    gap: 2rem;
    align-items: center;
    position: relative;
}

/* 1st card */
.step-card[data-astro-cid-j4zznwxn]:nth-of-type(1) {
    --_color: var(--clr-red-400);
    --_next-color: var(--clr-blue-400);
}

/* 2nd card */
.step-card[data-astro-cid-j4zznwxn]:nth-of-type(2) {
    --_color: var(--clr-blue-400);
    --_next-color: var(--clr-green-400);
}

/* 3rd card */
.step-card[data-astro-cid-j4zznwxn]:nth-of-type(3) {
    --_color: var(--clr-green-400);
}
    .step {
        text-align: center;
        color: var(--_color);
        p {
            font-size: 1.2rem;
            font-weight: var(--fw-bold)
        }

        span {
            font-size: 2.5rem;
            font-weight: var(--fw-extrabold);
            line-height: 1
        }
    }

    .description {
        font-family: var(--ff-secondary)
    }

    .next-step-indicator {
        --_size: 2.3rem;
        width: var(--_size);
        height: var(--_size);
        background-color: var(--_next-color);
        position: absolute;
        border-radius: 50%;
        display: grid;
        place-items: center;
        left: 50%;
        top: 100%;
        translate: -50% calc(-50% + (var(--_grid-gap) / 2));
        z-index: 1;
        box-shadow: 0 0 0 .6rem var(--_section-bg);
        svg {
            width: calc(var(--_size) / 1.8);
            height: calc(var(--_size) / 1.8);
            fill: var(--clr-neutral-100);
            rotate: .25turn
        }
    }
}

@media screen and (min-width: 56rem) {
    .step-card[data-astro-cid-j4zznwxn] {
        padding:3rem;
        .next-step-indicator {
            top: 50%;
            left: 100%;
            translate: calc(-50% + (var(--_grid-gap) / 2)) -50%;
            svg {
                width: 2rem;
                rotate: 0deg
            }
        }
    }
}
@media screen and (min-width: 56rem) {

  .step-card[data-astro-cid-j4zznwxn] {
    padding: 3rem;
  }

  .step-card[data-astro-cid-j4zznwxn] .next-step-indicator {
    top: 50%;
    left: 100%;
    translate: calc(-50% + (var(--_grid-gap) / 2)) -50%;
  }

  .step-card[data-astro-cid-j4zznwxn] .next-step-indicator svg {
    width: 2rem;
    rotate: 0deg;
  }

}
.achievements-grid[data-astro-cid-pjlynipw] {
    display: grid;
    grid-template-areas: "student-studying student-studying alumni" "specialization   industry         industry" "specialization   hubs             employability";
    gap: .6rem;
    grid-auto-columns: 1fr
}

.achievements-grid-card[data-astro-cid-pjlynipw] {
    border-radius: 1rem;
    overflow: hidden;
    h3 {
        font-size: 1.7rem;
        font-weight: var(--fw-extrabold);
        line-height: 1.1;
        @media screen and (min-width: 56rem) {
            font-size:2.2rem
        }
    }

    p {
        font-family: var(--ff-secondary);
        font-size: .8rem;
        hyphens: manual;
        @media screen and (min-width: 56rem) {
            font-size:1.1rem
        }
    }

    img {
        max-width: 5rem;
        height: auto
    }
}

.student-studying[data-astro-cid-pjlynipw] {
    grid-area: student-studying;
    background-color: var(--clr-blue-400);
    color: var(--clr-neutral-100);
    padding: 1rem;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    align-items: center
}

.alumni[data-astro-cid-pjlynipw] {
    grid-area: alumni;
    background-color: var(--clr-green-400);
    color: var(--clr-neutral-100);
    padding: 1rem;
    padding-block-end:0;display: flex;
    flex-direction: column;
    justify-content: space-between;
    img {
        max-width: 4rem;
        align-self: flex-end
    }
}

.specialization[data-astro-cid-pjlynipw] {
    grid-area: specialization;
    background-color: var(--clr-neutral-700);
    color: var(--clr-neutral-100);
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    p {
        word-wrap: break-word
    }

    img {
        max-width: 2.5rem
    }
}

.industry[data-astro-cid-pjlynipw] {
    grid-area: industry;
    background-color: var(--clr-yellow-400);
    color: var(--clr-neutral-100);
    padding: 1rem;
    display: flex;
    flex-direction: column;
    img {
        align-self: flex-end
    }
}

.hub[data-astro-cid-pjlynipw] {
    grid-area: hubs;
    background-color: var(--clr-red-400);
    color: var(--clr-neutral-100);
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: .6rem;
    .hub-indicators {
        display: flex;
        flex-wrap: wrap;
        gap: .2rem
    }

    .hub-indicator {
        --_indicator-size: .6rem;
        width: var(--_indicator-size);
        height: var(--_indicator-size);
        border-radius: 50%;
        border: 1px solid var(--clr-neutral-900);
        background-color: var(--clr-neutral-100)
    }
}

.employability[data-astro-cid-pjlynipw] {
    grid-area: employability;
    background-color: var(--clr-neutral-900);
    color: var(--clr-neutral-100);
    padding: 1rem
}

section[data-astro-cid-ippv4flj] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    @media screen and (min-width: 56rem) {
        grid-template-columns:1fr 1fr
    }
}

.content-container[data-astro-cid-ippv4flj] {
    container-type: inline-size;
    padding-inline:1rem}

.content[data-astro-cid-ippv4flj] {
    background-image: url(../images/achievements-arrow.Cg8FujXX.svg);
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
    position: relative;
    height: 100%;
    @media screen and (width<56rem) {
        padding-block-end: 3rem;
        @container (width > 40rem) {
            background-size: 80%;
            background-position: bottom left
        }
    }

    .content-image {
        position: absolute;
        top: 0;
        right: 0
    }
}

h2[data-astro-cid-ippv4flj] {
    font-size: 2.5rem;
    span {
        color: var(--clr-blue-400);
        font-weight: var(--fw-extrabold)
    }

    @media screen and (width>=56rem) {
        font-size: 3.2rem
    }

    @container (width > 40rem) {
        font-size: 3rem
    }
}

.container[data-astro-cid-tfm5su5d] {
    container-type: inline-size
}

.wrapper[data-astro-cid-tfm5su5d] {
    grid-area: app-info;
    border-radius: 1.3rem;
    background-color: var(--clr-neutral-100);
    padding: 1.5rem 2.5rem;
    color: var(--clr-neutral-900);
    display: grid;
    gap: 1.6rem;
    justify-items: center;
    @container (width < 26.25rem) {
        padding-inline:1.5rem}

    @container (width > 600px) {
        grid-template-columns: auto auto;
        gap: 3rem;
        align-items: center;
        align-self: end
    }
}

.download-text-wrapper[data-astro-cid-tfm5su5d] {
    display: flex;
    gap: 1rem;
    align-items: center;
    @container (width < 18.75rem) {
        flex-direction: column;
        text-align: center;
        gap: 1.2rem
    }

    h2 {
        text-transform: uppercase;
        color: var(--clr-blue-400)
    }

    p {
        font-weight: var(--fw-medium);
        font-size: 1.2rem;
        @container (width < 18.75rem) {
            font-size: 1rem
        }
    }
}

.logo-wrapper[data-astro-cid-tfm5su5d] {
    padding: .5rem;
    height: 3lh;
    aspect-ratio: 1;
    border-radius: .8rem;
    align-content: center;
    background-color: var(--clr-blue-400);
    img {
        width: 100%;
        height: 100%
    }
}

.links[data-astro-cid-tfm5su5d] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    @container (width < 18.75rem) {
        justify-self: stretch;
        width: 100%;
        flex-wrap: wrap;
        flex-direction: column;
        >[data-astro-cid-tfm5su5d] {
            flex: 1;
            width: 100%
        }

        img {
            width: 100%
        }
    }

    img {
        height: auto;
        min-width: 100px
    }
}

@property --_bg-clr-light {
    syntax: "<color>";
    inherits: false;
    initial-value: white;
}

@property --_bg-clr-dark {
    syntax: "<color>";
    inherits: false;
    initial-value: white;
}

@property --_insta-bg-light-yellow {
    syntax: "<color>";
    inherits: false;
    initial-value: white;
}

@property --_insta-bg-dark-yellow {
    syntax: "<color>";
    inherits: false;
    initial-value: white;
}

@property --_insta-bg-light-pink {
    syntax: "<color>";
    inherits: false;
    initial-value: white;
}

@property --_insta-bg-dark-pink {
    syntax: "<color>";
    inherits: false;
    initial-value: white;
}

@property --_insta-bg-purple {
    syntax: "<color>";
    inherits: false;
    initial-value: white;
}

@property --_insta-bg-blue {
    syntax: "<color>";
    inherits: false;
    initial-value: white;
}

.social-icons[data-astro-cid-zamss57n] {
    --_transition-time: .3s;
    --_transition-timing-function: ease;
    display: flex;
    gap: 1.5rem;
    .social-icons__icon-wrapper {
        --_bg-clr-light: white;
        --_bg-clr-dark: white;
        display: inline-block;
        color: var(--clr-neutral-900);
        width: 3rem;
        aspect-ratio: 1;
        border-radius: 50%;
        display: grid;
        place-items: center;
        transition: color var(--_transition-time) var(--_transition-timing-function),--_bg-clr-light var(--_transition-time) var(--_transition-timing-function),--_bg-clr-dark var(--_transition-time) var(--_transition-timing-function);
        background: linear-gradient(135deg,var(--_bg-clr-light),var(--_bg-clr-dark));
        &:hover {
            --_bg-clr-light: white;
            --_bg-clr-dark: black;
            color: #fff
        }

        img {
            width: 1.5rem;
            height: 1.5rem
        }
    }

    .social-icons__youtube:hover {
        --_bg-clr-light: #ff0000;
        --_bg-clr-dark: maroon
    }

    .social-icons__linkedin:hover {
        --_bg-clr-light: #007bb8;
        --_bg-clr-dark: #0044e9
    }

    .social-icons__facebook:hover {
        --_bg-clr-light: #1677f1;
        --_bg-clr-dark: #2b189c
    }

    .social-icons__whatsapp:hover {
        --_bg-clr-light: #00fb73;
        --_bg-clr-dark: #00b25b
    }

    .social-icons__instagram {
        transition: color var(--_transition-time) var(--_transition-timing-function),--_insta-bg-light-yellow var(--_transition-time) var(--_transition-timing-function),--_insta-bg-dark-yellow var(--_transition-time) var(--_transition-timing-function),--_insta-bg-light-pink var(--_transition-time) var(--_transition-timing-function),--_insta-bg-dark-pink var(--_transition-time) var(--_transition-timing-function),--_insta-bg-purple var(--_transition-time) var(--_transition-timing-function),--_insta-bg-blue var(--_transition-time) var(--_transition-timing-function);
        background: linear-gradient(135deg,var(--_insta-bg-light-yellow),var(--_insta-bg-dark-yellow),var(--_insta-bg-light-pink),var(--_insta-bg-dark-pink),var(--_insta-bg-purple),var(--_insta-bg-blue));
        &:hover {
            --_insta-bg-light-yellow: #ffe185;
            --_insta-bg-dark-yellow: #ffbb36;
            --_insta-bg-light-pink: #ff5176;
            --_insta-bg-dark-pink: #f63395;
            --_insta-bg-purple: #a436d2;
            --_insta-bg-blue: #5f4eed
        }
    }
}

@media screen and (width<56rem) {
    .social-icons[data-astro-cid-zamss57n] {
        justify-content: center
    }
}

@media screen and (width<25rem) {
    .social-icons[data-astro-cid-zamss57n] {
        flex-wrap: wrap;
        row-gap: .8rem;
        .social-icons__icon-wrapper {
            width: 2rem;
            img {
                width: 1rem;
                height: 1rem
            }
        }
    }
}

footer[data-astro-cid-sz7xmlte] {
    --_br: 3rem;
    --_padding-inline: 1rem;
    background-color: var(--clr-neutral-900);
    color: var(--clr-neutral-100);
    border-top-left-radius: var(--_br);
    border-top-right-radius: var(--_br);
    margin-block-start:3rem;padding-block:2rem;@media screen and (width>=56rem) {
        padding-block: 4rem;
        --_br: 6rem
    }
}

.footer-content-wrapper[data-astro-cid-sz7xmlte] {
    display: grid;
    grid-template-areas: "logo" "contact" "app-info" "social";
    gap: 3rem;
    @media screen and (width>=56rem) {
        grid-template-areas: "logo app-info" "contact social";
        grid-auto-columns:1fr;align-items:center}
}

.logo-wrapper[data-astro-cid-sz7xmlte] {
    grid-area: logo;
    display: flex;
    gap: .5rem;
    align-items: center;
    color: var(--clr-neutral-100);
    font-size: 1.5rem;
    font-weight: var(--fw-semibold);
    padding-inline:var(--_padding-inline);@media screen and (width<56rem) {
        justify-content: center
    }

    img {
        height: 1.6em;
        width: auto
    }
}

.contact-wrapper[data-astro-cid-sz7xmlte] {
    grid-area: contact;
    display: grid;
    gap: 2rem;
    align-content: start;
    padding-inline:var(--_padding-inline);@media screen and (width<56rem) {
        justify-content: center;
        h2 {
            font-size: 2.2rem;
            text-align: center
        }
    }
}

.contact-items[data-astro-cid-sz7xmlte] {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    column-gap: 4rem;
    @media screen and (width<56rem) {
        justify-content: center
    }
}

.contact-item[data-astro-cid-sz7xmlte] {
    font-family: var(--ff-secondary);
    display: flex;
    gap: 1.2rem;
    align-items: center;
    font-size: 1rem;
    @media screen and (width<56rem) {
        justify-content: center;
        flex-direction:column;text-align:center}

    .img-wrapper {
        background-color: var(--clr-neutral-100);
        padding: .7rem;
        border-radius: 50%;
        img {
            width: 1.4rem;
            height: 1.4rem;
            min-width: 1.4rem
        }
    }

    h3 {
        font-size: 1.2rem;
        font-weight: var(--fw-regular)
    }

    a {
        color: inherit;
        text-decoration: none;
        display: inline-block;
        margin-block-start:.4em}
}

.link-group[data-astro-cid-sz7xmlte] {
    display: flex;
    gap: 1.5rem;
    row-gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
    @media screen and (min-width: 56rem) {
        justify-content:flex-start
    }

    a {
        color: var(--clr-neutral-100);
        text-decoration: none;
        font-size: .8rem;
        &:hover {
            text-decoration: underline
        }
    }
}

.social-container[data-astro-cid-sz7xmlte] {
    grid-area: social;
    align-self: stretch;
    display: grid;
    align-content: space-between;
    gap: 2rem
}

.copyright[data-astro-cid-sz7xmlte] {
    text-align: center;
    @media screen and (min-width: 56rem) {
        text-align:start
    }

    p+p {
        margin-block-start: 1em
    }
}

a[data-astro-cid-zfdo76q4].btn {
    --_hover-shadow-color: var(--clr-neutral-300);
    background-color: var(--clr-neutral-900);
    border-radius: 50%;
    padding: .5em;
    display: inline-block
}

svg[data-astro-cid-zfdo76q4] {
    width: 1rem;
    height: auto;
    max-width: fit-content;
    rotate: -45deg
}

.hub-card[data-astro-cid-zfdo76q4] {
    --_shadow-offset: 5px;
    scroll-snap-align: start;
    scroll-margin: var(--_offset, 1rem);
    flex-shrink: 0;
    width: 18rem;
    border: 4px solid var(--clr-neutral-100);
    background-color: var(--clr-neutral-100);
    border-radius: 1.6rem;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    transition: box-shadow .3s ease;
    box-shadow: 2px 2px 8px #0003;
    &.active {
        box-shadow: 0 0 0 var(--_shadow-offset) var(--clr-yellow-400),0 0 0 calc(var(--_shadow-offset) * 2) var(--clr-yellow-300),0 0 0 calc(var(--_shadow-offset) * 3) var(--clr-yellow-100)
    }

    h3 {
        font-size: 1rem;
        font-weight: var(--fw-semibold)
    }
}

.hub-image[data-astro-cid-zfdo76q4] {
    width: 100%;
    max-height: 125px;
    object-fit: cover;
    border-radius: .6rem;
    pointer-events: none
}

.hub-logo[data-astro-cid-zfdo76q4] {
    position: absolute;
    top: 1rem;
    left: 1rem;
    width: 50px;
    height: 50px;
    object-fit: contain;
    background-color: var(--clr-neutral-100);
    border-radius: .5rem;
    box-shadow: 2px 2px 6px -2px #0003
}

.flex[data-astro-cid-zfdo76q4] {
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    align-items: center;
    padding: .6rem 1rem
}

.marker-wrapper {
    --_marker-dot-color: var(--clr-blue-400);
    --_marker-dot-shadow-color: var(--clr-blue-300);
    position: relative;
    isolation: isolate;
    .marker {
        width: 1.2rem;
        aspect-ratio: 1;
        background-color: var(--_marker-dot-color);
        border-radius: 50%;
        border: 2px solid var(--clr-neutral-100);
        transition: background-color .2s ease;
        position: relative;
        &:before,&:after {
            content: "";
            position: absolute;
            inset: 0;
            background-color: var(--_marker-dot-shadow-color);
            border-radius: inherit;
            animation: pulse 2s infinite ease-in-out;
            z-index: -1;
            transition: background-color .2s ease
        }

        &:after {
            animation-delay: .5s
        }
    }

    .marker-content {
        --_triangle-size: .5rem;
        --_marker-bg-color: var(--clr-neutral-100);
        display: none;
        position: absolute;
        bottom: calc(100% + var(--_triangle-size));
        left: 50%;
        translate: -50%;
        border-radius: .5rem;
        background-color: var(--_marker-bg-color);
        box-shadow: 2px 2px 8px #0006;
        opacity: 0;
        z-index: 10;
        animation: fade-out .3s ease forwards;
        &:before {
            content: "";
            border-top: var(--_triangle-size) solid var(--_marker-bg-color);
            border-left: var(--_triangle-size) solid transparent;
            border-right: var(--_triangle-size) solid transparent;
            position: absolute;
            top: 100%;
            left: 50%;
            translate: -50%
        }

        img {
            max-width: 70px;
            max-height: 70px;
            object-fit: contain;
            border-radius: inherit
        }
    }

    &.show {
        --_marker-dot-color: var(--clr-yellow-400);
        --_marker-dot-shadow-color: var(--clr-yellow-300);
        z-index: 20;
        .marker-content {
            display: block;
            animation: fade-in .3s ease forwards
        }
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out {
    0% {
        display: block;
        opacity: 1
    }

    to {
        display: none;
        opacity: 0
    }
}

@keyframes pulse {
    0% {
        scale: 1;
        opacity: 1
    }

    to {
        scale: 5;
        opacity: 0
    }
}

section[data-astro-cid-e5cq7w5k] {
    ::-webkit-scrollbar {
        height: .5rem;
        width: .4rem;
        overflow: hidden;
        border-radius: 1rem
    }

    ::-webkit-scrollbar-thumb {
        background-color: var(--clr-neutral-400);
        border-radius: 1rem
    }
}

h2[data-astro-cid-e5cq7w5k] {
    font-size: 1.6rem;
    text-align: center;
    margin-block:1em;color: var(--clr-neutral-900);
    @media screen and (min-width: 56rem) {
        font-size:2.4rem
    }
}

.map-wrapper[data-astro-cid-e5cq7w5k] {
    border-radius: 3rem;
    overflow: hidden;
    position: relative;
    @media screen and (width<=40rem) {
        border-radius: 2.5rem
    }
}

#map[data-astro-cid-e5cq7w5k] {
    height: 100svh;
    width: 100%;
    @media screen and (width<=40rem) {
        height: 80svh
    }
}

.hub-cards[data-astro-cid-e5cq7w5k] {
    --_offset: 1.5rem;
    padding: var(--_offset);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    user-select: none;
    cursor: grab;
    display: flex;
    gap: 1.2rem;
    overflow: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    @media screen and (width<=40rem) {
        --_offset: 1rem
    }
}

.benefits-wrapper[data-astro-cid-2zjiquzx] {
    --cell-border-radius: 1.8rem;
    --cell-spacing: 1px;
    background-color: oklch(from var(--clr-green-400) .3 c h);
    padding: .25rem;
    padding-block-start:0;border-radius: 2.5rem;
    overflow: hidden
}

@media(width>=56rem) {
    .benefits-wrapper[data-astro-cid-2zjiquzx] {
        border-radius: 5rem
    }
}

@media(width<56rem) {
    .benefits-wrapper[data-astro-cid-2zjiquzx]>[data-astro-cid-2zjiquzx] {
        grid-column: full-width
    }
}

.table-title[data-astro-cid-2zjiquzx] {
    --border-radius: 100vw;
    padding-inline:1em;margin-block:1em;justify-self: center;
    text-align: center;
    background-color: transparent;
    color: var(--clr-neutral-100);
    font-size: 1.6rem;
    line-height: 1.4;
    border-radius: var(--border-radius)
}

@media(width>=56rem) {
    .table-title[data-astro-cid-2zjiquzx] {
        font-size: 2.4rem
    }
}

.legal-note[data-astro-cid-2zjiquzx] {
    font-family: var(--ff-secondary);
    color: var(--clr-neutral-400);
    font-size: .6rem;
    line-height: 1.4;
    text-align: center;
    margin: 1.5em
}

@media(width>=56rem) {
    .legal-note[data-astro-cid-2zjiquzx] {
        font-size: .8rem
    }
}

table[data-astro-cid-2zjiquzx] {
    width: 100%;
    border-collapse: collapse;
    display: grid;
    gap: var(--cell-spacing);
    grid-template-columns: 2fr 1fr 1fr
}

@media(width>=56rem) {
    table[data-astro-cid-2zjiquzx] {
        grid-template-columns: repeat(3,1fr)
    }
}

[data-astro-cid-2zjiquzx]:is(tbody,thead,tr) {
    grid-column: 1/-1;
    display: grid;
    gap: var(--cell-spacing);
    grid-template-columns: subgrid
}

[data-astro-cid-2zjiquzx]:is(td,th,tbody,thead,tr) {
    padding: 0;
    margin: 0
}

th[data-astro-cid-2zjiquzx] {
    padding: 0;
    font-size: .8rem
}

@media(width>=56rem) {
    th[data-astro-cid-2zjiquzx] {
        font-size: 1.25rem
    }
}

th[data-astro-cid-2zjiquzx] span[data-astro-cid-2zjiquzx] {
    display: inline-block;
    background-color: transparent;
    color: var(--clr-yellow-300);
    padding: .5rem 1rem;
    height: 100%;
    width: 100%;
    align-content: center;
    border-radius: var(--cell-border-radius)
}

th[data-astro-cid-2zjiquzx] span[data-astro-cid-2zjiquzx].header {
    background-color: var(--clr-yellow-300);
    color: var(--clr-neutral-900);
    text-align: start
}

th[data-astro-cid-2zjiquzx] span[data-astro-cid-2zjiquzx].skill {
    background-color: var(--clr-blue-700);
    color: var(--clr-neutral-100);
    border: 2px solid var(--clr-neutral-100);
    border-block-end:0;
    text-align: center;
    }

th[data-astro-cid-2zjiquzx] span[data-astro-cid-2zjiquzx].traditional {
    background-color: var(--clr-red-700);
    color: var(--clr-neutral-100);
    text-align: center;
}

th[data-astro-cid-2zjiquzx] span[data-astro-cid-2zjiquzx] {
    border-end-start-radius: 0;
    border-end-end-radius: 0
}

@media(width>=56rem) {
    th[data-astro-cid-2zjiquzx] span[data-astro-cid-2zjiquzx] {
        padding: 1rem
    }
}

.benefit[data-astro-cid-2zjiquzx] p[data-astro-cid-2zjiquzx] {
    font-family: var(--ff-secondary);
    padding: .5rem 1rem;
    font-size: .8rem;
    background-color: var(--clr-neutral-100);
    font-weight: var(--fw-medium)
}

@media(width>=56rem) {
    .benefit[data-astro-cid-2zjiquzx] p[data-astro-cid-2zjiquzx] {
        padding: 1rem;
        font-size: 1rem;
        font-weight: var(--fw-bold);
        margin-bottom: 0px;
    }
}

td[data-astro-cid-2zjiquzx]>[data-astro-cid-2zjiquzx] {
    border-radius: 0
}

td[data-astro-cid-2zjiquzx]:nth-of-type(2)>[data-astro-cid-2zjiquzx] {
    --border: 2px solid var(--clr-neutral-100);
    border-inline:var(--border)}

tr[data-astro-cid-2zjiquzx]: first-of-type td[data-astro-cid-2zjiquzx]>[data-astro-cid-2zjiquzx] {
    border-start-start-radius:var(--cell-border-radius);
    border-start-end-radius: var(--cell-border-radius)
}

tr[data-astro-cid-2zjiquzx]:first-of-type td[data-astro-cid-2zjiquzx]>[data-astro-cid-2zjiquzx] {
    border-radius: 0;
    margin-bottom: 0px;
}

tr[data-astro-cid-2zjiquzx]:last-of-type td[data-astro-cid-2zjiquzx]>[data-astro-cid-2zjiquzx] {
    border-end-start-radius: var(--cell-border-radius);
    border-end-end-radius: var(--cell-border-radius)
}

tr[data-astro-cid-2zjiquzx]:last-of-type td[data-astro-cid-2zjiquzx]:nth-of-type(2)>[data-astro-cid-2zjiquzx] {
    border-block-end:var(--border)}

.icon-box[data-astro-cid-2zjiquzx] {
    display: grid;
    place-items: center;
    height: 100%;
    align-self: stretch
}

.icon-box[data-astro-cid-2zjiquzx].skill {
    background-color: var(--clr-blue-700)
}

.icon-box[data-astro-cid-2zjiquzx].traditional {
    background-color: var(--clr-red-100)
}

.icon[data-astro-cid-2zjiquzx] {
    --size: 1.5rem;
    aspect-ratio: 1;
    width: var(--size);
    min-width: var(--size)
}

@media(width>=56rem) {
    .icon[data-astro-cid-2zjiquzx] {
        --size: 2.5rem
    }
}

main[data-astro-cid-j7pv25f6] {
    row-gap: 2rem
}

hr[data-astro-cid-j7pv25f6] {
    border: none;
    border-block-start:15px solid var(--clr-blue-100)}

strong {
    padding-right: 5px;
}