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

@media screen and (min-width: 768px) {
    html {
        scroll-padding-top: 11.6rem;
    }
}

@media screen and (min-width: 1024px) {
    html {
        scroll-padding-top: 11.8rem;
    }
}

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

body {
    box-sizing: border-box;
    margin: 0;
    font-size: 1.6rem;
}

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

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

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

p {
    margin: 0;
}

.hamburger {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: ease all 0.5s;
    z-index: 999;
    position: relative;
    width: 5rem;
    height: 5rem;
    gap: 0.5rem;
}

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

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

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

*,
:before,
:after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: currentColor;
}

:before,
:after {}

html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: sans-serif;
    font-feature-settings: normal;
    font-variation-settings: normal;
}

body {
    margin: 0;
    line-height: inherit;
}

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

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

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

p {
    margin: 0;
}

ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

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

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

*,
:before,
:after {}

::backdrop {}

.fixed {
    position: fixed;
}

.left-0 {
    left: 0;
}

.right-0 {
    right: 0;
}

.top-0 {
    top: 0;
}

.my-\[0\.2rem\] {
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
}

.mt-1 {
    margin-top: 1rem;
}

.block {
    display: block;
}

.flex {
    display: flex;
}

.h-\[16\.2rem\] {
    height: 16.2rem;
}

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

.h-\[3\.5rem\] {
    height: 3.5rem;
}

.h-\[3\.6rem\] {
    height: 3.6rem;
}

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

.h-\[5\.5rem\] {
    height: 5.5rem;
}

.h-\[6\.7rem\] {
    height: 6.7rem;
}

.h-full {
    height: 100%;
}

.w-\[0\.1rem\] {
    width: 0.1rem;
}

.w-\[1\.57rem\] {
    width: 1.57rem;
}

.w-\[13\.2rem\] {
    width: 13.2rem;
}

.w-\[15\.2rem\] {
    width: 15.2rem;
}

.w-\[3\.5rem\] {
    width: 3.5rem;
}

.w-\[3\.6284rem\] {
    width: 3.6284rem;
}

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

.w-\[7\.2239rem\] {
    width: 7.2239rem;
}

.w-full {
    width: 100%;
}

.flex-row {
    flex-direction: row;
}

.flex-col {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.items-center {
    align-items: center;
}

.justify-center {
    justify-content: center;
}

.gap-1 {
    gap: 1rem;
}

.gap-2 {
    gap: 2rem;
}

.gap-3 {
    gap: 3rem;
}

.gap-4 {
    gap: 4rem;
}

.gap-\[0\.7rem\] {
    gap: 0.7rem;
}

.gap-x-4 {
    -moz-column-gap: 4rem;
    column-gap: 4rem;
}

.gap-y-2 {
    row-gap: 2rem;
}

.self-stretch {
    align-self: stretch;
}

.rounded-\[0\.4rem\] {
    border-radius: 0.4rem;
}

.border-\[0\.1rem\] {
    border-width: 0.1rem;
}

.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.bg-charcoal {
    --tw-bg-opacity: 1;
    background-color: rgb(23 23 23 / var(--tw-bg-opacity));
}

.bg-vibrant-blue {
    --tw-bg-opacity: 1;
    background-color: rgb(0 71 187 / var(--tw-bg-opacity));
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

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

.px-2 {
    padding-left: 2rem;
    padding-right: 2rem;
}

.px-\[1\.6rem\] {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
}

.py-1 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.py-3 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.py-6 {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.py-\[0\.8rem\] {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}

.pl-1 {
    padding-left: 1rem;
}

.pr-\[1\.7rem\] {
    padding-right: 1.7rem;
}

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

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

.font-medium {
    font-weight: 500;
}

.leading-\[1\.8rem\] {
    line-height: 1.8rem;
}

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

.tracking-\[0\.01rem\] {
    letter-spacing: 0.01rem;
}

.tracking-\[0\.025rem\] {
    letter-spacing: 0.025rem;
}

.text-gray {
    --tw-text-opacity: 1;
    color: rgb(201 202 200 / var(--tw-text-opacity));
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.underline {
    text-decoration-line: underline;
}

.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}

.duration-200 {
    transition-duration: 0.2s;
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.z-500 {
    z-index: 500;
}

@media (min-width: 768px) {
    .md\:px-4 {
        padding-left: 4rem;
        padding-right: 4rem;
    }
}

@media (min-width: 1024px) {
    .lg\:h-\[11\.36rem\] {
        height: 11.36rem;
    }

    .lg\:h-\[5\.3565rem\] {
        height: 5.3565rem;
    }

    .lg\:w-\[18\.6rem\] {
        width: 18.6rem;
    }

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

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

    .lg\:px-10 {
        padding-left: 10rem;
        padding-right: 10rem;
    }
}