/*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */
@layer properties {
    @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 {
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-border-style: solid;
            --tw-duration: initial;
            --tw-ease: initial
        }
    }
}

@layer theme {
    :root {
        --font-sans: ui-sans-serif, system-ui, 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-black: #000;
        --color-white: #fff;
        --spacing: 1rem;
        --font-weight-normal: 400;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --ease-out: cubic-bezier(0, 0, .2, 1);
        --ease-in-out: cubic-bezier(.4, 0, .2, 1);
        --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);
        --color-blue: #3a5896;
        --color-gray: #f5f5f7;
        --color-blue-2: #09b5e7
    }
}

@layer base {

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

    ::file-selector-button {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

    html {
        -webkit-text-size-adjust: 100%;
        -moz-tab-size: 4;
        -o-tab-size: 4;
        tab-size: 4;
        line-height: 1.5;
        font-family: var(--default-font-family, ui-sans-serif, system-ui, 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
    }

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

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

    strong {
        font-weight: bolder
    }

    code {
        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
    }

    ul {
        list-style: none
    }

    img,
    svg,
    video {
        vertical-align: middle;
        display: block
    }

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

    button,
    input {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }

    ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }

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

    ::-moz-placeholder {
        opacity: 1
    }

    ::placeholder {
        opacity: 1
    }

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

        ::placeholder {
            color: currentColor
        }

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

            ::placeholder {
                color: color-mix(in oklab, currentcolor 50%, transparent)
            }
        }
    }

    ::-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 {
        padding-block: 0
    }

    ::-webkit-datetime-edit-year-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-month-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-day-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-hour-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-minute-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-second-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-millisecond-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0
    }

    button,
    input:where([type=button], [type=submit]) {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button
    }

    ::file-selector-button {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button
    }

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

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

    @mixin default-font {
        font-family: "Roboto";
    }

    html {
        -webkit-text-size-adjust: none;
        -webkit-font-smoothing: subpixel-antialiased;
        -webkit-font-smoothing: antialiased;
        scroll-behavior: smooth;
        scroll-padding-top: 10.24rem;
        font-size: 62.5%;
        overflow-x: hidden !important
    }

    @include on_min_tablet {
        scroll-padding-top: 11.6rem;
    }

    @include on_min_md_desktop {
        scroll-padding-top: 11.8rem;
    }

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

    body {
        box-sizing: border-box;
        margin: 0;
        font-family: museo-sans, sans-serif;
        font-size: 1.6rem
    }

    ::-moz-selection {
        color: #fff;
        background: #000
    }

    ::selection {
        color: #fff;
        background: #000
    }

    ::-webkit-selection {
        color: #fff;
        background: #000
    }

    h1,
    h2,
    h3,
    h4,
    p {
        margin: 0
    }

    button {
        color: inherit;
        vertical-align: middle;
        text-align: center;
        text-transform: none;
        font: inherit;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        background: 0 0;
        border: 0;
        outline: 0;
        margin: 0;
        padding: 0;
        line-height: normal;
        text-decoration: none;
        display: inline-block;
        overflow: visible
    }

    button {
        display: flex
    }

    @mixin clearfix {
        :scope::after {
            content: "";
            display: table;
            clear: both;
        }
    }

    @mixin no-list-list {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    @mixin img-background {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .hamburger {
        z-index: 999;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 4rem;
        height: 3rem;
        display: flex;
        position: relative
    }

    @media screen and (min-width:1024px) {
        .hamburger {
            display: none
        }
    }

    .hamburger.active .hamburger-bar:first-child {
        transform: rotate(-45deg)
    }

    .hamburger.active .hamburger-bar:nth-child(2) {
        opacity: 0
    }

    .hamburger.active .hamburger-bar:nth-child(3) {
        transform: rotate(45deg)
    }

    .hamburger-bar {
        background-color: #3a5896;
        border-radius: 1rem;
        width: 4.2rem;
        height: .5rem;
        margin: 0 auto;
        transition: all .3s;
        display: block;
        position: absolute
    }

    .hamburger-bar:first-of-type {
        top: 50%;
        transform: translateY(calc(-150% - .8rem))
    }

    .hamburger-bar:nth-of-type(3) {
        top: 50%;
        transform: translateY(calc(50% + .8rem))
    }
}

@layer components;

@layer utilities {
    .absolute {
        position: absolute
    }

    .fixed {
        position: fixed
    }

    .relative {
        position: relative
    }

    .inset-0 {
        inset: calc(var(--spacing)*0)
    }

    .top-0 {
        top: calc(var(--spacing)*0)
    }

    .top-1\/2 {
        top: 50%
    }

    .top-\[7rem\] {
        top: 7rem
    }

    .top-full {
        top: 100%
    }

    .right-0 {
        right: calc(var(--spacing)*0)
    }

    .right-3 {
        right: calc(var(--spacing)*3)
    }

    .right-\[1\.5rem\] {
        right: 1.5rem
    }

    .right-\[1\.6rem\] {
        right: 1.6rem
    }

    .bottom-0 {
        bottom: calc(var(--spacing)*0)
    }

    .bottom-\[1\.6rem\] {
        bottom: 1.6rem
    }

    .left-0 {
        left: calc(var(--spacing)*0)
    }

    .left-3 {
        left: calc(var(--spacing)*3)
    }

    .left-1\/2 {
        left: 50%
    }

    .left-\[1\.5rem\] {
        left: 1.5rem
    }

    .z-50 {
        z-index: 50
    }
    
    .z-999 {
        z-index: 999;
    }

    .cursor-pointer {
        cursor: pointer;
    }

    .container {
        width: 100%
    }

    @media (min-width:40rem) {
        .container {
            max-width: 40rem
        }
    }

    @media (min-width:48rem) {
        .container {
            max-width: 48rem
        }
    }

    @media (min-width:64rem) {
        .container {
            max-width: 64rem
        }
    }

    @media (min-width:80rem) {
        .container {
            max-width: 80rem
        }
    }

    @media (min-width:96rem) {
        .container {
            max-width: 96rem
        }
    }

    .container {
        max-width: 144rem;
        margin: 0 auto
    }

    .mx-auto {
        margin-inline: auto
    }

    .mt-2 {
        margin-top: calc(var(--spacing)*2)
    }

    .mt-3 {
        margin-top: calc(var(--spacing)*3)
    }

    .mb-3 {
        margin-bottom: calc(var(--spacing)*3)
    }

    .mb-5 {
        margin-bottom: calc(var(--spacing)*3)
    }

    .mb-\[7\.2rem\] {
        margin-bottom: 7.2rem
    }

    .mt-4 {
        margin-top: calc(var(--spacing)*4)
    }

    .mt-5 {
        margin-top: calc(var(--spacing)*5)
    }

    .mt-10 {
        margin-top: calc(var(--spacing)*10)
    }

    .mt-\[2\.4rem\] {
        margin-top: 2.4rem
    }

    .mt-\[3\.2rem\] {
        margin-top: 3.2rem
    }

    .mr-2 {
        margin-right: calc(var(--spacing)*2)
    }

    .mr-3 {
        margin-right: calc(var(--spacing)*3)
    }

    .-ml-2 {
        margin-left: calc(var(--spacing)*-2)
    }

    .block {
        display: block
    }

    .flex {
        display: flex
    }

    .flex-1 {
        flex: 1;
    }

    .hidden {
        display: none
    }

    .inline-block {
        display: inline-block
    }

    .image-cover {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 100%
    }

    .size-6 {
        width: calc(var(--spacing)*6);
        height: calc(var(--spacing)*6)
    }

    .size-\[1rem\] {
        width: 1rem;
        height: 1rem
    }

    .size-\[2\.4rem\] {
        width: 2.4rem;
        height: 2.4rem
    }

    .h-5 {
        height: calc(var(--spacing)*5)
    }

    .h-\[1\.2rem\] {
        height: 1.2rem
    }

    .h-\[2\.3rem\] {
        height: 2.3rem
    }

    .h-\[2\.6rem\] {
        height: 2.6rem
    }

    .h-\[2\.7rem\] {
        height: 2.7rem
    }

    .h-\[3\.2rem\] {
        height: 3.2rem
    }

    .h-\[4\.2rem\] {
        height: 4.2rem
    }

    .h-\[4\.6rem\] {
        height: 4.6rem
    }

    .h-\[4rem\] {
        height: 4rem
    }

    .h-\[7\.4rem\] {
        height: 7.4rem
    }

    .h-\[19\.4rem\] {
        height: 19.4rem
    }

    .h-\[20\.2rem\] {
        height: 20.2rem
    }

    .h-\[22\.3rem\] {
        height: 22.3rem
    }

    .h-\[22rem\] {
        height: 22rem
    }

    .h-\[21\.8rem\] {
        height: 21.8rem
    }

    .h-\[23\.4rem\] {
        height: 23.4rem
    }

    .h-\[26\.1rem\] {
        height: 26.1rem
    }

    .h-\[26\.2rem\] {
        height: 26.2rem
    }

    .h-\[28\.9rem\] {
        height: 28.9rem
    }

    .h-\[30\.6rem\] {
        height: 30.6rem
    }

    .h-\[36\.5rem\] {
        height: 36.5rem
    }

    .h-\[36\.8rem\] {
        height: 36.8rem
    }

    .h-\[50rem\] {
        height: 50rem
    }

    .h-\[80rem\] {
        height: 80rem
    }

    .h-\[calc\(100vh-7rem\)\] {
        height: calc(100vh - 7rem)
    }

    .h-auto {
        height: auto
    }

    .h-fit {
        height: -moz-fit-content;
        height: fit-content
    }

    .h-full {
        height: 100%
    }

    .w-\[1\.2rem\] {
        width: 1.2rem
    }

    .w-\[2\.6rem\] {
        width: 2.6rem
    }

    .w-\[3\.6rem\] {
        width: 3.6rem
    }

    .w-\[4\.2rem\] {
        width: 4.2rem
    }

    .w-\[4rem\] {
        width: 4rem
    }

    .w-\[12\.7rem\] {
        width: 12.7rem
    }

    .w-\[12rem\] {
        width: 12rem
    }

    .w-\[14\.7rem\] {
        width: 14.7rem
    }

    .w-\[26\.1rem\] {
        width: 26.1rem
    }

    .w-\[calc\(100\%\+1rem\)\] {
        width: calc(100% + 1rem)
    }

    .w-fit {
        width: -moz-fit-content;
        width: fit-content
    }

    .w-full {
        width: 100%
    }

    .max-w-\[60rem\] {
        max-width: 60rem
    }

    .max-w-\[80rem\] {
        max-width: 80rem
    }

    .max-w-\[67\.3rem\] {
        max-width: 67.3rem
    }

    .max-w-\[70rem\] {
        max-width: 70rem
    }

    .max-w-\[102\.2rem\] {
        max-width: 102.2rem
    }

    .max-w-\[112\.4rem\] {
        max-width: 112.4rem
    }

    .max-w-\[120\.6rem\] {
        max-width: 120.6rem
    }

    .max-w-\[144rem\] {
        max-width: 144rem
    }

    .shrink-0 {
        flex-shrink: 0
    }

    .-translate-y-1\/2 {
        --tw-translate-y: -50%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .rotate-180 {
        rotate: 180deg
    }

    .flex-col {
        flex-direction: column
    }

    .flex-row {
        flex-direction: row
    }

    .items-center {
        align-items: center
    }

    .items-start {
        align-items: flex-start
    }

    .justify-between {
        justify-content: space-between
    }

    .justify-center {
        justify-content: center
    }

    .gap-1 {
        gap: calc(var(--spacing)*1)
    }

    .gap-2 {
        gap: calc(var(--spacing)*2)
    }

    .gap-3 {
        gap: calc(var(--spacing)*3)
    }

    .gap-4 {
        gap: calc(var(--spacing)*4)
    }

    .gap-5 {
        gap: calc(var(--spacing)*5)
    }

    .gap-\[0\.5rem\] {
        gap: .5rem
    }

    .gap-\[0\.8rem\] {
        gap: .8rem
    }

    .gap-\[1\.5rem\] {
        gap: 1.5rem
    }

    .gap-\[1\.6rem\] {
        gap: 1.6rem
    }

    .gap-\[2\.4rem\] {
        gap: 2.4rem
    }

    .gap-\[2\.5rem\] {
        gap: 2.5rem
    }

    .gap-\[3\.3rem\] {
        gap: 3.3rem
    }

    .gap-\[4\.5rem\] {
        gap: 4.5rem
    }

    .gap-\[5\.5rem\] {
        gap: 5.5rem
    }

    .gap-\[6\.2rem\] {
        gap: 6.2rem
    }

    .overflow-hidden {
        overflow: hidden
    }

    .rounded-\[0\.5rem\] {
        border-radius: .5rem
    }

    .rounded-\[2rem\] {
        border-radius: 2rem
    }

    .rounded-\[5rem\] {
        border-radius: 5rem
    }

    .rounded-full {
        border-radius: 3.40282e38px
    }

    .rounded-tl-\[2rem\] {
        border-top-left-radius: 2rem
    }

    .rounded-tr-\[2rem\] {
        border-top-right-radius: 2rem
    }

    .rounded-br-\[2rem\] {
        border-bottom-right-radius: 2rem
    }

    .rounded-br-none {
        border-bottom-right-radius: 0
    }

    .rounded-bl-\[2rem\] {
        border-bottom-left-radius: 2rem
    }

    .rounded-bl-none {
        border-bottom-left-radius: 0
    }

    .border-\[0\.2rem\] {
        border-style: var(--tw-border-style);
        border-width: .2rem
    }

    .border-blue {
        border-color: var(--color-blue)
    }

    .bg-\[\#D9D9D9\] {
        background-color: #d9d9d9
    }

    .bg-\[\#F9FAFB\] {
        background-color: #f9fafb
    }

    .bg-black\/30 {
        background-color: #0000004d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/30 {
            background-color: color-mix(in oklab, var(--color-black)30%, transparent)
        }
    }

    .bg-black\/50 {
        background-color: #00000080
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/50 {
            background-color: color-mix(in oklab, var(--color-black)50%, transparent)
        }
    }

    .bg-blue {
        background-color: var(--color-blue)
    }

    .bg-blue-2 {
        background-color: var(--color-blue-2)
    }

    .bg-gray {
        background-color: var(--color-gray)
    }

    .bg-transparent {
        background-color: #0000
    }

    .bg-white {
        background-color: var(--color-white)
    }

    .object-contain {
        -o-object-fit: contain;
        object-fit: contain
    }

    .center-22 {
        -o-object-position: center 22%;
        object-position: center 22%
    }

    .object-top {
        -o-object-position: top;
        object-position: top
    }

    .object-right {
        -o-object-position: right;
        object-position: right
    }

    .p-1 {
        padding: calc(var(--spacing)*1)
    }

    .p-2 {
        padding: calc(var(--spacing)*2)
    }

    .p-3 {
        padding: calc(var(--spacing)*3)
    }

    .p-\[0\.4rem\] {
        padding: .4rem
    }

    .px-1 {
        padding-inline: calc(var(--spacing)*1)
    }

    .px-2 {
        padding-inline: calc(var(--spacing)*2)
    }

    .px-3 {
        padding-inline: calc(var(--spacing)*3)
    }

    .px-5 {
        padding-inline: calc(var(--spacing)*5)
    }

    .px-\[1\.5rem\] {
        padding-inline: 1.5rem
    }

    .px-\[2\.5rem\] {
        padding-inline: 2.5rem
    }

    .px-\[1\.6rem\] {
        padding-inline: 1.6rem
    }

    .py-\[0\.5rem\] {
        padding-block: 0.5rem
    }

    .py-1 {
        padding-block: calc(var(--spacing)*1)
    }

    .pl-2 {
        padding-left: calc(var(--spacing)*2)
    }

    .py-3 {
        padding-block: calc(var(--spacing)*3)
    }

    .py-5 {
        padding-block: calc(var(--spacing)*5)
    }

    .py-8 {
        padding-block: calc(var(--spacing)*8)
    }

    .py-10 {
        padding-block: calc(var(--spacing)*10)
    }

    .py-\[0\.5rem\] {
        padding-block: .5rem
    }

    .py-\[1\.4rem\] {
        padding-block: 1.4rem
    }

    .py-\[2\.4rem\] {
        padding-block: 2.4rem
    }

    .py-\[2rem\] {
        padding-block: 2rem
    }

    .py-\[10rem\] {
        padding-block: 10rem
    }

    .pt-4 {
        padding-top: calc(var(--spacing)*4)
    }

    .pt-8 {
        padding-top: calc(var(--spacing)*8)
    }

    .pt-\[0\.4rem\] {
        padding-top: .4rem
    }

    .pt-\[2\.8rem\] {
        padding-top: 2.8rem
    }

    .pb-4 {
        padding-bottom: calc(var(--spacing)*4)
    }

    .pb-8 {
        padding-bottom: calc(var(--spacing)*8)
    }

    .pb-\[10rem\] {
        padding-bottom: 10rem
    }

    .text-center {
        text-align: center
    }



    .hd-2 {
        font-family: museo-sans, sans-serif;
        font-size: 3.4rem;
        font-style: normal;
        font-weight: 900;
        line-height: normal
    }

    @media screen and (min-width:768px) {
        .hd-2 {
            font-size: 4.4rem;
            line-height: 4.4rem
        }
    }

    .lg-button {
        font-family: museo-sans, sans-serif;
        font-size: 2rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal
    }

    .paragraph {
        font-family: museo-sans, sans-serif;
        font-size: 1.6rem;
        font-style: normal;
        font-weight: 400;
        line-height: 2.4rem
    }

    .hd-1 {
        font-family: museo-sans, sans-serif;
        font-size: 4.5rem;
        font-weight: 900;
        line-height: normal
    }

    @media screen and (min-width:768px) {
        .hd-1 {
            font-size: 6rem
        }
    }

    @media screen and (min-width:1024px) {
        .hd-1 {
            font-size: 8rem
        }
    }

    .text-\[1\.4rem\] {
        font-size: 1.4rem
    }

    .text-\[1\.6rem\] {
        font-size: 1.6rem
    }

    .text-\[1\.8rem\] {
        font-size: 1.8rem
    }

    .text-\[2\.4rem\] {
        font-size: 2.4rem
    }

    .text-\[2\.8rem\] {
        font-size: 2.8rem
    }

    .text-\[2rem\] {
        font-size: 2rem
    }

    .text-\[3\.4rem\] {
        font-size: 3.4rem
    }

    .text-\[3rem\] {
        font-size: 3rem
    }

    .leading-\[2\.4rem\] {
        line-height: 2.4rem
    }

    .leading-\[2\.5rem\] {
        line-height: 2.5rem
    }

    .leading-\[3\.5rem\] {
        line-height: 3.5rem
    }

    .leading-\[4\.4rem\] {
        line-height: 4.4rem
    }

    .leading-\[6rem\] {
        line-height: 6rem
    }

    .lh-normal {
        line-height: normal
    }

    .font-bold {
        font-weight: var(--font-weight-bold)
    }

    .font-800 {
        font-weight: 800;
    }

    .font-normal {
        font-weight: var(--font-weight-normal)
    }

    .font-semibold {
        font-weight: var(--font-weight-semibold)
    }

    .font-extrabold {
        font-weight: 900;
    }

    .letter-1 {
        letter-spacing: 1.4px
    }

    .whitespace-nowrap {
        white-space: nowrap
    }

    .text-black {
        color: var(--color-black)
    }

    .text-blue {
        color: var(--color-blue)
    }

    .text-blue-2 {
        color: var(--color-blue-2)
    }

    .text-white {
        color: var(--color-white)
    }

    .uppercase {
        text-transform: uppercase
    }

    .underline {
        text-decoration-line: underline
    }

    .transition {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

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

    .transition-colors {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-transform {
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .duration-200 {
        --tw-duration: .2s;
        transition-duration: .2s
    }

    .duration-300 {
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .ease-in-out {
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out)
    }

    .ease-out {
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out)
    }

    @media (hover:hover) {
        .group-hover\:rotate-45:is(:where(.group):hover *) {
            rotate: 45deg
        }

        .group-hover\:rotate-180:is(:where(.group):hover *) {
            rotate: 180deg
        }

        .group-hover\:bg-white:is(:where(.group):hover *) {
            background-color: var(--color-white)
        }

        .group-hover\:text-black:is(:where(.group):hover *) {
            color: var(--color-black)
        }
    }

    @media (hover:hover) {
        .hover\:border-\[0\.2rem\]:hover {
            border-style: var(--tw-border-style);
            border-width: .2rem
        }

        .hover\:border-blue:hover {
            border-color: var(--color-blue)
        }

        .hover\:bg-blue:hover {
            background-color: var(--color-blue)
        }

        .hover\:bg-white:hover {
            background-color: var(--color-white)
        }

        .hover\:text-blue:hover {
            color: var(--color-blue)
        }

        .hover\:text-white:hover {
            color: var(--color-white)
        }

        .hover\:underline:hover {
            text-decoration-line: underline
        }
    }

    @media not all and (min-width:64rem) {
        .max-lg\:right-3 {
            right: calc(var(--spacing)*3)
        }

        .max-lg\:left-3 {
            left: calc(var(--spacing)*3)
        }

        .max-lg\:hidden {
            display: none
        }

        .max-lg\:rounded-tr-\[2rem\] {
            border-top-right-radius: 2rem
        }
    }

    @media not all and (min-width:48rem) {
        .max-md\:top-\[50\%\] {
            top: 50%
        }

        .max-md\:hidden {
            display: none
        }

        .max-md\:translate-y-\[-50\%\] {
            --tw-translate-y: -50%;
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .max-md\:bg-blue {
            background-color: var(--color-blue)
        }

        .max-md\:py-4 {
            padding-block: calc(var(--spacing)*4)
        }

        .max-md\:text-center {
            text-align: center
        }

        .max-md\:text-left {
            text-align: left
        }
    }

    @media (min-width:48rem) {
        .md\:absolute {
            position: absolute
        }

        .md\:relative {
            position: relative
        }

        .md\:top-9 {
            top: calc(var(--spacing)*9)
        }

        .md\:top-\[12rem\] {
            top: 12rem
        }

        .md\:right-3 {
            right: calc(var(--spacing)*3)
        }

        .md\:bottom-3 {
            bottom: calc(var(--spacing)*3)
        }

        .md\:left-3 {
            left: calc(var(--spacing)*3)
        }

        .md\:mx-3 {
            margin-inline: calc(var(--spacing)*3)
        }

        .md\:-mt-\[10rem\] {
            margin-top: -10rem
        }

        .md\:-mr-3 {
            margin-right: -3rem
        }

        .md\:mr-3 {
            margin-right: calc(var(--spacing)*3)
        }

        .md\:mt-4 {
            margin-top: calc(var(--spacing)*4)
        }

        .md\:mr-5 {
            margin-right: calc(var(--spacing)*5)
        }

        .md\:block {
            display: block
        }

        .md\:flex {
            display: flex
        }

        .md\:hidden {
            display: none
        }

        .md\:inline-block {
            display: inline-block
        }

        .md\:h-\[34\.8rem\] {
            height: 34.8rem
        }

        .md\:h-\[36\.1rem\] {
            height: 36.1rem
        }

        .md\:h-\[37\.8rem\] {
            height: 37.8rem
        }

        .md\:h-\[41\.8rem\] {
            height: 41.8rem
        }

        .md\:h-\[43\.6rem\] {
            height: 43.6rem
        }

        .md\:h-\[46\.9rem\] {
            height: 46.9rem
        }

        .md\:w-\[34rem\] {
            width: 34rem
        }

        .md\:w-\[35\.4rem\] {
            width: 35.4rem
        }

        .md\:w-\[41\.7rem\] {
            width: 41.7rem
        }

        .md\:w-\[59\.4rem\] {
            width: 59.4rem
        }

        .md\:w-\[calc\(\(100\%-3rem\)\/2\)\] {
            width: calc(50% - 1.5rem)
        }

        .md\:w-\[calc\(\(100\%-5rem\)\/2\)\] {
            width: calc(50% - 2.5rem)
        }

        .md\:w-\[calc\(\(100\%-6rem\)\/3\)\] {
            width: calc(33.3333% - 2rem)
        }



        .md\:w-\[calc\(100\%\+3rem\)\] {
            width: calc(100% + 3rem)
        }

        .md\:w-fit {
            width: -moz-fit-content;
            width: fit-content
        }

        .md\:max-w-\[32\.3rem\] {
            max-width: 32.3rem
        }

        .md\:min-w-\[59\.4rem\] {
            min-width: 59.4rem
        }

        .md\:flex-1 {
            flex: 1
        }

        .md\:-translate-x-1\/2 {
            --tw-translate-x: -50%;
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .md\:flex-row {
            flex-direction: row
        }

        .md\:flex-wrap {
            flex-wrap: wrap
        }

        .md\:items-center {
            align-items: center
        }

        .md\:items-start {
            align-items: flex-start
        }

        .md\:justify-between {
            justify-content: space-between
        }

        .md\:justify-center {
            justify-content: center
        }

        .md\:gap-1 {
            gap: calc(var(--spacing)*1)
        }

        .md\:gap-3 {
            gap: calc(var(--spacing)*3)
        }

        .md\:gap-4 {
            gap: calc(var(--spacing)*4)
        }

        .md\:gap-5 {
            gap: calc(var(--spacing)*5)
        }

        .md\:gap-6 {
            gap: calc(var(--spacing)*6)
        }

        .md\:gap-\[7\.2rem\] {
            gap: 7.2rem
        }

        .md\:gap-\[9\.4rem\] {
            gap: 9.4rem
        }

        .md\:gap-\[11rem\] {
            gap: 11rem
        }

        .md\:gap-y-6 {
            row-gap: calc(var(--spacing)*6)
        }

        .md\:rounded-tr-\[2rem\] {
            border-top-right-radius: 2rem
        }

        .md\:rounded-tr-none {
            border-top-right-radius: 0
        }

        .md\:rounded-bl-\[2rem\] {
            border-bottom-left-radius: 2rem
        }

        .md\:rounded-bl-none {
            border-bottom-left-radius: 0
        }

        .md\:bg-blue {
            background-color: var(--color-blue)
        }

        .md\:center-22 {
            -o-object-position: center 22%;
            object-position: center 22%
        }

        .md\:p-0 {
            padding: calc(var(--spacing)*0)
        }

        .md\:px-2 {
            padding-inline: calc(var(--spacing)*2)
        }

        .md\:px-3 {
            padding-inline: calc(var(--spacing)*3)
        }

        .md\:py-8 {
            padding-block: calc(var(--spacing)*8)
        }

        .md\:py-\[10rem\] {
            padding-block: 10rem
        }

        .md\:py-\[1\.3rem\] {
            padding-block: 1.3rem
        }

        .md\:pt-\[1\.4rem\] {
            padding-top: 1.4rem
        }

        .md\:pt-\[2\.8rem\] {
            padding-top: 2.8rem
        }

        .md\:pt-\[10rem\] {
            padding-top: 10rem
        }

        .md\:pt-\[11\.5rem\] {
            padding-top: 11.5rem
        }

        .md\:pt-\[11rem\] {
            padding-top: 11rem
        }

        .md\:text-center {
            text-align: center
        }

        .md\:text-\[2rem\] {
            font-size: 2rem
        }

        .md\:text-\[3\.4rem\] {
            font-size: 3.4rem
        }

        .md\:text-\[4\.4rem\] {
            font-size: 4.4rem
        }

        .md\:text-\[4rem\] {
            font-size: 4rem
        }

        .md\:text-\[6rem\] {
            font-size: 6rem
        }

        .md\:lh-normal {
            line-height: normal
        }

        .md\:whitespace-nowrap {
            white-space: nowrap
        }
    }

    @media (min-width:64rem) {
        .lg\:absolute {
            position: absolute
        }

        .lg\:relative {
            position: relative
        }

        .lg\:block {
            display: block
        }

        .lg\:hidden {
            display: hidden
        }

        .lg\:flex {
            display: flex;
        }

        .lg\:flex-1 {
            flex: 1;
        }

        .lg\:right-\[27\.7rem\] {
            right: 27.7rem
        }

        .lg\:bottom-\[5\.5rem\] {
            bottom: 5.5rem
        }

        .lg\:bottom-\[20rem\] {
            bottom: 20rem
        }

        .lg\:left-1\/2 {
            left: 50%
        }

        .lg\:left-\[11\.7rem\] {
            left: 11.7rem
        }

        .lg\:left-\[13\.2rem\] {
            left: 13.2rem
        }

        .lg\:top-\[15rem\] {
            top: 15rem;
        }

        .lg\:top-\[22rem\] {
            top: 22rem;
        }

        .lg\:left-\[50\%\] {
            left: 50%
        }

        .lg\:mx-auto {
            margin-inline: auto
        }

        .lg\:mt-\[5\.5rem\] {
            margin-top: 5.5rem
        }

        .lg\:mt-\[7\.2rem\] {
            margin-top: 7.2rem
        }

        .lg\:mr-\[7\.2rem\] {
            margin-right: 7.2rem
        }

        .lg\:mt-\[10rem\] {
            margin-top: 10rem
        }

        .lg\:mt-3 {
            margin-top: calc(var(--spacing)*3)
        }

        .lg\:-mr-3 {
            margin-right: calc(var(--spacing)*-3)
        }

        .lg\:ml-\[10rem\] {
            margin-left: 10rem
        }

        .lg\:flex {
            display: flex
        }

        .lg\:hidden {
            display: none
        }

        .lg\:h-\[46\.3rem\] {
            height: 46.3rem
        }

        .lg\:h-\[47rem\] {
            height: 47rem
        }

        .lg\:h-\[48\.3rem\] {
            height: 48.3rem
        }

        .lg\:h-\[55rem\] {
            height: 55rem
        }

        .lg\:h-\[56\.1rem\] {
            height: 56.1rem
        }

        .lg\:h-\[60rem\] {
            height: 60rem
        }

        .lg\:h-\[75\.4rem\] {
            height: 75.4rem
        }

        .lg\:h-\[81rem\] {
            height: 81rem
        }

        .lg\:h-auto {
            height: auto
        }

        .lg\:w-full {
            width: 100%
        }

        .lg\:w-\[36\.9rem\] {
            width: 36.9rem
        }

        .lg\:w-\[45\.1rem\] {
            width: 45.1rem
        }

        .lg\:w-\[49\.1rem\] {
            width: 49.1rem
        }

        .lg\:w-\[49\.2rem\] {
            width: 49.2rem
        }

        .lg\:w-\[51\.5rem\] {
            width: 51.5rem
        }

        .lg\:w-\[60\.3rem\] {
            width: 60.3rem
        }

        .lg\:w-\[61\.3rem\] {
            width: 61.3rem
        }

        .lg\:w-\[103\.1rem\] {
            width: 103.1rem
        }

        .lg\:w-\[120\.5rem\] {
            width: 120.5rem
        }

        .lg\:max-w-\[120\.6rem\] {
            max-width: 120.6rem
        }

        .lg\:w-\[120\.6rem\] {
            width: 120.6rem
        }

        .lg\:w-\[calc\(\(100\%-6rem\)\/3\)\] {
            width: calc(33.3333% - 2rem)
        }

        .lg\:w-\[calc\(\(100\%-7\.2rem-7\.2rem\)\/3\)\] {
            width: calc(33.3333% - 4.8rem)
        }



        .lg\:w-\[calc\(\(100\%-10rem\)\/2\)\] {
            width: calc(50% - 5rem)
        }

        .lg\:w-\[calc\(\(100\%-16rem\)\/3\)\] {
            width: calc(33.3333% - 5.33333rem)
        }

        .lg\:w-\[calc\(\(100\%-9rem\)\/4\)\] {
            width: calc((100% - 9rem)/4)
        }

        .lg\:max-w-\[60rem\] {
            max-width: 60rem
        }

        .lg\:max-w-\[64\.2rem\] {
            max-width: 64.2rem
        }

        .lg\:max-w-\[73rem\] {
            max-width: 73rem
        }

        .lg\:max-w-\[120\.6rem\] {
            max-width: 120.6rem
        }

        .lg\:max-w-none {
            max-width: none
        }

        .lg\:min-w-\[73rem\] {
            min-width: 73rem
        }

        .lg\:flex-1 {
            flex: 1
        }

        .lg\:shrink-0 {
            flex-shrink: 0
        }

        .lg\:-translate-x-1\/2,
        .lg\:-translate-x-\[50\%\] {
            --tw-translate-x: -50%;
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .lg\:flex-row {
            flex-direction: row
        }

        .lg\:flex-row-reverse {
            flex-direction: row-reverse
        }

        .lg\:flex-wrap {
            flex-wrap: wrap
        }

        .lg\:items-center {
            align-items: center
        }

        .lg\:items-start {
            align-items: flex-start
        }

        .lg\:justify-center {
            justify-content: center
        }

        .lg\:justify-between {
            justify-content: space-between
        }

        .lg\:gap-1 {
            gap: calc(var(--spacing)*1)
        }

        .lg\:gap-3 {
            gap: calc(var(--spacing)*3)
        }

        .lg\:gap-4 {
            gap: calc(var(--spacing)*4)
        }

        .lg\:gap-5 {
            gap: calc(var(--spacing)*5)
        }

        .lg\:gap-6 {
            gap: calc(var(--spacing)*6)
        }

        .lg\:gap-8 {
            gap: calc(var(--spacing)*8)
        }

        .lg\:gap-\[7\.2rem\] {
            gap: 7.2rem
        }

        .lg\:gap-\[11\.2rem\] {
            gap: 11.2rem
        }

        .lg\:gap-\[15rem\] {
            gap: 15rem
        }

        .lg\:gap-\[20rem\] {
            gap: 20rem
        }

        .lg\:gap-\[38\.1rem\] {
            gap: 38.1rem
        }

        .lg\:gap-x-\[10rem\] {
            -moz-column-gap: 10rem;
            column-gap: 10rem
        }

        .lg\:gap-y-\[10rem\] {
            row-gap: 10rem
        }

        .lg\:rounded-bl-\[2rem\] {
            border-bottom-left-radius: 2rem
        }

        .lg\:px-3 {
            padding-inline: calc(var(--spacing)*3)
        }

        .lg\:px-5 {
            padding-inline: calc(var(--spacing)*5)
        }

        .lg\:px-\[1\.74rem\] {
            padding-inline: 1.74rem
        }

        .lg\:py-\[2\.26rem\] {
            padding-block: 2.26rem
        }

        .lg\:px-\[11\.6rem\] {
            padding-inline: 11.6rem
        }

        .lg\:px-\[11\.7rem\] {
            padding-inline: 11.7rem
        }

        .lg\:py-\[1\.3rem\] {
            padding-block: 1.3rem
        }

        .lg\:py-\[2\.6rem\] {
            padding-block: 2.6rem
        }

        .lg\:py-\[9\.6rem\] {
            padding-block: 9.6rem
        }

        .lg\:py-\[12\.6rem\] {
            padding-block: 12.6rem
        }

        .lg\:py-\[12rem\] {
            padding-block: 12rem
        }

        .lg\:pt-2 {
            padding-top: calc(var(--spacing)*2)
        }

        .lg\:pt-\[7\.3rem\] {
            padding-top: 7.3rem
        }

        .lg\:pt-\[10rem\] {
            padding-top: 10rem
        }

        .lg\:pb-0 {
            padding-bottom: calc(var(--spacing)*0)
        }

        .lg\:pb-\[11\.5rem\] {
            padding-bottom: 11.5rem
        }

        .lg\:text-\[2rem\] {
            font-size: 2rem
        }

        .lg\:text-\[4rem\] {
            font-size: 4rem
        }

        .lg\:whitespace-nowrap {
            white-space: nowrap
        }
    }

    @media (min-width: 1536px) {
        .xl\:h-\[90rem\] {
            height: 90rem
        }
    }
}

.svg-container {
    cursor: pointer
}

.svg-icon {
    width: 52px;
    height: 48px;
    transition: all .3s
}

.svg-icon .arrow {
    fill: #3a5896
}

.svg-icon .outer-shape {
    stroke: #3a5896;
    fill: none;
    stroke-width: 3px
}

.svg-icon .line {
    stroke: #3a5896
}

.svg-container:hover .svg-icon .arrow {
    fill: #fff
}

.svg-container:hover .svg-icon .outer-shape {
    fill: #3a5896;
    stroke: #3a5896
}

.svg-container:hover .svg-icon .line {
    stroke: #3a5896
}

.overlay-gradient {
    pointer-events: none;
    background: linear-gradient(#0000 32.5%, #00000080 98.15%)
}

.link-tag {
    color: #3a5896;
    text-align: right;
    letter-spacing: 1.4px;
    font-family: museo-sans, sans-serif;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 3.5rem;
    text-decoration: none;
    position: relative
}

.link-tag:after {
    content: "";
    background-color: #00afde;
    width: 0;
    height: .4rem;
    transition: width .3s;
    position: absolute;
    bottom: 0;
    left: 0
}

.link-tag:hover:after {
    width: 100%
}

.link-tag:after {
    content: "";
    background-color: #00afde;
    width: 0;
    height: .4rem;
    transition: width .3s;
    position: absolute;
    bottom: 0;
    left: 0;
}

.link-tag.active::after {
    width: 100%;
    background-color: #00afde;
}

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

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

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

@property --tw-rotate-x {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-y {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-z {
    syntax: "*";
    inherits: false
}

@property --tw-skew-x {
    syntax: "*";
    inherits: false
}

@property --tw-skew-y {
    syntax: "*";
    inherits: false
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@property --tw-ease {
    syntax: "*";
    inherits: false
}

.group-\[\.active\]\:bg-blue:is(:where(.group):is(.active) *) {
    background-color: var(--color-blue);
}

.rounded-t-2 {
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
}

.list-disc {
    list-style-type: disc;
}

@media (min-width: 1536px) {
    .object-top-custom {
        -o-object-position: center 15%;
        /* object-position: top */
        object-position: center 15%;
    }
}

.object-center-10 {
    object-position: center 10%;
}

.img-wrapper-avoid-fake-job {
    width: 100%;
    height: 19.4rem;
    position: relative;
    border-radius: 20px;
    border: 1px solid #F5F5F7;
}

.overlay-bg {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.img-wrapper-avoid-fake-job img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (min-width: 768px) {
    .img-wrapper-avoid-fake-job {
        width: 53.3rem;
        height: 33.4rem;
        position: relative;
        margin: 0 auto;
    }
}

#skip-to-content {
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 9999;
}

#skip-to-content:not(:focus) {
    width: 0.1rem;
    height: 0.1rem;
    padding: 0 !important;
    top: -0.1rem;
}