/*! tailwindcss v4.2.1 | 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-translate-z: 0;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-pan-x: initial;
            --tw-pan-y: initial;
            --tw-pinch-zoom: initial;
            --tw-space-y-reverse: 0;
            --tw-space-x-reverse: 0;
            --tw-divide-x-reverse: 0;
            --tw-border-style: solid;
            --tw-divide-y-reverse: 0;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-ordinal: initial;
            --tw-slashed-zero: initial;
            --tw-numeric-figure: initial;
            --tw-numeric-spacing: initial;
            --tw-numeric-fraction: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-outline-style: solid;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial
        }
    }
}

@layer theme {

    :root,
    :host {
        --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-neutral-200: oklch(92.2% 0 0);
        --color-black: #000;
        --color-white: #fff;
        --spacing: .25rem;
        --breakpoint-md: 48rem;
        --font-weight-extralight: 200;
        --font-weight-light: 300;
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-bold: 700;
        --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)
    }
}

@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,
    :host {
        -webkit-text-size-adjust: 100%;
        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
    }

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

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

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

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

    b,
    strong {
        font-weight: bolder
    }

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

    small {
        font-size: 80%
    }

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

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

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

    :-moz-focusring {
        outline: auto
    }

    progress {
        vertical-align: baseline
    }

    summary {
        display: list-item
    }

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

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

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

    button,
    input,
    select,
    optgroup,
    textarea {
        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
    }

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

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

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

    ::placeholder {
        opacity: 1
    }

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

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

    textarea {
        resize: vertical
    }

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

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

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

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

    ::-webkit-datetime-edit {
        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
    }

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

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

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

    ::file-selector-button {
        appearance: button
    }

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

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

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

    * {
        box-sizing: border-box;
        min-width: 0;
        min-height: 0;
        margin: 0;
        padding: 0;
        font-family: TP-Link Aktiv, sans-serif
    }
}

@layer components;

@layer utilities {
    .collapse {
        visibility: collapse !important
    }

    .invisible {
        visibility: hidden !important
    }

    .visible {
        visibility: visible !important
    }

    .sr-only {
        clip-path: inset(50%) !important;
        white-space: nowrap !important;
        border-width: 0 !important;
        width: 1px !important;
        height: 1px !important;
        margin: -1px !important;
        padding: 0 !important;
        position: absolute !important;
        overflow: hidden !important
    }

    .not-sr-only {
        clip-path: none !important;
        white-space: normal !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        position: static !important;
        overflow: visible !important
    }

    .absolute {
        position: absolute !important
    }

    .relative {
        position: relative !important
    }

    .static {
        position: static !important
    }

    .sticky {
        position: sticky !important
    }

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

    .start {
        inset-inline-start: var(--spacing) !important
    }

    .end {
        inset-inline-end: var(--spacing) !important
    }

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

    .top-\[var\(--default-y\)\] {
        top: var(--default-y) !important
    }

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

    .right-\[var\(--default-x\)\] {
        right: var(--default-x) !important
    }

    .bottom-\[var\(--default-y\)\] {
        bottom: var(--default-y) !important
    }

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

    .left-\[var\(--default-x\)\] {
        left: var(--default-x) !important
    }

    .isolate {
        isolation: isolate !important
    }

    .isolation-auto {
        isolation: auto !important
    }

    .-z-1 {
        z-index: -1 !important
    }

    .z-1 {
        z-index: 1 !important
    }

    .z-2 {
        z-index: 2 !important
    }

    .container {
        width: 100% !important
    }

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

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

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

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

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

    .mx-\[35px\] {
        margin-inline: 35px !important
    }

    .mx-auto {
        margin-inline: auto !important
    }

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

    .mt-\[clamp\(5\.63px\,5\.63vw\,36\.00px\)\] {
        margin-top: clamp(5.63px, 5.63vw, 36px) !important
    }

    .mt-\[clamp\(21px\,3\.84vw\,28px\)\] {
        margin-top: clamp(21px, 3.84vw, 28px) !important
    }

    .mt-\[clamp\(23\.9px\,4\.79vw\,35px\)\] {
        margin-top: clamp(23.9px, 4.79vw, 35px) !important
    }

    .mb-\[clamp\(1\.88px\,1\.88vw\,12\.00px\)\] {
        margin-bottom: clamp(1.88px, 1.88vw, 12px) !important
    }

    .mb-\[clamp\(3\.13px\,3\.13vw\,20\.00px\)\] {
        margin-bottom: clamp(3.13px, 3.13vw, 20px) !important
    }

    .block {
        display: block !important
    }

    .contents {
        display: contents !important
    }

    .flex {
        display: flex !important
    }

    .flow-root {
        display: flow-root !important
    }

    .grid {
        display: grid !important
    }

    .hidden {
        display: none !important
    }

    .inline {
        display: inline !important
    }

    .inline-block {
        display: inline-block !important
    }

    .inline-flex {
        display: inline-flex !important
    }

    .inline-grid {
        display: inline-grid !important
    }

    .inline-table {
        display: inline-table !important
    }

    .list-item {
        display: list-item !important
    }

    .table {
        display: table !important
    }

    .table-caption {
        display: table-caption !important
    }

    .table-cell {
        display: table-cell !important
    }

    .table-column {
        display: table-column !important
    }

    .table-column-group {
        display: table-column-group !important
    }

    .table-footer-group {
        display: table-footer-group !important
    }

    .table-header-group {
        display: table-header-group !important
    }

    .table-row {
        display: table-row !important
    }

    .table-row-group {
        display: table-row-group !important
    }

    .h-6 {
        height: calc(var(--spacing) * 6) !important
    }

    .h-10 {
        height: calc(var(--spacing) * 10) !important
    }

    .h-16 {
        height: calc(var(--spacing) * 16) !important
    }

    .h-20 {
        height: calc(var(--spacing) * 20) !important
    }

    .h-full {
        height: 100% !important
    }

    .w-6 {
        width: calc(var(--spacing) * 6) !important
    }

    .w-16 {
        width: calc(var(--spacing) * 16) !important
    }

    .w-20 {
        width: calc(var(--spacing) * 20) !important
    }

    .w-25 {
        width: calc(var(--spacing) * 25) !important
    }

    .w-\[clamp\(182\.81px\,182\.81vw\,1170\.00px\)\] {
        width: clamp(182.81px, 182.81vw, 1170px) !important
    }

    .w-fit {
        width: fit-content !important
    }

    .w-full {
        width: 100% !important
    }

    .max-w-\[1920px\] {
        max-width: 1920px !important
    }

    .max-w-\[var\(--breakpoint-md\)\] {
        max-width: var(--breakpoint-md) !important
    }

    .flex-\[var\(--ratio\)\] {
        flex: var(--ratio) !important
    }

    .flex-auto {
        flex: auto !important
    }

    .flex-none {
        flex: none !important
    }

    .shrink {
        flex-shrink: 1 !important
    }

    .grow {
        flex-grow: 1 !important
    }

    .border-collapse {
        border-collapse: collapse !important
    }

    .translate-x-\[var\(--default-translate-x\)\] {
        --tw-translate-x: var(--default-translate-x) !important;
        translate: var(--tw-translate-x) var(--tw-translate-y) !important
    }

    .translate-y-\[var\(--default-translate-y\)\] {
        --tw-translate-y: var(--default-translate-y) !important;
        translate: var(--tw-translate-x) var(--tw-translate-y) !important
    }

    .translate-none {
        translate: none !important
    }

    .scale-3d {
        scale: var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z) !important
    }

    .-rotate-90 {
        rotate: -90deg !important
    }

    .transform {
        transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ) !important
    }

    .cursor-pointer {
        cursor: pointer !important
    }

    .touch-pinch-zoom {
        --tw-pinch-zoom: pinch-zoom !important;
        touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, ) !important
    }

    .resize {
        resize: both !important
    }

    .grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important
    }

    .flex-col {
        flex-direction: column !important
    }

    .flex-col-reverse {
        flex-direction: column-reverse !important
    }

    .flex-row {
        flex-direction: row !important
    }

    .flex-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-wrap {
        flex-wrap: wrap !important
    }

    .items-center {
        align-items: center !important
    }

    .justify-around {
        justify-content: space-around !important
    }

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

    .justify-center {
        justify-content: center !important
    }

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

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

    .gap-12 {
        gap: calc(var(--spacing) * 12) !important
    }

    .gap-\[clamp\(1\.25px\,1\.25vw\,8\.00px\)\] {
        gap: clamp(1.25px, 1.25vw, 8px) !important
    }

    :where(.space-y-reverse>:not(:last-child)) {
        --tw-space-y-reverse: 1 !important
    }

    :where(.space-x-reverse>:not(:last-child)) {
        --tw-space-x-reverse: 1 !important
    }

    :where(.divide-x>:not(:last-child)) {
        --tw-divide-x-reverse: 0 !important;
        border-inline-style: var(--tw-border-style) !important;
        border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)) !important;
        border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))) !important
    }

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

    :where(.divide-y-reverse>:not(:last-child)) {
        --tw-divide-y-reverse: 1 !important
    }

    .self-start {
        align-self: flex-start !important
    }

    .truncate {
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        overflow: hidden !important
    }

    .overflow-hidden {
        overflow: hidden !important
    }

    .rounded {
        border-radius: .25rem !important
    }

    .rounded-\[0\.2em\] {
        border-radius: .2em !important
    }

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

    .rounded-s {
        border-start-start-radius: .25rem !important;
        border-end-start-radius: .25rem !important
    }

    .rounded-ss {
        border-start-start-radius: .25rem !important
    }

    .rounded-e {
        border-start-end-radius: .25rem !important;
        border-end-end-radius: .25rem !important
    }

    .rounded-se {
        border-start-end-radius: .25rem !important
    }

    .rounded-ee {
        border-end-end-radius: .25rem !important
    }

    .rounded-es {
        border-end-start-radius: .25rem !important
    }

    .rounded-t {
        border-top-left-radius: .25rem !important;
        border-top-right-radius: .25rem !important
    }

    .rounded-l {
        border-top-left-radius: .25rem !important;
        border-bottom-left-radius: .25rem !important
    }

    .rounded-tl {
        border-top-left-radius: .25rem !important
    }

    .rounded-r {
        border-top-right-radius: .25rem !important;
        border-bottom-right-radius: .25rem !important
    }

    .rounded-tr {
        border-top-right-radius: .25rem !important
    }

    .rounded-b {
        border-bottom-right-radius: .25rem !important;
        border-bottom-left-radius: .25rem !important
    }

    .rounded-br {
        border-bottom-right-radius: .25rem !important
    }

    .rounded-bl {
        border-bottom-left-radius: .25rem !important
    }

    .border {
        border-style: var(--tw-border-style) !important;
        border-width: 1px !important
    }

    .border-x {
        border-inline-style: var(--tw-border-style) !important;
        border-inline-width: 1px !important
    }

    .border-y {
        border-block-style: var(--tw-border-style) !important;
        border-block-width: 1px !important
    }

    .border-s {
        border-inline-start-style: var(--tw-border-style) !important;
        border-inline-start-width: 1px !important
    }

    .border-e {
        border-inline-end-style: var(--tw-border-style) !important;
        border-inline-end-width: 1px !important
    }

    .border-t {
        border-top-style: var(--tw-border-style) !important;
        border-top-width: 1px !important
    }

    .border-r {
        border-right-style: var(--tw-border-style) !important;
        border-right-width: 1px !important
    }

    .border-b {
        border-bottom-style: var(--tw-border-style) !important;
        border-bottom-width: 1px !important
    }

    .border-l {
        border-left-style: var(--tw-border-style) !important;
        border-left-width: 1px !important
    }

    .border-black {
        border-color: var(--color-black) !important
    }

    .bg-\[\#f0f0f0\] {
        background-color: #f0f0f0 !important
    }

    .bg-neutral-200 {
        background-color: var(--color-neutral-200) !important
    }

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

    .bg-repeat {
        background-repeat: repeat !important
    }

    .mask-no-clip {
        -webkit-mask-clip: no-clip !important;
        mask-clip: no-clip !important
    }

    .mask-repeat {
        -webkit-mask-repeat: repeat !important;
        mask-repeat: repeat !important
    }

    .fill-none {
        fill: none !important
    }

    .stroke-current {
        stroke: currentColor !important
    }

    .stroke-5 {
        stroke-width: 5px !important
    }

    .object-contain {
        object-fit: contain !important
    }

    .object-cover {
        object-fit: cover !important
    }

    .px-0 {
        padding-inline: calc(var(--spacing) * 0) !important
    }

    .px-\[0\.7em\] {
        padding-inline: .7em !important
    }

    .px-\[1em\] {
        padding-inline: 1em !important
    }

    .px-\[clamp\(4\.69px\,4\.69vw\,30\.00px\)\] {
        padding-inline: clamp(4.69px, 4.69vw, 30px) !important
    }

    .py-0 {
        padding-block: calc(var(--spacing) * 0) !important
    }

    .py-4 {
        padding-block: calc(var(--spacing) * 4) !important
    }

    .py-\[0\.12em\] {
        padding-block: .12em !important
    }

    .py-\[0\.25em\] {
        padding-block: .25em !important
    }

    .pt-20 {
        padding-top: calc(var(--spacing) * 20) !important
    }

    .pt-\[clamp\(12\.50px\,12\.50vw\,80\.00px\)\] {
        padding-top: clamp(12.5px, 12.5vw, 80px) !important
    }

    .pt-\[clamp\(41\.1px\,8\.22vw\,60px\)\] {
        padding-top: clamp(41.1px, 8.22vw, 60px) !important
    }

    .pb-5 {
        padding-bottom: calc(var(--spacing) * 5) !important
    }

    .pb-20 {
        padding-bottom: calc(var(--spacing) * 20) !important
    }

    .pb-\[clamp\(31\.25px\,31\.25vw\,200\.00px\)\] {
        padding-bottom: clamp(31.25px, 31.25vw, 200px) !important
    }

    .pb-\[clamp\(93\.75px\,93\.75vw\,600\.00px\)\] {
        padding-bottom: clamp(93.75px, 93.75vw, 600px) !important
    }

    .text-center {
        text-align: center !important
    }

    .text-\[18px\]\/\[1\.3\] {
        font-size: 18px !important;
        line-height: 1.3 !important
    }

    .text-\[24px\]\/\[1\.3\] {
        font-size: 24px !important;
        line-height: 1.3 !important
    }

    .text-\[clamp\(23\.3px\,4\.66vw\,34px\)\]\/\[1\.3\] {
        font-size: clamp(23.3px, 4.66vw, 34px) !important;
        line-height: 1.3 !important
    }

    .text-\[clamp\(23\.65px\,4\.73vw\,34\.5px\)\]\/\[1\.3\] {
        font-size: clamp(23.65px, 4.73vw, 34.5px) !important;
        line-height: 1.3 !important
    }

    .text-\[clamp\(30\.53px\,6\.16vw\,45px\)\]\/\[1\.33\] {
        font-size: clamp(30.53px, 6.16vw, 45px) !important;
        line-height: 1.33 !important
    }

    .text-\[clamp\(34\.9px\,6\.97vw\,51px\)\]\/\[1\.33\] {
        font-size: clamp(34.9px, 6.97vw, 51px) !important;
        line-height: 1.33 !important
    }

    .text-\[clamp\(1\.54px\,1\.54vw\,9\.85px\)\] {
        font-size: clamp(1.54px, 1.54vw, 9.85px) !important
    }

    .text-\[clamp\(2\.50px\,2\.50vw\,16\.00px\)\] {
        font-size: clamp(2.5px, 2.5vw, 16px) !important
    }

    .text-\[clamp\(2\.79px\,2\.79vw\,17\.87px\)\] {
        font-size: clamp(2.79px, 2.79vw, 17.87px) !important
    }

    .text-\[clamp\(3\.07px\,3\.07vw\,19\.66px\)\] {
        font-size: clamp(3.07px, 3.07vw, 19.66px) !important
    }

    .text-\[clamp\(3\.13px\,3\.13vw\,20\.00px\)\] {
        font-size: clamp(3.13px, 3.13vw, 20px) !important
    }

    .text-\[clamp\(3\.63px\,3\.63vw\,23\.22px\)\] {
        font-size: clamp(3.63px, 3.63vw, 23.22px) !important
    }

    .text-\[clamp\(3\.75px\,3\.75vw\,24\.00px\)\] {
        font-size: clamp(3.75px, 3.75vw, 24px) !important
    }

    .text-\[clamp\(4\.06px\,4\.06vw\,26\.00px\)\] {
        font-size: clamp(4.06px, 4.06vw, 26px) !important
    }

    .text-\[clamp\(4\.38px\,4\.38vw\,28\.00px\)\] {
        font-size: clamp(4.38px, 4.38vw, 28px) !important
    }

    .text-\[clamp\(5\.59px\,5\.59vw\,35\.75px\)\] {
        font-size: clamp(5.59px, 5.59vw, 35.75px) !important
    }

    .text-\[clamp\(6\.25px\,6\.25vw\,40\.00px\)\] {
        font-size: clamp(6.25px, 6.25vw, 40px) !important
    }

    .text-\[clamp\(9\.38px\,9\.38vw\,60\.00px\)\] {
        font-size: clamp(9.38px, 9.38vw, 60px) !important
    }

    .leading-\[clamp\(1\.15px\,1\.15vw\,7\.35px\)\] {
        --tw-leading: clamp(1.15px, 1.15vw, 7.35px) !important;
        line-height: clamp(1.15px, 1.15vw, 7.35px) !important
    }

    .leading-\[clamp\(2\.08px\,2\.08vw\,13\.32px\)\] {
        --tw-leading: clamp(2.08px, 2.08vw, 13.32px) !important;
        line-height: clamp(2.08px, 2.08vw, 13.32px) !important
    }

    .leading-\[clamp\(2\.31px\,2\.31vw\,14\.78px\)\] {
        --tw-leading: clamp(2.31px, 2.31vw, 14.78px) !important;
        line-height: clamp(2.31px, 2.31vw, 14.78px) !important
    }

    .leading-\[clamp\(3\.75px\,3\.75vw\,24\.00px\)\] {
        --tw-leading: clamp(3.75px, 3.75vw, 24px) !important;
        line-height: clamp(3.75px, 3.75vw, 24px) !important
    }

    .leading-\[clamp\(5\.00px\,5\.00vw\,32\.00px\)\] {
        --tw-leading: clamp(5px, 5vw, 32px) !important;
        line-height: clamp(5px, 5vw, 32px) !important
    }

    .leading-\[clamp\(6\.25px\,6\.25vw\,40\.00px\)\] {
        --tw-leading: clamp(6.25px, 6.25vw, 40px) !important;
        line-height: clamp(6.25px, 6.25vw, 40px) !important
    }

    .leading-\[clamp\(6\.72px\,6\.72vw\,43\.00px\)\] {
        --tw-leading: clamp(6.72px, 6.72vw, 43px) !important;
        line-height: clamp(6.72px, 6.72vw, 43px) !important
    }

    .leading-\[clamp\(7\.50px\,7\.50vw\,48\.00px\)\] {
        --tw-leading: clamp(7.5px, 7.5vw, 48px) !important;
        line-height: clamp(7.5px, 7.5vw, 48px) !important
    }

    .font-bold {
        --tw-font-weight: var(--font-weight-bold) !important;
        font-weight: var(--font-weight-bold) !important
    }

    .font-extralight {
        --tw-font-weight: var(--font-weight-extralight) !important;
        font-weight: var(--font-weight-extralight) !important
    }

    .font-light {
        --tw-font-weight: var(--font-weight-light) !important;
        font-weight: var(--font-weight-light) !important
    }

    .font-medium {
        --tw-font-weight: var(--font-weight-medium) !important;
        font-weight: var(--font-weight-medium) !important
    }

    .font-normal {
        --tw-font-weight: var(--font-weight-normal) !important;
        font-weight: var(--font-weight-normal) !important
    }

    .text-wrap {
        text-wrap: wrap !important
    }

    .text-clip {
        text-overflow: clip !important
    }

    .text-ellipsis {
        text-overflow: ellipsis !important
    }

    .text-\[\#00f6ff\] {
        color: #00f6ff !important
    }

    .text-\[\#3bb8ec\] {
        color: #3bb8ec !important
    }

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

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

    .capitalize {
        text-transform: capitalize !important
    }

    .lowercase {
        text-transform: lowercase !important
    }

    .normal-case {
        text-transform: none !important
    }

    .uppercase {
        text-transform: uppercase !important
    }

    .italic {
        font-style: italic !important
    }

    .not-italic {
        font-style: normal !important
    }

    .diagonal-fractions {
        --tw-numeric-fraction: diagonal-fractions !important;
        font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ) !important
    }

    .lining-nums {
        --tw-numeric-figure: lining-nums !important;
        font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ) !important
    }

    .oldstyle-nums {
        --tw-numeric-figure: oldstyle-nums !important;
        font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ) !important
    }

    .ordinal {
        --tw-ordinal: ordinal !important;
        font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ) !important
    }

    .proportional-nums {
        --tw-numeric-spacing: proportional-nums !important;
        font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ) !important
    }

    .slashed-zero {
        --tw-slashed-zero: slashed-zero !important;
        font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ) !important
    }

    .stacked-fractions {
        --tw-numeric-fraction: stacked-fractions !important;
        font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ) !important
    }

    .tabular-nums {
        --tw-numeric-spacing: tabular-nums !important;
        font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ) !important
    }

    .normal-nums {
        font-variant-numeric: normal !important
    }

    .line-through {
        text-decoration-line: line-through !important
    }

    .no-underline {
        text-decoration-line: none !important
    }

    .overline {
        text-decoration-line: overline !important
    }

    .underline {
        text-decoration-line: underline !important
    }

    .underline-offset-8 {
        text-underline-offset: 8px !important
    }

    .antialiased {
        -webkit-font-smoothing: antialiased !important;
        -moz-osx-font-smoothing: grayscale !important
    }

    .subpixel-antialiased {
        -webkit-font-smoothing: auto !important;
        -moz-osx-font-smoothing: auto !important
    }

    .shadow {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a) !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .ring {
        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .inset-ring {
        --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor) !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .outline {
        outline-style: var(--tw-outline-style) !important;
        outline-width: 1px !important
    }

    .blur {
        --tw-blur: blur(8px) !important;
        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ) !important
    }

    .drop-shadow {
        --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000f)) !important;
        --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f) !important;
        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ) !important
    }

    .grayscale {
        --tw-grayscale: grayscale(100%) !important;
        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ) !important
    }

    .invert {
        --tw-invert: invert(100%) !important;
        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ) !important
    }

    .sepia {
        --tw-sepia: sepia(100%) !important;
        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ) !important
    }

    .filter {
        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ) !important
    }

    .backdrop-blur {
        --tw-backdrop-blur: blur(8px) !important;
        -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) !important;
        backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) !important
    }

    .backdrop-grayscale {
        --tw-backdrop-grayscale: grayscale(100%) !important;
        -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) !important;
        backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) !important
    }

    .backdrop-invert {
        --tw-backdrop-invert: invert(100%) !important;
        -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) !important;
        backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) !important
    }

    .backdrop-sepia {
        --tw-backdrop-sepia: sepia(100%) !important;
        -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) !important;
        backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) !important
    }

    .backdrop-filter {
        -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) !important;
        backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ) !important
    }

    .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, display, content-visibility, overlay, pointer-events !important;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
        transition-duration: var(--tw-duration, var(--default-transition-duration)) !important
    }

    :where(.divide-x-reverse>:not(:last-child)) {
        --tw-divide-x-reverse: 1 !important
    }

    .ring-inset {
        --tw-ring-inset: inset !important
    }

    @media not all and (min-width:48rem) {
        .max-md\:hidden {
            display: none !important
        }
    }

    @media(min-width:40rem) {
        .sm\:absolute {
            position: absolute !important
        }

        .sm\:top-\[var\(--sm-y\)\] {
            top: var(--sm-y) !important
        }

        .sm\:right-\[var\(--sm-x\)\] {
            right: var(--sm-x) !important
        }

        .sm\:bottom-\[var\(--sm-y\)\] {
            bottom: var(--sm-y) !important
        }

        .sm\:left-\[var\(--sm-x\)\] {
            left: var(--sm-x) !important
        }

        .sm\:translate-x-\[var\(--sm-translate-x\)\] {
            --tw-translate-x: var(--sm-translate-x) !important;
            translate: var(--tw-translate-x) var(--tw-translate-y) !important
        }

        .sm\:translate-y-\[var\(--sm-translate-y\)\] {
            --tw-translate-y: var(--sm-translate-y) !important;
            translate: var(--tw-translate-x) var(--tw-translate-y) !important
        }
    }

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

        .md\:top-\[var\(--md-y\)\] {
            top: var(--md-y) !important
        }

        .md\:right-\[var\(--md-x\)\] {
            right: var(--md-x) !important
        }

        .md\:bottom-\[var\(--md-y\)\] {
            bottom: var(--md-y) !important
        }

        .md\:left-\[var\(--md-x\)\] {
            left: var(--md-x) !important
        }

        .md\:mt-\[clamp\(19\.23px\,2\.50vw\,48\.00px\)\] {
            margin-top: clamp(19.23px, 2.5vw, 48px) !important
        }

        .md\:mt-\[min\(1\.3vw\,25px\)\] {
            margin-top: min(1.3vw, 25px) !important
        }

        .md\:mt-\[min\(1\.25vw\,24px\)\] {
            margin-top: min(1.25vw, 24px) !important
        }

        .md\:mb-\[18\.75\] {
            margin-bottom: 18.75px !important
        }

        .md\:mb-\[clamp\(3\.60px\,0\.47vw\,9\.00px\)\] {
            margin-bottom: clamp(3.6px, .47vw, 9px) !important
        }

        .md\:mb-\[clamp\(7\.51px\,0\.98vw\,18\.75px\)\] {
            margin-bottom: clamp(7.51px, .98vw, 18.75px) !important
        }

        .md\:ml-\[min\(19\.48vw\,374px\)\] {
            margin-left: min(19.48vw, 374px) !important
        }

        .md\:flex {
            display: flex !important
        }

        .md\:hidden {
            display: none !important
        }

        .md\:h-\[clamp\(30px\,3vw\,60px\)\] {
            height: clamp(30px, 3vw, 60px) !important
        }

        .md\:w-2\/3 {
            width: 66.6667% !important
        }

        .md\:w-\[clamp\(192\.65px\,25\.05vw\,481\.00px\)\] {
            width: clamp(192.65px, 25.05vw, 481px) !important
        }

        .md\:max-w-\[clamp\(468\.61px\,60\.94vw\,1170\.00px\)\] {
            max-width: clamp(468.61px, 60.94vw, 1170px) !important
        }

        .md\:translate-x-\[var\(--md-translate-x\)\] {
            --tw-translate-x: var(--md-translate-x) !important;
            translate: var(--tw-translate-x) var(--tw-translate-y) !important
        }

        .md\:translate-y-\[var\(--md-translate-y\)\] {
            --tw-translate-y: var(--md-translate-y) !important;
            translate: var(--tw-translate-x) var(--tw-translate-y) !important
        }

        .md\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr)) !important
        }

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

        .md\:gap-\[clamp\(3\.20px\,0\.42vw\,8\.00px\)\] {
            gap: clamp(3.2px, .42vw, 8px) !important
        }

        .md\:gap-\[clamp\(6px\,0\.6vw\,12px\)\] {
            gap: clamp(6px, .6vw, 12px) !important
        }

        .md\:rounded-\[0\.3em\] {
            border-radius: .3em !important
        }

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

        .md\:px-\[clamp\(110\.14px\,14\.32vw\,275\.00px\)\] {
            padding-inline: clamp(110.14px, 14.32vw, 275px) !important
        }

        .md\:pt-\[clamp\(32\.74px\,4\.26vw\,81\.75px\)\] {
            padding-top: clamp(32.74px, 4.26vw, 81.75px) !important
        }

        .md\:pt-\[min\(19\.27vw\,370px\)\] {
            padding-top: min(19.27vw, 370px) !important
        }

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

        .md\:pb-\[clamp\(65\.49px\,8\.52vw\,163\.50px\)\] {
            padding-bottom: clamp(65.49px, 8.52vw, 163.5px) !important
        }

        .md\:text-left {
            text-align: left !important
        }

        .md\:text-\[21\.25px\]\/\[1\.3\] {
            font-size: 21.25px !important;
            line-height: 1.3 !important
        }

        .md\:text-\[min\(1\.02vw\,19\.5\)\]\/\[1\.3\] {
            font-size: min(1.02vw, 19.5) !important;
            line-height: 1.3 !important
        }

        .md\:text-\[min\(1\.56vw\,30px\)\]\/\[1\.3\] {
            font-size: min(1.56vw, 30px) !important;
            line-height: 1.3 !important
        }

        .md\:text-\[min\(2\.34vw\,45px\)\]\/\[1\.33\] {
            font-size: min(2.34vw, 45px) !important;
            line-height: 1.33 !important
        }

        .md\:text-\[clamp\(5\.61px\,0\.73vw\,14\.00px\)\] {
            font-size: clamp(5.61px, .73vw, 14px) !important
        }

        .md\:text-\[clamp\(7\.21px\,0\.94vw\,18\.00px\)\] {
            font-size: clamp(7.21px, .94vw, 18px) !important
        }

        .md\:text-\[clamp\(8\.01px\,1\.04vw\,20\.00px\)\] {
            font-size: clamp(8.01px, 1.04vw, 20px) !important
        }

        .md\:text-\[clamp\(8\.81px\,1\.15vw\,22\.00px\)\] {
            font-size: clamp(8.81px, 1.15vw, 22px) !important
        }

        .md\:text-\[clamp\(10\.41px\,1\.35vw\,26\.00px\)\] {
            font-size: clamp(10.41px, 1.35vw, 26px) !important
        }

        .md\:text-\[clamp\(12\.02px\,1\.56vw\,30\.00px\)\] {
            font-size: clamp(12.02px, 1.56vw, 30px) !important
        }

        .md\:text-\[clamp\(19\.23px\,2\.50vw\,48\.00px\)\] {
            font-size: clamp(19.23px, 2.5vw, 48px) !important
        }

        .md\:text-\[clamp\(20\.03px\,2\.60vw\,50\.00px\)\] {
            font-size: clamp(20.03px, 2.6vw, 50px) !important
        }

        .md\:text-\[clamp\(20\.83px\,2\.71vw\,52\.00px\)\] {
            font-size: clamp(20.83px, 2.71vw, 52px) !important
        }

        .md\:text-\[clamp\(30\.04px\,3\.91vw\,75\.00px\)\] {
            font-size: clamp(30.04px, 3.91vw, 75px) !important
        }

        .md\:leading-\[clamp\(6\.01px\,0\.78vw\,15\.00px\)\] {
            --tw-leading: clamp(6.01px, .78vw, 15px) !important;
            line-height: clamp(6.01px, .78vw, 15px) !important
        }

        .md\:leading-\[clamp\(8\.81px\,1\.15vw\,22\.00px\)\] {
            --tw-leading: clamp(8.81px, 1.15vw, 22px) !important;
            line-height: clamp(8.81px, 1.15vw, 22px) !important
        }

        .md\:leading-\[clamp\(10\.41px\,1\.35vw\,26\.00px\)\] {
            --tw-leading: clamp(10.41px, 1.35vw, 26px) !important;
            line-height: clamp(10.41px, 1.35vw, 26px) !important
        }

        .md\:leading-\[clamp\(11\.21px\,1\.46vw\,28\.00px\)\] {
            --tw-leading: clamp(11.21px, 1.46vw, 28px) !important;
            line-height: clamp(11.21px, 1.46vw, 28px) !important
        }

        .md\:leading-\[clamp\(12\.02px\,1\.56vw\,30\.00px\)\] {
            --tw-leading: clamp(12.02px, 1.56vw, 30px) !important;
            line-height: clamp(12.02px, 1.56vw, 30px) !important
        }

        .md\:leading-\[clamp\(24\.03px\,3\.13vw\,60\.00px\)\] {
            --tw-leading: clamp(24.03px, 3.13vw, 60px) !important;
            line-height: clamp(24.03px, 3.13vw, 60px) !important
        }

        .md\:text-white {
            color: var(--color-white) !important
        }
    }

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

        .lg\:top-\[var\(--lg-y\)\] {
            top: var(--lg-y) !important
        }

        .lg\:right-\[var\(--lg-x\)\] {
            right: var(--lg-x) !important
        }

        .lg\:bottom-\[var\(--lg-y\)\] {
            bottom: var(--lg-y) !important
        }

        .lg\:left-\[var\(--lg-x\)\] {
            left: var(--lg-x) !important
        }

        .lg\:translate-x-\[var\(--lg-translate-x\)\] {
            --tw-translate-x: var(--lg-translate-x) !important;
            translate: var(--tw-translate-x) var(--tw-translate-y) !important
        }

        .lg\:translate-y-\[var\(--lg-translate-y\)\] {
            --tw-translate-y: var(--lg-translate-y) !important;
            translate: var(--tw-translate-x) var(--tw-translate-y) !important
        }

        .lg\:text-\[24px\]\/\[1\.3\] {
            font-size: 24px !important;
            line-height: 1.3 !important
        }
    }

    @media(min-width:80rem) {
        .xl\:absolute {
            position: absolute !important
        }

        .xl\:top-\[var\(--xl-y\)\] {
            top: var(--xl-y) !important
        }

        .xl\:right-\[var\(--xl-x\)\] {
            right: var(--xl-x) !important
        }

        .xl\:bottom-\[var\(--xl-y\)\] {
            bottom: var(--xl-y) !important
        }

        .xl\:left-\[var\(--xl-x\)\] {
            left: var(--xl-x) !important
        }

        .xl\:translate-x-\[var\(--xl-translate-x\)\] {
            --tw-translate-x: var(--xl-translate-x) !important;
            translate: var(--tw-translate-x) var(--tw-translate-y) !important
        }

        .xl\:translate-y-\[var\(--xl-translate-y\)\] {
            --tw-translate-y: var(--xl-translate-y) !important;
            translate: var(--tw-translate-x) var(--tw-translate-y) !important
        }
    }

    @media(min-width:96rem) {
        .\32xl\:absolute {
            position: absolute !important
        }

        .\32xl\:top-\[var\(--2xl-y\)\] {
            top: var(--2xl-y) !important
        }

        .\32xl\:right-\[var\(--2xl-x\)\] {
            right: var(--2xl-x) !important
        }

        .\32xl\:bottom-\[var\(--2xl-y\)\] {
            bottom: var(--2xl-y) !important
        }

        .\32xl\:left-\[var\(--2xl-x\)\] {
            left: var(--2xl-x) !important
        }

        .\32xl\:translate-x-\[var\(--2xl-translate-x\)\] {
            --tw-translate-x: var(--2xl-translate-x) !important;
            translate: var(--tw-translate-x) var(--tw-translate-y) !important
        }

        .\32xl\:translate-y-\[var\(--2xl-translate-y\)\] {
            --tw-translate-y: var(--2xl-translate-y) !important;
            translate: var(--tw-translate-x) var(--tw-translate-y) !important
        }
    }
}

.overview-content {
    font-family: Aktiv Grotesk-Arabic, Aktiv Grotesk-Hebrew, Aktiv Grotesk, Helvetica Neue, Helvetica, Arial, sans-serif
}

.overview-content sup {
    font-size: .5em
}

@media(max-width:768px) {
    .overview-content .m-hide {
        display: none
    }
}

.overview-content .archer-axe75-bannner {
    background: url(https://static-product.tp-link.com/archer-axe5400_v1/img/a.jpg) 50%/120em no-repeat;
    max-width: 1920px;
    height: 60em;
    margin: 0 auto;
    font-size: 16px
}

.overview-content .archer-axe75-bannner .w-container {
    width: 84em;
    margin: 0 auto
}

.overview-content .archer-axe75-bannner .text {
    color: #fff;
    padding: 31em 40% 0 0
}

.overview-content .archer-axe75-bannner h2 {
    padding-bottom: .25em;
    font-size: 3.5em;
    font-weight: 500;
    line-height: 1.3
}

.overview-content .archer-axe75-bannner .img {
    margin: 0 0 2em
}

.overview-content .archer-axe75-bannner .img img {
    vertical-align: bottom;
    height: 4em;
    margin-left: 1.5em
}

.overview-content .archer-axe75-bannner p.model-name {
    vertical-align: bottom;
    color: #000;
    background: url(https://static-product.tp-link.com/archer-axe5400_v1/img/model-name-bg.png) bottom/100% 100% no-repeat;
    padding: .25em 1em;
    font-size: 2em;
    font-weight: 500;
    line-height: 1;
    display: inline-block
}

.overview-content .archer-axe75-bannner p.desc {
    font-size: 1.5em;
    font-weight: 300;
    line-height: 1.5
}

@media(max-width:1680px) {
    .overview-content .archer-axe75-bannner {
        font-size: 14px
    }
}

@media(max-width:1440px) {
    .overview-content .archer-axe75-bannner {
        font-size: 12px
    }
}

@media(max-width:768px) {
    .overview-content .archer-axe75-bannner {
        background: url(https://static-product.tp-link.com/archer-axe5400_v1/m/a.jpg) 50%/100% no-repeat;
        height: 53.25em;
        font-size: 10.35px
    }

    .overview-content .archer-axe75-bannner .w-container {
        width: auto
    }

    .overview-content .archer-axe75-bannner .text {
        padding: 0 20px
    }

    .overview-content .archer-axe75-bannner h2 {
        padding: 1em 0 0;
        font-size: 2.5em;
        line-height: 1.2
    }

    .overview-content .archer-axe75-bannner .img {
        margin: 0 0 1em
    }

    .overview-content .archer-axe75-bannner .img img {
        height: 3.5em;
        margin-left: 1em
    }

    .overview-content .archer-axe75-bannner p.model-name,
    .overview-content .archer-axe75-bannner p.desc {
        font-size: 1.75em
    }

    .overview-content .archer-axe75-bannner .m-hide {
        display: none
    }
}

@media(max-width:414px) {
    .overview-content .archer-axe75-bannner {
        font-size: 2.5vw
    }
}

.overview-content .archer-axe75-selling-points {
    background-color: #ebf5fc;
    background-image: linear-gradient(#deecf9, #f3faff 51%, #dceeff);
    max-width: 1920px;
    margin: 0 auto;
    font-size: 16px;
    overflow: hidden
}

.overview-content .archer-axe75-selling-points .w-container {
    width: 87.5em;
    margin: 5em auto
}

.overview-content .archer-axe75-selling-points .text {
    background: url(https://static-product.tp-link.com/archer-axe5400_v1/img/02-highlights-bg-web.png) 50%/100% no-repeat;
    padding-top: 50%;
    position: relative
}

.overview-content .archer-axe75-selling-points .desc-no-effect {
    text-align: center;
    color: #fff;
    font-size: 1.875em;
    font-weight: 500;
    line-height: 1.4;
    position: absolute
}

.overview-content .archer-axe75-selling-points .desc {
    text-align: center;
    color: #0000;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(84deg, #a7bfce, #fff);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 1.875em;
    font-weight: 500;
    line-height: 1.4;
    position: absolute
}

.overview-content .archer-axe75-selling-points .desc .gradient-color {
    color: #75c4ff;
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(270deg, #d0f4fe, #75c4ff);
    -webkit-background-clip: text;
    font-size: 1.925em;
    font-weight: 600;
    line-height: 1.2
}

.overview-content .archer-axe75-selling-points .desc1 {
    -webkit-text-fill-color: transparent;
    color: #0000;
    filter: drop-shadow(3px 4px 3px #ffffff40)drop-shadow(0 0 3px #66bcff40);
    background: linear-gradient(84deg, #a7bfce, #fff);
    -webkit-background-clip: text;
    background-clip: text;
    width: 30%;
    font-size: 5.3em;
    font-weight: 500;
    line-height: 1;
    top: 7.41%;
    left: 10.46%
}

.overview-content .archer-axe75-selling-points .desc1a {
    letter-spacing: .6px;
    font-size: 3.75em;
    font-weight: 400;
    line-height: 1;
    top: 28.09%;
    left: 21.3%
}

.overview-content .archer-axe75-selling-points .desc1a .gradient-color1 {
    -webkit-text-fill-color: transparent;
    color: #0000;
    filter: drop-shadow(1px 0 1px #ffffff40)drop-shadow(0 0 3px #66bcff40);
    background: linear-gradient(84deg, #defcfe, #66bcff);
    -webkit-background-clip: text;
    background-clip: text;
    padding-left: 1px;
    font-size: .32em;
    -webkit-transform: matrix(5.91415, 0, -2.98745e-14, 5.91415, 0, 0);
    -moz-transform: matrix(5.91415, 0, -2.98745e-14, 5.91415, 0, 0);
    -ms-transform: matrix(5.91415, 0, -2.98745e-14, 5.91415, 0, 0)
}

.overview-content .archer-axe75-selling-points .desc2 {
    text-align: left;
    width: 20%;
    top: 6.78%;
    left: 54%
}

.overview-content .archer-axe75-selling-points .desc2 .gradient-color {
    font-size: 1.5em
}

.overview-content .archer-axe75-selling-points .desc2b {
    text-align: left;
    width: 9%;
    top: 14.5%;
    left: 54%
}

.overview-content .archer-axe75-selling-points .desc2c {
    text-align: left;
    width: 12%;
    position: absolute;
    top: 20.36%;
    left: 54%
}

.overview-content .archer-axe75-selling-points .desc3 {
    text-align: left;
    width: 35%;
    position: absolute;
    top: 59.14%;
    left: 3.13%
}

.overview-content .archer-axe75-selling-points .desc3a {
    text-align: left;
    width: 22%;
    position: absolute;
    top: 53.43%;
    left: 3.32%
}

.overview-content .archer-axe75-selling-points .desc3 .gradient-color {
    font-size: 1.75em
}

.overview-content .archer-axe75-selling-points .desc4 {
    text-align: left;
    width: 20%;
    position: absolute;
    top: 41.19%;
    left: 54%
}

.overview-content .archer-axe75-selling-points .desc4a {
    text-align: left;
    width: 10%;
    position: absolute;
    top: 57.48%;
    left: 54%
}

.overview-content .archer-axe75-selling-points .desc5 {
    width: 20%;
    top: 90%;
    left: 3%
}

.overview-content .archer-axe75-selling-points .desc6 {
    width: 20%;
    top: 90%;
    left: 28%
}

.overview-content .archer-axe75-selling-points .desc7 {
    width: 20%;
    position: absolute;
    top: 90.43%;
    left: 52.64%
}

.overview-content .archer-axe75-selling-points .desc8 {
    width: 20%;
    position: absolute;
    top: 90.72%;
    left: 77.79%
}

@media(max-width:1680px) {
    .overview-content .archer-axe75-selling-points {
        font-size: 14px
    }
}

@media(max-width:1440px) {
    .overview-content .archer-axe75-selling-points {
        font-size: 12px
    }
}

@media(max-width:768px) {
    .overview-content .archer-axe75-selling-points {
        padding: 0;
        font-size: 10.35px
    }

    .overview-content .archer-axe75-selling-points .w-container {
        width: auto;
        margin: 5em 0;
        padding: 0 20px
    }

    .overview-content .archer-axe75-selling-points .text {
        background: url(https://static-product.tp-link.com/archer-axe5400_v1/m/02-highlights-bg-m.png) 50%/100% no-repeat;
        padding-top: 205%
    }

    .overview-content .archer-axe75-selling-points .desc-no-effect {
        font-size: 1.3em;
        line-height: 1.4;
        position: absolute
    }

    .overview-content .archer-axe75-selling-points .desc {
        text-align: center;
        color: #fff;
        font-size: 1.4em;
        line-height: 1.4;
        position: absolute
    }

    .overview-content .archer-axe75-selling-points .desc .gradient-color {
        font-size: 1.925em;
        font-weight: 500;
        line-height: 1.2
    }

    .overview-content .archer-axe75-selling-points .desc1 {
        width: 100%;
        font-size: 11vw;
        font-weight: 500;
        top: 2.5%;
        left: 1.9%
    }

    .overview-content .archer-axe75-selling-points .desc1a {
        width: 20%;
        position: absolute;
        top: 13.59%;
        left: 40.56%
    }

    .overview-content .archer-axe75-selling-points .desc1a .gradient-color1 {
        filter: drop-shadow(1px 0 1px #ffffff40)drop-shadow(0 0 3px #66bcff40);
        padding-left: 0;
        font-size: 2.4vw;
        font-weight: 300
    }

    .overview-content .archer-axe75-selling-points .desc2 {
        text-align: left;
        width: 50%;
        position: absolute;
        top: 54.11%;
        left: 6.32%
    }

    .overview-content .archer-axe75-selling-points .desc2 .gradient-color {
        font-size: 1.5em
    }

    .overview-content .archer-axe75-selling-points .desc2b {
        text-align: left;
        width: 50%;
        position: absolute;
        top: 57.75%;
        left: 6.23%
    }

    .overview-content .archer-axe75-selling-points .desc2c {
        text-align: left;
        width: 50%;
        position: absolute;
        top: 60.55%;
        left: 6.24%
    }

    .overview-content .archer-axe75-selling-points .desc3 {
        text-align: left;
        width: 100%;
        position: absolute;
        top: 29.42%;
        left: 6.7%
    }

    .overview-content .archer-axe75-selling-points .desc3a {
        text-align: left;
        width: 50%;
        position: absolute;
        top: 26.45%;
        left: 6.39%
    }

    .overview-content .archer-axe75-selling-points .desc3 .gradient-color {
        font-size: 1.75em
    }

    .overview-content .archer-axe75-selling-points .desc4 {
        text-align: left;
        width: 50%;
        position: absolute;
        top: 70.9%;
        left: 6.84%
    }

    .overview-content .archer-axe75-selling-points .desc4a {
        text-align: left;
        width: 30%;
        position: absolute;
        top: 78.88%;
        left: 6.84%
    }

    .overview-content .archer-axe75-selling-points .desc5 {
        width: 20%;
        top: 90%;
        left: 3%
    }

    .overview-content .archer-axe75-selling-points .desc6 {
        width: 20%;
        top: 90%;
        left: 28%
    }

    .overview-content .archer-axe75-selling-points .desc7 {
        width: 20%;
        position: absolute;
        top: 95.24%;
        left: 12.94%
    }

    .overview-content .archer-axe75-selling-points .desc8 {
        width: 20%;
        position: absolute;
        top: 95.32%;
        left: 65.02%
    }
}

.overview-content .archer-wifi6e-freer-faster-future {
    background: url(https://static-product.tp-link.com/archer-axe5400_v1/img/c-new2.jpg) 50%/120em no-repeat;
    max-width: 1920px;
    height: 59.5625em;
    margin: 0 auto;
    font-size: 16px
}

.overview-content .archer-wifi6e-freer-faster-future .w-container {
    width: 84em;
    margin: 0 auto
}

.overview-content .archer-wifi6e-freer-faster-future .text {
    color: #fff;
    padding: 15em 63% 0 0
}

.overview-content .archer-wifi6e-freer-faster-future h2 {
    padding-bottom: 1em;
    font-size: 3.125em;
    font-weight: 500;
    line-height: 1.2
}

.overview-content .archer-wifi6e-freer-faster-future p {
    font-size: 1.25em;
    font-weight: 300;
    line-height: 1.5
}

.overview-content .archer-wifi6e-freer-faster-future p.link {
    margin-top: 3em
}

.overview-content .archer-wifi6e-freer-faster-future p.link a {
    color: #fff
}

@media(max-width:1680px) {
    .overview-content .archer-wifi6e-freer-faster-future {
        font-size: 14px
    }
}

@media(max-width:1440px) {
    .overview-content .archer-wifi6e-freer-faster-future {
        font-size: 12px
    }
}

@media(max-width:768px) {
    .overview-content .archer-wifi6e-freer-faster-future {
        background: #0b0d0f url(https://static-product.tp-link.com/archer-axe5400_v1/m/c-new2.jpg) bottom/100% no-repeat;
        height: auto;
        font-size: 10.35px
    }

    .overview-content .archer-wifi6e-freer-faster-future .w-container {
        width: auto
    }

    .overview-content .archer-wifi6e-freer-faster-future .text {
        color: #fff;
        padding: 0 20px 47.5em
    }

    .overview-content .archer-wifi6e-freer-faster-future h2 {
        padding: 1.5em 0 .5em;
        font-size: 2.5em;
        line-height: 1.2
    }

    .overview-content .archer-wifi6e-freer-faster-future p {
        font-size: 1.75em;
        line-height: 1.5
    }

    .overview-content .archer-wifi6e-freer-faster-future p.link {
        margin-top: 1em
    }
}

@media(max-width:414px) {
    .overview-content .archer-wifi6e-freer-faster-future {
        font-size: 2.5vw
    }
}

.overview-content .archer-maximize-device-speeds {
    background: url(https://static-product.tp-link.com/archer-axe5400_v1/img/04-speed-bg-web.png) 50%/120em no-repeat;
    max-width: 1920px;
    height: 61.6875em;
    margin: 0 auto;
    font-size: 16px
}

.overview-content .archer-maximize-device-speeds .w-container {
    width: 94em;
    margin: 0 auto
}

.overview-content .archer-maximize-device-speeds .text {
    padding: 6em 0 0 60%;
    overflow: visible
}

.overview-content .archer-maximize-device-speeds h2 {
    padding-bottom: .25em;
    padding-right: 2em;
    font-size: 3.125em;
    font-weight: 500;
    line-height: 1.2
}

.overview-content .archer-maximize-device-speeds p {
    font-size: 1.25em;
    font-weight: 300;
    line-height: 1.5
}

.overview-content .archer-maximize-device-speeds .text p {
    padding-right: 6em
}

.overview-content .archer-maximize-device-speeds .compare {
    padding: 2em 0 0
}

.overview-content .archer-maximize-device-speeds .compare p {
    color: #000;
    vertical-align: middle;
    width: 100%;
    padding-right: 0;
    font-weight: 500
}

.overview-content .archer-maximize-device-speeds .compare .before {
    margin-bottom: .5em
}

.overview-content .archer-maximize-device-speeds .compare span {
    vertical-align: middle
}

.overview-content .archer-maximize-device-speeds .compare img {
    vertical-align: middle;
    display: inline-block
}

.overview-content .archer-maximize-device-speeds .compare .before img {
    width: 5.6em
}

.overview-content .archer-maximize-device-speeds .after {
    width: 100%;
    font-size: 1.63em
}

.overview-content .archer-maximize-device-speeds .compare .conclusion {
    margin-top: .25em;
    font-size: 2.5em;
    font-weight: 600
}

.blue-line {
    vertical-align: middle;
    background: linear-gradient(270deg, #71b7ea 40%, #0000);
    border-radius: 1em;
    width: 16em;
    height: .8em;
    display: inline-block
}

@media(max-width:1680px) {
    .overview-content .archer-maximize-device-speeds {
        font-size: 14px
    }
}

@media(max-width:1440px) {
    .overview-content .archer-maximize-device-speeds {
        font-size: 12px
    }
}

@media(max-width:768px) {
    .overview-content .archer-maximize-device-speeds {
        background: #e7f1f8 url(https://static-product.tp-link.com/archer-axe5400_v1/m/04-speed-bg-m.png) bottom/100% no-repeat;
        height: auto;
        padding-bottom: 30em;
        font-size: 10.35px
    }

    .overview-content .archer-maximize-device-speeds .w-container {
        width: auto
    }

    .overview-content .archer-maximize-device-speeds .text {
        padding: 0 20px
    }

    .overview-content .archer-maximize-device-speeds h2 {
        padding: 0 .5em;
        font-size: 2.5em;
        line-height: 1.2
    }

    .overview-content .archer-maximize-device-speeds p {
        font-size: 1.75em;
        line-height: 1.5
    }

    .overview-content .archer-maximize-device-speeds .text p {
        padding-right: 0
    }

    .overview-content .archer-maximize-device-speeds .compare {
        padding: 2em 0 0
    }

    .overview-content .archer-maximize-device-speeds .compare p {
        font-size: 1.375em
    }

    .overview-content .archer-maximize-device-speeds .compare .before img {
        width: 16.8%
    }

    .overview-content .archer-maximize-device-speeds .compare .after img {
        width: 49.8%
    }

    .blue-line {
        width: 10em
    }
}

@media(max-width:414px) {
    .overview-content .archer-maximize-device-speeds {
        font-size: 2.5vw
    }
}

.deco-gigabit-connectivity {
    color: #000;
    max-width: 1920px;
    margin: 0 auto
}

.deco-gigabit-connectivity .w-container {
    margin: 0 auto
}

.deco-gigabit-connectivity .text {
    text-align: center;
    padding: 6em 0 0
}

.deco-gigabit-connectivity .text h2 {
    padding-bottom: .4em;
    font-weight: 500
}

.deco-gigabit-connectivity .text p {
    margin: auto
}

.overview-content .deco-gigabit-connectivity .desc {
    text-align: center;
    color: #000;
    font-weight: 300;
    position: absolute
}

.overview-content .deco-gigabit-connectivity .desc-a {
    text-align: center;
    color: #192a4f;
    font-weight: 400;
    position: absolute
}

.overview-content .deco-gigabit-connectivity .desc-b {
    text-align: center;
    color: #4872d4;
    font-weight: 600;
    position: absolute
}

.overview-content .deco-gigabit-connectivity .desc-sub {
    text-align: center;
    color: #192a4f;
    font-weight: 300;
    position: absolute
}

.overview-content .deco-gigabit-connectivity .desc-gbps {
    text-align: center;
    font-weight: 500;
    position: absolute
}

.overview-content .deco-gigabit-connectivity .desc-gbps p {
    color: #4b4b4b
}

.overview-content .deco-gigabit-connectivity .desc-gbps-2 {
    text-align: center;
    color: #4472d6;
    font-weight: 500;
    position: absolute
}

.overview-content .deco-gigabit-connectivity .desc1 {
    text-align: left;
    position: absolute;
    top: 8.39%;
    left: 26.24%
}

.overview-content .deco-gigabit-connectivity .desc2 {
    text-align: left;
    position: absolute;
    top: 9.78%;
    left: 42.48%
}

.overview-content .deco-gigabit-connectivity .desc3 {
    text-align: left;
    position: absolute;
    top: 8.39%;
    left: 60.34%
}

.overview-content .deco-gigabit-connectivity .desc4 {
    text-align: left;
    position: absolute;
    top: 9.78%;
    left: 76.58%
}

.overview-content .deco-gigabit-connectivity .desc5 {
    position: absolute;
    top: 17.53%;
    left: 33.16%
}

.overview-content .deco-gigabit-connectivity .desc6 {
    position: absolute;
    top: 28.97%;
    left: 40.34%
}

.overview-content .deco-gigabit-connectivity .desc7a {
    position: absolute;
    top: 80.56%;
    left: 36.92%
}

.overview-content .deco-gigabit-connectivity .desc7b {
    position: absolute;
    top: 86.15%;
    left: 40.17%
}

.overview-content .deco-gigabit-connectivity .desc8a {
    position: absolute;
    top: 80.69%;
    left: 55.3%
}

.overview-content .deco-gigabit-connectivity .desc8b {
    position: absolute;
    top: 86.53%;
    left: 55.56%
}

.overview-content .deco-gigabit-connectivity .desc9a {
    position: absolute;
    top: 80.69%;
    left: 68.72%
}

.overview-content .deco-gigabit-connectivity .desc9b {
    position: absolute;
    top: 86.53%;
    left: 69.15%
}

@media(max-width:768px) {
    .deco-gigabit-connectivity .text {
        text-align: left;
        padding: 3.5em 5% 0 18px
    }

    .deco-gigabit-connectivity .text h2 {
        padding: 0 0 .5em
    }

    .deco-gigabit-connectivity .text p {
        text-align: left
    }

    .overview-content .deco-gigabit-connectivity .desc {
        color: #000;
        font-weight: 300
    }

    .overview-content .deco-gigabit-connectivity .desc .p {
        text-align: left
    }

    .overview-content .deco-gigabit-connectivity .desc-a {
        color: #192a4f;
        font-weight: 400
    }

    .overview-content .deco-gigabit-connectivity .desc-b {
        color: #4472d6;
        font-weight: 600
    }

    .overview-content .deco-gigabit-connectivity .desc-sub {
        color: #192a4f;
        font-weight: 300
    }

    .overview-content .deco-gigabit-connectivity .desc-gbps {
        color: #000;
        font-weight: 500
    }

    .overview-content .deco-gigabit-connectivity .desc-gbps-2 {
        color: #4472d6;
        font-weight: 500
    }

    .overview-content .deco-gigabit-connectivity .desc1 {
        top: 6.41%;
        left: 22.95%
    }

    .overview-content .deco-gigabit-connectivity .desc2 {
        top: 8.58%;
        left: 69.88%
    }

    .overview-content .deco-gigabit-connectivity .desc3 {
        top: 21.51%;
        left: 23.34%
    }

    .overview-content .deco-gigabit-connectivity .desc4 {
        top: 21.39%;
        left: 69.75%
    }

    .overview-content .deco-gigabit-connectivity .desc5 {
        top: 32.38%;
        left: 29.47%
    }

    .overview-content .deco-gigabit-connectivity .desc6 {
        top: 41.76%;
        left: 36.9%
    }

    .overview-content .deco-gigabit-connectivity .desc7a {
        top: 82.72%;
        left: 5.48%
    }

    .overview-content .deco-gigabit-connectivity .desc7b {
        top: 87.99%;
        left: 5.87%
    }

    .overview-content .deco-gigabit-connectivity .desc8a {
        top: 82.84%;
        left: 34.94%
    }

    .overview-content .deco-gigabit-connectivity .desc8b {
        top: 88.1%;
        left: 35.72%
    }

    .overview-content .deco-gigabit-connectivity .desc9a {
        top: 83.18%;
        left: 63.49%
    }

    .overview-content .deco-gigabit-connectivity .desc9b {
        top: 88.22%;
        left: 63.75%
    }
}

.overview-content .archer-connect-more-stay-fast {
    background: url(https://static-product.tp-link.com/archer-axe5400_v1/img/06-connect-more-bg-web.png) top/120em no-repeat;
    max-width: 1920px;
    height: 60em;
    margin: 0 auto;
    font-size: 16px
}

.overview-content .archer-connect-more-stay-fast .w-container {
    width: 84em;
    margin: 0 auto
}

.overview-content .archer-connect-more-stay-fast .text {
    padding: 17em 0 0 72%
}

.overview-content .archer-connect-more-stay-fast h2 {
    padding-bottom: .5em;
    font-size: 3.125em;
    font-weight: 500;
    line-height: 1.2
}

.overview-content .archer-connect-more-stay-fast p {
    font-size: 1.25em;
    line-height: 1.5
}

@media(max-width:1680px) {
    .overview-content .archer-connect-more-stay-fast {
        font-size: 14px
    }
}

@media(max-width:1440px) {
    .overview-content .archer-connect-more-stay-fast {
        font-size: 12px
    }
}

@media(max-width:768px) {
    .overview-content .archer-connect-more-stay-fast {
        background: #e5eff5 url(https://static-product.tp-link.com/archer-axe5400_v1/m/06-connect-more-bg-m.png) bottom/100% no-repeat;
        height: auto;
        font-size: 10.35px
    }

    .overview-content .archer-connect-more-stay-fast .w-container {
        width: auto
    }

    .overview-content .archer-connect-more-stay-fast .text {
        padding: 0 20px 38em
    }

    .overview-content .archer-connect-more-stay-fast h2 {
        padding: 1.5em 0 .5em;
        font-size: 2.5em;
        line-height: 1.2
    }

    .overview-content .archer-connect-more-stay-fast p {
        font-size: 1.75em;
        line-height: 1.5
    }
}

@media(max-width:414px) {
    .overview-content .archer-connect-more-stay-fast {
        font-size: 2.5vw
    }
}

.overview-content .archer-signal-boosting {
    max-width: 1920px;
    margin: 0 auto
}

.overview-content .archer-signal-boosting h2 {
    padding-bottom: .5em;
    font-weight: 500
}

.six-times-antennas {
    top: 89.17%;
    left: 34.41%
}

.beamforming {
    top: 83.65%;
    left: 18.61%
}

.high-power-fem {
    top: 89.38%;
    left: 57.48%
}

@media(max-width:768px) {
    .overview-content .archer-signal-boosting h2 {
        padding: 1.5em 0 .5em;
        line-height: 1.2
    }

    .overview-content .archer-signal-boosting p {
        line-height: 1.5
    }

    .six-times-antennas {
        top: 96%;
        left: 9.26%
    }

    .beamforming {
        top: 66.75%;
        left: 10.3%
    }

    .high-power-fem {
        top: 95.84%;
        left: 43.89%
    }
}

.overview-content .archer-axe75-onemesh {
    background: #fff;
    max-width: 1920px;
    margin: 0 auto;
    font-size: 16px
}

.overview-content .archer-axe75-onemesh .w-container {
    width: 84em;
    margin: 0 auto
}

.overview-content .archer-axe75-onemesh .text {
    text-align: center;
    padding: 5em 0 0
}

.overview-content .archer-axe75-onemesh h2 {
    padding-bottom: .5em;
    font-size: 3.125em;
    font-weight: 500;
    line-height: 1.2
}

.overview-content .archer-axe75-onemesh p {
    font-size: 1.25em;
    line-height: 1.5
}

.overview-content .archer-axe75-onemesh p.link {
    margin-top: 1em
}

.overview-content .archer-axe75-onemesh p.link a {
    color: #000;
    text-decoration: underline
}

.overview-content .archer-axe75-onemesh ul {
    text-align: center;
    width: 72%;
    margin: 0 auto
}

.overview-content .archer-axe75-onemesh ul li {
    vertical-align: top;
    text-align: left;
    display: inline-block
}

.overview-content .archer-axe75-onemesh .diff-new li {
    vertical-align: top;
    text-align: left;
    margin: 0 1%;
    display: inline-block
}

.overview-content .archer-axe75-onemesh ul li video {
    width: 100%
}

.overview-content .archer-axe75-onemesh .feature {
    flex-wrap: wrap;
    justify-content: center;
    gap: 0;
    padding: 3em 0;
    display: flex
}

.overview-content .archer-axe75-onemesh .feature li {
    flex: 15em;
    align-items: flex-start;
    gap: .5em;
    max-width: 20em;
    display: flex
}

.overview-content .archer-axe75-onemesh .feature li .img {
    background: url(https://static-product.tp-link.com/archer-axe5400_v1/img/i-icon.png) top/auto 100% no-repeat;
    flex: 0 0 4em;
    width: 4em;
    height: 3.375em
}

.overview-content .archer-axe75-onemesh .feature .li-1 .img {
    background-position: 0 0
}

.overview-content .archer-axe75-onemesh .feature .li-2 .img {
    background-position: 33.33% 0
}

.overview-content .archer-axe75-onemesh .feature .li-3 .img {
    background-position: 66.67% 0
}

.overview-content .archer-axe75-onemesh .feature .li-4 .img {
    background-position: 100% 0
}

.overview-content .archer-axe75-onemesh .feature .li-3 .desc {
    max-width: 12em
}

.overview-content .archer-axe75-onemesh .feature .li-4 .desc {
    min-width: 18em
}

.overview-content .archer-axe75-onemesh .feature li .desc {
    flex: 1;
    width: auto;
    min-width: 0
}

.overview-content .archer-axe75-onemesh .feature li .desc p.title {
    font-size: 1.25em;
    font-weight: 500
}

.overview-content .archer-axe75-onemesh .feature li .desc p {
    font-size: .94em
}

.overview-content .archer-axe75-onemesh .diff {
    padding-bottom: 5em
}

.overview-content .archer-axe75-onemesh .diff li {
    width: 46%
}

.overview-content .archer-axe75-onemesh .diff-new p {
    text-align: center;
    z-index: 100;
    font-size: 1.25em;
    font-weight: 400;
    line-height: 1.4;
    position: absolute;
    top: 2%;
    left: 5%
}

.overview-content .archer-axe75-onemesh .diff-new .li-1 p {
    top: 2%;
    left: 9%
}

.overview-content .archer-axe75-onemesh .diff-new .li-2 p {
    top: 2%;
    left: 5%
}

.overview-content .archer-axe75-onemesh .diff-new .li .inner,
.overview-content .archer-axe75-onemesh .diff-new .li-2 .inner {
    position: relative
}

.overview-content .archer-axe75-onemesh .diff-new .li-2 .inner .product-img-1 img,
.overview-content .archer-axe75-onemesh .diff-new .li-2 .inner .product-img-2 img {
    width: 30%
}

.overview-content .archer-axe75-onemesh .diff-new .li-2 .inner .product-img-1 {
    position: absolute;
    top: 19.18%;
    left: 55.2%
}

.overview-content .archer-axe75-onemesh .diff-new .li-2 .inner .product-img-2 {
    position: absolute;
    top: 68.22%;
    left: 55%
}

@media(max-width:1680px) {
    .overview-content .archer-axe75-onemesh {
        font-size: 14px
    }
}

@media(max-width:1440px) {
    .overview-content .archer-axe75-onemesh {
        font-size: 12px
    }
}

@media(max-width:768px) {
    .overview-content .archer-axe75-onemesh {
        height: auto;
        font-size: 10.35px
    }

    .overview-content .archer-axe75-onemesh .w-container {
        width: auto
    }

    .overview-content .archer-axe75-onemesh .text {
        text-align: left;
        padding: 0 20px
    }

    .overview-content .archer-axe75-onemesh h2 {
        padding: 1.5em 0 .5em;
        font-size: 2.5em;
        line-height: 1.2
    }

    .overview-content .archer-axe75-onemesh p {
        font-size: 1.75em;
        line-height: 1.5
    }

    .overview-content .archer-axe75-onemesh p.link {
        margin-top: 1em
    }

    .overview-content .archer-axe75-onemesh ul {
        width: auto;
        padding: 0 20px
    }

    .overview-content .archer-axe75-onemesh ul li+li {
        margin-left: 0
    }

    .overview-content .archer-axe75-onemesh .feature {
        gap: 2em 0;
        padding: 3em 20px
    }

    .overview-content .archer-axe75-onemesh .feature li {
        text-align: center;
        flex-direction: column;
        align-items: center;
        gap: .75em;
        max-width: none
    }

    .overview-content .archer-axe75-onemesh .feature li .img {
        flex: none;
        width: 4.8em;
        height: 4.05em;
        margin: 0
    }

    .overview-content .archer-axe75-onemesh .feature li .desc {
        text-align: center;
        width: 100%
    }

    .overview-content .archer-axe75-onemesh .feature li .desc p.title,
    .overview-content .archer-axe75-onemesh .feature li .desc p {
        font-size: 1.75em;
        line-height: 1.3
    }

    .overview-content .archer-axe75-onemesh .diff li {
        width: auto;
        display: block
    }

    .overview-content .archer-axe75-onemesh .feature .li-3 .desc {
        max-width: none
    }
}

@media(max-width:414px) {
    .overview-content .archer-axe75-onemesh {
        font-size: 2.5vw
    }
}

.overview-content .archer-homeshield {
    text-align: center;
    background-color: #ecf4f9;
    max-width: 1920px;
    margin: 0 auto;
    padding: 5em 0 10em;
    font-size: 16px
}

.overview-content .archer-homeshield .w-container {
    color: #000;
    width: 85.375em;
    max-width: 90%;
    margin: 0 auto
}

.overview-content .archer-homeshield h2 {
    padding-top: .6em;
    padding-bottom: .5em;
    font-size: 3.125em;
    font-weight: 500;
    line-height: 1.2
}

.overview-content .archer-homeshield p {
    font-size: 1.25em;
    font-weight: 300;
    line-height: 1.5
}

.overview-content .archer-homeshield .text p {
    padding: 0 9em
}

.overview-content .archer-homeshield .func {
    margin-top: 3em
}

.overview-content .archer-homeshield .text .homeshield {
    width: 22em;
    margin: 0 auto;
    display: block
}

.overview-content .archer-homeshield p.link a {
    color: #000
}

.overview-content .archer-homeshield p.link {
    margin: 1em 0
}

.overview-content .archer-homeshield .func li {
    vertical-align: top;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: .5em;
    width: 30%;
    display: inline-block
}

.overview-content .archer-homeshield .func li+li {
    margin-left: 1.5%
}

.overview-content .archer-homeshield .func .h1 {
    background-image: url(https://static-product.tp-link.com/archer-be230_v1/img/i5.png)
}

.overview-content .archer-homeshield .func .h2 {
    background-image: url(https://static-product.tp-link.com/archer-be230_v1/img/i6.png)
}

.overview-content .archer-homeshield .func .h3 {
    background-image: url(https://static-product.tp-link.com/archer-be230_v1/img/i7.png)
}

.overview-content .archer-homeshield .func p {
    padding: .5em 0 1.5em;
    font-size: 1.25em;
    line-height: 1.25
}

.overview-content .archer-homeshield .func .txt {
    color: #000;
    background-color: #fff;
    border-bottom-right-radius: .7em;
    border-bottom-left-radius: .7em;
    min-height: 8em;
    margin-top: 58%;
    padding: 0 .2em
}

.overview-content .archer-homeshield .func .title {
    padding-top: 1.2em;
    padding-bottom: .25em;
    font-size: 1.25em;
    font-weight: 400
}

.overview-content .archer-homeshield sup {
    font-size: .7em
}

@media(max-width:1680px) {
    .overview-content .archer-homeshield {
        font-size: 14px
    }
}

@media(max-width:1440px) {
    .overview-content .archer-homeshield {
        font-size: 12px
    }
}

@media(max-width:1024px) {
    .overview-content .archer-homeshield {
        font-size: 10px
    }
}

@media(max-width:768px) {
    .overview-content .archer-homeshield {
        padding: 3em 0 0;
        font-size: 10.35px
    }

    .overview-content .archer-homeshield .text p {
        padding: 0 20px
    }

    .overview-content .archer-homeshield .w-container {
        text-align: left;
        width: auto;
        max-width: 100%
    }

    .overview-content .archer-homeshield .text .homeshield {
        width: 16em;
        margin-left: 20px
    }

    .overview-content .archer-homeshield h2 {
        padding: .5em 20px;
        font-size: 2.5em;
        line-height: 1.2
    }

    .overview-content .archer-homeshield p {
        font-size: 1.75em;
        line-height: 1.5
    }

    .overview-content .archer-homeshield .func p {
        padding: .5em .3em 1.5em;
        font-size: 1.4em
    }

    .overview-content .archer-homeshield .func {
        text-align: center;
        margin-top: 10vw
    }

    .overview-content .archer-homeshield .func .title {
        padding-bottom: .25em;
        font-weight: 400;
        font-size: 1.7em !important
    }

    .overview-content .archer-homeshield .func li {
        width: 90%;
        max-width: 400px;
        margin-bottom: 10vw;
        padding: 0;
        font-size: 1.25em
    }

    .overview-content .archer-homeshield .func img {
        max-width: 80%
    }

    .overview-content .archer-homeshield .func li+li {
        margin-left: 0%
    }
}

@media(max-width:414px) {
    .overview-content .archer-homeshield {
        font-size: 2.5vw
    }
}

.deco-private-iot-network {
    color: #fff;
    max-width: 1920px;
    height: 56.5em;
    margin: 0 auto;
    font-size: 16px
}

.deco-private-iot-network .w-container {
    width: 75em;
    margin: 0 auto
}

.deco-private-iot-network .text {
    text-align: center;
    padding: 5em 10em 0
}

.deco-private-iot-network h2 {
    padding-bottom: .5em;
    font-size: 3.125em;
    font-weight: 500;
    line-height: 1.2
}

.deco-private-iot-network p {
    padding: 0 .3em;
    font-size: 1.25em;
    font-weight: 300;
    line-height: 1.5
}

.ordinary-internet {
    top: 57.48%;
    left: 64.5%
}

.encryption-vpn {
    top: 85.54%;
    left: 65.36%
}

@media(max-width:1680px) {
    .deco-private-iot-network {
        font-size: 14px
    }
}

@media(max-width:1440px) {
    .deco-private-iot-network {
        font-size: 12px
    }
}

@media(max-width:768px) {
    .deco-private-iot-network {
        height: auto;
        font-size: 10.35px
    }

    .deco-private-iot-network .w-container {
        width: auto
    }

    .deco-private-iot-network .text {
        text-align: left;
        color: #fff;
        padding: 0 0 1.5em
    }

    .deco-private-iot-network h2 {
        padding: 1.5em 20px .5em;
        font-size: 2.5em
    }

    .deco-private-iot-network p {
        padding: 0 20px;
        font-size: 1.75em;
        font-weight: 400
    }

    .ordinary-internet {
        top: 72.46%;
        left: 71.16%
    }

    .encryption-vpn {
        top: 87.63%;
        left: 63.76%
    }
}

@media(max-width:414px) {
    .deco-private-iot-network {
        font-size: 2.5vw
    }
}

.archer-setup-with-app2 {
    color: #000;
    max-width: 1920px;
    margin: 0 auto;
    font-size: 16px
}

.archer-setup-with-app2 .w-container {
    margin: 0 auto
}

.archer-setup-with-app2 .text {
    top: 11.95%;
    left: 48.46%
}

.archer-setup-with-app2 h2 {
    padding-bottom: .6em;
    font-size: 3.125em;
    font-weight: 500;
    line-height: 1.2
}

.archer-setup-with-app2 p {
    font-size: 1.25em;
    font-weight: 400;
    line-height: 1.5
}

.archer-setup-with-app2 p.link {
    margin-top: 1.5em
}

.archer-setup-with-app2 p.link a {
    color: #2c9aff;
    text-decoration: underline
}

.archer-setup-with-app2 .desc-text {
    position: absolute;
    top: 14em;
    left: 50%;
    transform: translate(-25em)
}

.archer-setup-with-app2 .model-name {
    color: #000;
    font-size: 1em;
    font-weight: 700
}

.archer-setup-with-app2 .extra {
    margin-top: 2.8em
}

.archer-setup-with-app2 .extra>* {
    vertical-align: top;
    display: inline-block
}

.archer-setup-with-app2 .extra .info {
    width: 80%;
    margin-left: 5%
}

.archer-setup-with-app2 .extra .info li {
    margin-bottom: 2.25em
}

.archer-setup-with-app2 .extra .info .info-title {
    margin-bottom: .25em;
    font-weight: 500;
    line-height: 1.2
}

.archer-setup-with-app2 .download {
    margin-top: 1em
}

.archer-setup-with-app2 .download li {
    vertical-align: top;
    display: inline-block
}

.archer-setup-with-app2 .download li+li {
    margin-left: 1.5em
}

.archer-setup-with-app2 .button .col {
    vertical-align: middle;
    float: none;
    display: inline-block
}

.archer-setup-with-app2 .download .app-coverage,
.archer-setup-with-app2 .download .qr-code {
    width: 7.2em;
    height: 7.2em
}

.archer-setup-with-app2 .download .button {
    border: 1px solid #000;
    border-radius: 10em;
    padding: .5em .75em .5em 1.25em;
    position: relative
}

.archer-setup-with-app2 .download .button+.button {
    margin-top: .5em
}

.archer-setup-with-app2 .download .button a {
    color: #0000;
    position: absolute;
    inset: 0
}

.archer-setup-with-app2 .download .button img {
    width: 2.1875em;
    height: 2.1875em
}

.archer-setup-with-app2 .download .button .info {
    padding: 0 .25em;
    font-size: 1.25em;
    font-weight: 500
}

@media(max-width:1680px) {
    .archer-setup-with-app2 {
        font-size: 14px
    }
}

@media(max-width:1440px) {
    .archer-setup-with-app2 {
        font-size: 12px
    }
}

@media(max-width:768px) {
    .archer-setup-with-app2 {
        font-size: 10.35px
    }

    .archer-setup-with-app2 .w-container {
        width: auto
    }

    .archer-setup-with-app2 .text {
        width: 100%;
        padding: 0;
        top: .6%;
        left: .39%
    }

    .archer-setup-with-app2 .text h2 {
        padding: 2.5em 20px .5em;
        font-size: 2.5em
    }

    .archer-setup-with-app2 p {
        padding: 0 1.5em 0 1.2em;
        font-size: 1.75em
    }

    .archer-setup-with-app2 .extra .info .info-title {
        margin-bottom: 0
    }

    .archer-setup-with-app2 p.link a {
        color: #000;
        text-decoration: underline
    }

    .archer-setup-with-app2 .desc-text {
        top: 17.5vw;
        transform: translate(-39.5vw)
    }

    .archer-setup-with-app2 .model-name {
        font-size: 1.75vw
    }

    .archer-setup-with-app2 .extra {
        margin: 0;
        padding: 0;
        position: absolute
    }

    .archer-setup-with-app2 .extra img {
        width: 2em
    }

    .archer-setup-with-app2 .extra .info {
        margin-top: 4.8em;
        padding: 0;
        font-size: 1.8vw;
        line-height: 1.2
    }

    .archer-setup-with-app2 .download {
        margin-top: 0;
        padding: 0 20px
    }

    .archer-setup-with-app2 .download .app-coverage,
    .archer-setup-with-app2 .download .qr-code {
        width: 5em;
        height: 5em
    }

    .archer-setup-with-app2 .download li+li {
        margin-left: 1em
    }

    .archer-setup-with-app2 .extra .info {
        width: 100%;
        margin-left: 23%
    }

    .archer-setup-with-app2 .extra .info .info-title,
    .archer-setup-with-app2 .extra .info .info-text {
        padding: 0;
        font-size: 2.43em
    }

    .archer-setup-with-app2 .extra .info li {
        min-height: 7.5em;
        margin-bottom: 3.3em
    }
}

@media(max-width:414px) {
    .archer-setup-with-app2 {
        font-size: 2.5vw
    }
}

@font-face {
    font-family: AktivGrotesk-Arabic;
    src: url(https://static.tp-link.com/res/style/fonts/subset/arabic/EOT/AktivGrotesk_WArbc_Lt.eot);
    src: url(https://static.tp-link.com/res/style/fonts/subset/arabic/EOT/AktivGrotesk_WArbc_Lt.eot?#iefix)format("embedded-opentype"), url(https://static.tp-link.com/res/style/fonts/subset/arabic/WOFF2/AktivGrotesk_WArbc_Lt.woff2)format("woff2"), url(https://static.tp-link.com/res/style/fonts/subset/arabic/WOFF/AktivGrotesk_WArbc_Lt.woff)format("woff"), url(https://static.tp-link.com/res/style/fonts/subset/arabic/TTF/AktivGrotesk_WArbc_Lt.ttf)format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: AktivGrotesk-Arabic;
    src: url(https://static.tp-link.com/res/style/fonts/subset/arabic/EOT/AktivGrotesk_WArbc_Rg.eot);
    src: url(https://static.tp-link.com/res/style/fonts/subset/arabic/EOT/AktivGrotesk_WArbc_Rg.eot?#iefix)format("embedded-opentype"), url(https://static.tp-link.com/res/style/fonts/subset/arabic/WOFF2/AktivGrotesk_WArbc_Rg.woff2)format("woff2"), url(https://static.tp-link.com/res/style/fonts/subset/arabic/WOFF/AktivGrotesk_WArbc_Rg.woff)format("woff"), url(https://static.tp-link.com/res/style/fonts/subset/arabic/TTF/AktivGrotesk_WArbc_Rg.ttf)format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: AktivGrotesk-Arabic;
    src: url(https://static.tp-link.com/res/style/fonts/subset/arabic/EOT/AktivGrotesk_WArbc_Md.eot);
    src: url(https://static.tp-link.com/res/style/fonts/subset/arabic/EOT/AktivGrotesk_WArbc_Md.eot?#iefix)format("embedded-opentype"), url(https://static.tp-link.com/res/style/fonts/subset/arabic/WOFF2/AktivGrotesk_WArbc_Md.woff2)format("woff2"), url(https://static.tp-link.com/res/style/fonts/subset/arabic/WOFF/AktivGrotesk_WArbc_Md.woff)format("woff"), url(https://static.tp-link.com/res/style/fonts/subset/arabic/TTF/AktivGrotesk_WArbc_Md.ttf)format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: AktivGrotesk-Arabic;
    src: url(https://static.tp-link.com/res/style/fonts/subset/arabic/EOT/AktivGrotesk_WArbc_Bd.eot);
    src: url(https://static.tp-link.com/res/style/fonts/subset/arabic/EOT/AktivGrotesk_WArbc_Bd.eot?#iefix)format("embedded-opentype"), url(https://static.tp-link.com/res/style/fonts/subset/arabic/WOFF2/AktivGrotesk_WArbc_Bd.woff2)format("woff2"), url(https://static.tp-link.com/res/style/fonts/subset/arabic/WOFF/AktivGrotesk_WArbc_Bd.woff)format("woff"), url(https://static.tp-link.com/res/style/fonts/subset/arabic/TTF/AktivGrotesk_WArbc_Bd.ttf)format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: AktivGrotesk-Hebrew;
    src: url(https://static.tp-link.com/res/style/fonts/subset/hebrew/EOT/AktivGrotesk_WHebr_Lt.eot);
    src: url(https://static.tp-link.com/res/style/fonts/subset/hebrew/EOT/AktivGrotesk_WHebr_Lt.eot?#iefix)format("embedded-opentype"), url(https://static.tp-link.com/res/style/fonts/subset/hebrew/WOFF2/AktivGrotesk_WHebr_Lt.woff2)format("woff2"), url(https://static.tp-link.com/res/style/fonts/subset/hebrew/WOFF/AktivGrotesk_WHebr_Lt.woff)format("woff"), url(https://static.tp-link.com/res/style/fonts/subset/hebrew/TTF/AktivGrotesk_WHebr_Lt.ttf)format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: AktivGrotesk-Hebrew;
    src: url(https://static.tp-link.com/res/style/fonts/subset/hebrew/EOT/AktivGrotesk_WHebr_Rg.eot);
    src: url(https://static.tp-link.com/res/style/fonts/subset/hebrew/EOT/AktivGrotesk_WHebr_Rg.eot?#iefix)format("embedded-opentype"), url(https://static.tp-link.com/res/style/fonts/subset/hebrew/WOFF2/AktivGrotesk_WHebr_Rg.woff2)format("woff2"), url(https://static.tp-link.com/res/style/fonts/subset/hebrew/WOFF/AktivGrotesk_WHebr_Rg.woff)format("woff"), url(https://static.tp-link.com/res/style/fonts/subset/hebrew/TTF/AktivGrotesk_WHebr_Rg.ttf)format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: AktivGrotesk-Hebrew;
    src: url(https://static.tp-link.com/res/style/fonts/subset/hebrew/EOT/AktivGrotesk_WHebr_Md.eot);
    src: url(https://static.tp-link.com/res/style/fonts/subset/hebrew/EOT/AktivGrotesk_WHebr_Md.eot?#iefix)format("embedded-opentype"), url(https://static.tp-link.com/res/style/fonts/subset/hebrew/WOFF2/AktivGrotesk_WHebr_Md.woff2)format("woff2"), url(https://static.tp-link.com/res/style/fonts/subset/hebrew/WOFF/AktivGrotesk_WHebr_Md.woff)format("woff"), url(https://static.tp-link.com/res/style/fonts/subset/hebrew/TTF/AktivGrotesk_WHebr_Md.ttf)format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: AktivGrotesk-Hebrew;
    src: url(https://static.tp-link.com/res/style/fonts/subset/hebrew/EOT/AktivGrotesk_WHebr_Bd.eot);
    src: url(https://static.tp-link.com/res/style/fonts/subset/hebrew/EOT/AktivGrotesk_WHebr_Bd.eot?#iefix)format("embedded-opentype"), url(https://static.tp-link.com/res/style/fonts/subset/hebrew/WOFF2/AktivGrotesk_WHebr_Bd.woff2)format("woff2"), url(https://static.tp-link.com/res/style/fonts/subset/hebrew/WOFF/AktivGrotesk_WHebr_Bd.woff)format("woff"), url(https://static.tp-link.com/res/style/fonts/subset/hebrew/TTF/AktivGrotesk_WHebr_Bd.ttf)format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: AktivGrotesk-Corp;
    src: url(https://static.tp-link.com/res/style/fonts/subset/corp/EOT/AktivGrotesk_WCorp_Lt.eot);
    src: url(https://static.tp-link.com/res/style/fonts/subset/corp/EOT/AktivGrotesk_WCorp_Lt.eot?#iefix)format("embedded-opentype"), url(https://static.tp-link.com/res/style/fonts/subset/corp/WOFF2/AktivGrotesk_WCorp_Lt.woff2)format("woff2"), url(https://static.tp-link.com/res/style/fonts/subset/corp/WOFF/AktivGrotesk_WCorp_Lt.woff)format("woff"), url(https://static.tp-link.com/res/style/fonts/subset/corp/TTF/AktivGrotesk_WCorp_Lt.ttf)format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: AktivGrotesk-Corp;
    src: url(https://static.tp-link.com/res/style/fonts/subset/corp/EOT/AktivGrotesk_WCorp_Rg.eot);
    src: url(https://static.tp-link.com/res/style/fonts/subset/corp/EOT/AktivGrotesk_WCorp_Rg.eot?#iefix)format("embedded-opentype"), url(https://static.tp-link.com/res/style/fonts/subset/corp/WOFF2/AktivGrotesk_WCorp_Rg.woff2)format("woff2"), url(https://static.tp-link.com/res/style/fonts/subset/corp/WOFF/AktivGrotesk_WCorp_Rg.woff)format("woff"), url(https://static.tp-link.com/res/style/fonts/subset/corp/TTF/AktivGrotesk_WCorp_Rg.ttf)format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: AktivGrotesk-Corp;
    src: url(https://static.tp-link.com/res/style/fonts/subset/corp/EOT/AktivGrotesk_WCorp_Md.eot);
    src: url(https://static.tp-link.com/res/style/fonts/subset/corp/EOT/AktivGrotesk_WCorp_Md.eot?#iefix)format("embedded-opentype"), url(https://static.tp-link.com/res/style/fonts/subset/corp/WOFF2/AktivGrotesk_WCorp_Md.woff2)format("woff2"), url(https://static.tp-link.com/res/style/fonts/subset/corp/WOFF/AktivGrotesk_WCorp_Md.woff)format("woff"), url(https://static.tp-link.com/res/style/fonts/subset/corp/TTF/AktivGrotesk_WCorp_Md.ttf)format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: AktivGrotesk-Corp;
    src: url(https://static.tp-link.com/res/style/fonts/subset/corp/EOT/AktivGrotesk_WCorp_Bd.eot);
    src: url(https://static.tp-link.com/res/style/fonts/subset/corp/EOT/AktivGrotesk_WCorp_Bd.eot?#iefix)format("embedded-opentype"), url(https://static.tp-link.com/res/style/fonts/subset/corp/WOFF2/AktivGrotesk_WCorp_Bd.woff2)format("woff2"), url(https://static.tp-link.com/res/style/fonts/subset/corp/WOFF/AktivGrotesk_WCorp_Bd.woff)format("woff"), url(https://static.tp-link.com/res/style/fonts/subset/corp/TTF/AktivGrotesk_WCorp_Bd.ttf)format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@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-scale-x {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

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

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

@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-pan-x {
    syntax: "*";
    inherits: false
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@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-backdrop-blur {
    syntax: "*";
    inherits: false
}

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

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

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

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

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

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

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

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