* {
    font-family: "Fira Sans", sans-serif;
    box-sizing: border-box;
    color: white;
}


@font-face {
    font-family: 'Fira Sans';
    src: url('/static/fonts/firaSans/FiraSans-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('/static/fonts/firaSans/FiraSans-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('/static/fonts/firaSans/FiraSans-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('/static/fonts/firaSans/FiraSans-Italic.woff2') format('woff2');
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Michroma';
    src: url('/static/fonts/Michroma-Regular.woff2') format('woff2');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Roboto Condensed";
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url("/static/fonts/robotocondensed/RobotoCondensed-Regular.ttf") format('truetype');
}

:root {
    --Neutral-Palette-White: #FFF;
    --Wireless-Blue: #0097DC;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

a {
    text-decoration: none;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* Don't kill focus outline for keyboard users: http://24ways.org/2009/dont-lose-your-focus */
a:hover, a:active {
    outline: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.body-1 {
    color: rgba(255, 255, 255, 0.75);
    text-align: justify;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 23.4px */
}

.body-2 {
    color: rgba(255, 255, 255, 0.75);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.title-2 {
    color: rgba(255, 255, 255, 0.75);
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 28.6px */
}

.heading-2 {
    color: #FFF;
    font-family: Michroma, sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 57.6px */
    margin-bottom: 24px;
    margin-top: 120px;
}

.btn {
    color: var(--Neutral-Palette-White, #FFF);
    text-align: center;
    box-shadow: 0 0 25px rgba(255, 255, 255, 0.3); /* Внешнее свечение */
    cursor: pointer;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;

    padding: 12px 48px;
    border-radius: 50px;
    border: 2px solid rgba(251, 252, 252, 0.30);
    background: var(--Wireless-Blue, #0097DC);
}

.btn:hover {
    border-radius: 50px;
    border: 2px solid rgba(251, 252, 252, 0.30);
    background: var(--Secondary-Palette-Strom-Horizon, #1E3A7F);
    transition: 0.5s ease-in-out;
}

.hero-block {
    height: 850px;
    background: #000000 url(/static/promo/wifi-7/hero-image.png) no-repeat 100% 100%;
    background-size: contain;
    border-bottom-left-radius: 150px;
    border-bottom-right-radius: 150px;
}

.enjoy-section {
    /*background: var(--Secondary-Palette-Midnight-Sky, #1D0349) url("/static/promo/wifi-7/bg-image-lines-1920.png") no-repeat 100% 100%;*/
    /*background-size: cover;*/
}

.bg-wrapper {
    background: var(--Secondary-Palette-Midnight-Sky, #1D0349) url("/static/promo/wifi-7/stars-bg-1920.png") no-repeat 100% 100%;
    background-size: cover;
}

.hero {
    height: 850px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}


.subtext {
    display: flex;
    gap: 6px;
    padding: 12px 0;
}

.main-title {
    color: #FFF;
    max-width: 726px;
    width: 100%;
    font-family: 'Michroma', sans-serif;
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
}

.wifi-7-subtitle {
    color: rgba(255, 255, 255, 0.75);
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    padding-top: 24px;
    padding-bottom: 32px;
    max-width: 726px;
    width: 100%;
}

.main {
    background: var(--Secondary-Palette-Midnight-Sky, #1D0349);
    min-height: 100%;
    margin-top: 50px;
    padding-bottom: 80px;
}

.main-menu {
    display: flex;
    gap: 64px;
    max-width: 780px;
    margin: 0 auto;
}

.main-menu-item {
    color: var(--Neutral-Palette-White, #FFF);
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.main-menu-item:first-child {
    position: relative;
    padding-bottom: 12px;
}

.main-menu-item:first-child::after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background: linear-gradient(to right, #4A90E2, #1B1B2F);
    position: absolute;
    bottom: 0;
    left: 0;
}

.what-is-wifi7 {
    background: var(--Secondary-Palette-Midnight-Sky, #1D0349) url(/static/promo/wifi-7/bg-image-lines-1920.png) no-repeat 49% -323%;
    background-size: cover;
}

.what-is-wifi7-title {
    text-align: center;
}

.what-is-wifi7-description {
    max-width: 650px;
    color: rgba(255, 255, 255, 0.75);
    text-align: justify;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 23.4px */
}

.title-flex-center {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0 auto;
}


.wifi7-feature-box {
    border-radius: 24px;
    box-shadow: 0px 4px 4px 0px rgba(29, 3, 73, 0.40) inset;
    padding: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 12px;
    max-width: 468px;
    width: 100%;
}


.wifi7-features {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 48px;
    margin-top: 64px;
}

.wifi7-feature-title {
    color: var(--Neutral-Palette-White, #FFF);
    text-align: center;
    font-family: Michroma, sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.reason-title {
    color: var(--Neutral-Palette-White, #FFF);
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
}

.wifi7-feature-description {
    color: rgba(255, 255, 255, 0.75);
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 28.6px */
}

.reason-description {
    color: rgba(255, 255, 255, 0.75);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
}

.wifi-7-description {
    max-width: 605px;
    margin: 0 auto;
    padding-top: 64px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.wifi-7-description-title {
    color: rgba(255, 255, 255, 0.75);
    text-align: justify;
    font-family: "Fira Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 23.4px */

}

.wifi-7-description-comparison_note,
.wifi-7-description-disclaimer {
    color: rgba(255, 255, 255, 0.75);
    font-family: "Fira Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
}


.wifi7-feature-box:nth-child(1) {
    background: url('/static/promo/wifi-7/card-1.png') no-repeat center;
    background-size: cover;
}

.wifi7-feature-box:nth-child(2) {
    background: url('/static/promo/wifi-7/card-2.png') no-repeat center;
    background-size: cover;
}

.wifi7-feature-box:nth-child(3) {
    background: url('/static/promo/wifi-7/card-3.png') no-repeat center;
    background-size: cover;
}

.enjoy-title {
    text-align: center;
    max-width: 800px;
    width: 100%;
}

.enjoy-subtitle {
    color: rgba(255, 255, 255, 0.75);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 23.4px */
    max-width: 650px;
    width: 100%;
}

.enjoy-description {
    max-width: 650px;
}

.test {
    color: rgba(255, 255, 255, 0.75);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    text-transform: capitalize;
}

.enjoy-banner-image {
    margin-top: 64px;
    margin-bottom: 32px;
    border-radius: 24px;
}

.enjoy-description-2 {
    padding: 24px;
    max-width: 578px;
    margin: 0 auto;
}

.border-block {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
}

.border-block::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 24px;
    padding: 2px;
    background: linear-gradient(to right,
    rgba(0, 151, 220, 0) 30%,
    rgba(0, 151, 220, 1) 70%,
    rgba(0, 151, 220, 1) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.advances-wrapper {
    display: flex;
    gap: 48px;
    padding-top: 64px;
}

.advances-wrapper-title {
    max-width: 550px;
    width: 100%;
}

.slider-buttons {
    display: flex;
    justify-content: center;
    margin-top: 32px;
}

.slider-previous,
.slider-next {
    cursor: pointer;
}

.slider-container {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.slider-items {
    display: flex;
    gap: 48px;
    max-width: 100%;
    transition: transform 0.5s ease-in-out;
    will-change: transform;
}

.slider-item {
    display: flex;
    flex-direction: column;
    text-align: left;
    gap: 16px;
    max-width: 468px;
    width: 100%;
    min-width: calc(103% / 3 - 48px);
    flex-grow: 1;
    box-sizing: border-box;
}

.slider-item > *:nth-child(3) {
    margin-top: -8px;
}

.slider-item img {
    border-radius: 24px;
}

.slider-item p {
    text-align: left;
}

.slider-card-title {
    color: var(--Neutral-Palette-White, #FFF);
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
}

.why-need-description {
    color: rgba(255, 255, 255, 0.75);
    text-align: justify;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 23.4px */
    max-width: 650px;
    width: 100%;
}

.keenos-logo {
    margin: 0 auto;
    display: block;
    padding: 120px 0 12px 0;
}

.reasons {
    padding-top: 64px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 48px;
}

.reason {
    background: url('/static/promo/wifi-7/reason-bg.png') no-repeat center;
    background-size: cover;
    width: 100%;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: baseline;
}

.reason-title,
.reason-description {
    text-align: left;
}

.keenos-wifi7-title {
    color: rgba(255, 255, 255, 0.75);
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    margin-top: 65px;
    margin-bottom: 12px;
    line-height: 120%;
    max-width: 467px;
    width: 100%;
}

.keenos-wifi7-details {
    color: rgba(255, 255, 255, 0.80);
    text-align: justify;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 21.6px */
    max-width: 650px;
    width: 100%;
}

.home-section-title {
    border-radius: 50px;
    display: flex;
    gap: 12px;
    max-width: 200px;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    color: var(--Neutral-Palette-White, #FFF);
    font-family: "Fira Sans";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 26.4px */
    padding: 12px 24px;
}

.benefit-item {
    margin-top: 32px;
    padding: 48px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 48px;
    background: linear-gradient(90deg, rgba(0, 151, 220, 0.02) 0%, rgba(29, 3, 73, 0.02) 100%);
}

.benefit-title {
    color: var(--Neutral-Palette-White, #FFF);
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 28.6px */
    margin-bottom: 12px;
}

.benefit-description {
    color: rgba(255, 255, 255, 0.75);
    text-align: justify;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 23.4px */
}

.benefit-highlights {
    padding: 16px;
    margin-top: 32px;
    border-left: 2px solid #0097DC;

}

.benefit-image img {
    border-radius: 24px;
}

.highlight {
    color: var(--Wireless-Blue, #0097DC);
    font-family: Michroma, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-transform: uppercase;
}

.business-section-title {
    max-width: 200px;
    display: block;
    margin: 64px auto 32px auto;
    color: var(--Neutral-Palette-White, #FFF);
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    padding: 12px 24px;
    line-height: 120%; /* 26.4px */
}

.our-solutions {
}

.our-solutions-description {
    max-width: 650px;
    color: rgba(255, 255, 255, 0.75);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    margin-bottom: 64px;
}

.our-solutions-blocks-title {
    color: var(--Neutral-Palette-White, #FFF);
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 26.4px */
    max-width: 220px;
    width: 100%;
    margin: 64px auto 32px auto;
    padding: 12px 24px;
}

.product {
    display: flex;
    gap: 48px;
    padding: 48px;
}

.product-image img {
    border-radius: 15px;
    max-width: 600px;
}

.product-info {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.product-title {
    color: var(--Neutral-Palette-White, #FFF);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 28.6px */
    margin-bottom: 16px;
}

.product-description {
    color: rgba(255, 255, 255, 0.75);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 12px;
}

.product-features {
    list-style: none;
    padding: 0;
    margin-bottom: 40px;
}

.product-features li {
    color: rgba(255, 255, 255, 0.75);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    display: flex;
    gap: 8px;
    margin-left: 8px;

}

.product-features li::before {
    content: "•";
    color: rgba(255, 255, 255, 0.75);
    font-size: 18px;
}

.product-features {
    max-width: 565px;
    width: 100%;
}

.get-ready-title {
    text-align: center;
}

.get-ready-wrapper {
    padding-bottom: 120px;
    margin-top: 120px;
    background: rgba(0, 0, 0, 0) url("/static/promo/wifi-7/last-bg.png");
    background-size: cover;
    border-radius: 24px;
}

.get-ready-subtitle {
    margin-bottom: 48px;
}

.last-btn {
    max-width: 289px;
    width: 100%;
    display: block;
    cursor: pointer;
}


.table-wrapper {
    border-radius: 24px;
    background: linear-gradient(90deg, rgba(0, 151, 220, 0.02) 0%, rgba(29, 3, 73, 0.02) 100%);
    padding: 48px;
    margin-top: 36px;
}

.wifi7-highlight {
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    border-bottom: 2px solid rgba(255, 255, 255, 0.10);
    padding-left: 36px;
    padding-right: 36px;
}

td {
    max-width: 323px;
}

th {
    color: #FFF !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 130% !important;
}

tbody > tr > td {
    padding-top: 16px;
    vertical-align: middle;
    font-size: 18px;
    padding-bottom: 12px;
    padding-right: 16px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.10)

}

thead > tr > th {
    text-align: left;
    padding-left: 12px;
    padding-bottom: 12px;
}

thead > tr > th:not(:first-child) {
    border-bottom: 2px solid rgba(255, 255, 255, 0.10);
}

td:first-child {
    border-right: 2px solid rgba(255, 255, 255, 0.10);
    border-bottom: 2px solid rgba(255, 255, 255, 0.10);
}


.wifi7-comparison table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 48px 0;
}

.wifi7-comparison th,
.wifi7-comparison td {
    text-align: left;
}

.wifi7-comparison th:nth-child(2),
.wifi7-comparison td:nth-child(2) {
    background: rgba(0, 151, 220, 0.15);
    max-width: 260px;
}

.wifi7-comparison th:nth-child(2) {
    padding-top: 64px;
}

tbody > tr > td:first-child {
    font-weight: 400;
}

tbody > tr:last-child {
    border-bottom: none;
}

table tbody tr:last-child td {
    border-bottom: none;
}

table thead tr th:first-child {
    border-right: 2px solid rgba(255, 255, 255, 0.10);
}

tbody > tr > td {
    font-weight: 300;
}

thead > tr > th {
    vertical-align: bottom !important;
}


@media (max-width: 1440px) {
    .hero-block {
        height: 750px;
        background-size: contain;
    }

    .wifi-7-subtitle {
        font-size: 18px;
        max-width: 645px;
        padding-top: 16px;
    }

    .heading-2 {
        margin-top: 100px;
    }

    .slider-item {
        max-width: 392px;
    }

    .slider-items {
        gap: 32px;
    }

    .advances-wrapper {
        padding-top: 48px;
    }

    .keenos-logo {
        padding-top: 100px;
    }

    .reasons {
        gap: 32px;
    }

    .benefit-image {
        width: 100%;
        max-width: 604px;
        max-height: 405px;
    }

    .benefit-image img {
        border-radius: 24px;
        max-width: 100%;
        height: 100%;
    }

    .wifi7-comparison th:nth-child(2) {
        padding-top: 48px;
    }

    .wifi7-comparison table {
        border-spacing: 32px 0;
    }

    .table-wrapper {
        padding-bottom: 24px;
    }

    .slider-item {
        min-width: calc(102.6% / 3 - 32px);
    }
}

@media (max-width: 1100px) {
    .benefit-image {
        max-height: none;
    }

    .product {
        flex-direction: column;
        padding: 24px;
        gap: 24px;
        width: 100%;
    }

    .product-image {
        display: flex;
        justify-content: center;
    }

    .product-image img {
        max-width: 100%;
        width: 70%;
        max-height: 550px;
    }
}


@media (max-width: 1024px) {
    .wifi-7-subtitle {
        max-width: 452px;
    }

    .hero-block {
        background-size: cover;
        background-position: 80%;
    }

    .main-title {
        font-size: 48px;
        max-width: 390px;
        width: 100%;
    }

    .heading-2 {
        margin-top: 80px;
        font-size: 36px;
    }

    .wifi7-features {
        display: grid;
        gap: 24px;
        grid-template-columns: unset;
        max-width: 328px;
        width: 100%;
        margin: 48px auto 0 auto;
    }

    .wifi7-feature-description {
        font-size: 20px;
    }

    .wifi7-features,
    .wifi7-feature-box {
        width: 100%;
        max-width: 100%;
    }

    .slider-item {
        min-width: calc(102% / 2 - 24px);
    }

    .slider-card-title {
        font-size: 20px;
    }

    .slider-items {
        gap: 24px;
    }

    .keenos-logo {
        padding-top: 80px;
    }

    .reasons {
        padding-top: 48px;
        grid-template-columns: unset;
    }

    .reason {
        width: 100%;
        max-width: 100%;
    }

    .benefit-item {
        grid-template-columns: 1fr;
    }

    .benefit-image img {
        width: 100%;
        height: 100%;
    }

    .benefit-image {
        max-width: none;
        width: unset;
        height: unset;
    }

    .benefit-item {
        margin-top: 24px;
    }

    td {
        font-size: 16px !important;
    }

    .wifi7-comparison th:nth-child(2) {
        padding-top: 16px;
        padding-left: 26px;
    }

    .table-wrapper {
        padding: 24px;
        overflow-x: auto;
    }

    .wifi7-comparison table {
        border-spacing: 16px 0;
    }

    .wifi7-comparison {
        overflow-x: auto;
    }

    .wifi7-comparison tbody tr:last-child td:nth-child(2) {
        padding-bottom: 16px;
    }

    .product-info {
        width: 100%;
    }

    .product-title {
        text-align: center;
    }

    .last-btn {
        display: block;
        max-width: 235px;
        margin: 0 auto;
    }
}

@media (max-width: 852px) {
    .wifi-7-subtitle {
        max-width: 312px;
    }
}

@media (max-width: 768px) {
    .hero {
        justify-content: flex-start;
        padding-top: 80px;
    }

    .hero-wrapper {
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .main-title,
    .wifi-7-subtitle {
        max-width: 100%;
    }

    .hero-block {
        border-radius: 0;
        background-position-x: 95%;
        background-position-y: 100%;
        background-size: 160%;
    }

    .wifi-7-subtitle {
        font-size: 16px;
        padding-bottom: 24px;
    }

    .btn,
    .wifi-7-description-title {
        font-size: 16px;
    }

    .heading-2 {
        font-size: 32px;
        margin-top: 64px;
        text-align: center;
    }

    .what-is-wifi7-description {
        font-size: 16px;
        max-width: 100%;
    }

    .wifi7-features {
        gap: 16px;
    }

    .wifi-7-description {
        max-width: 100%;
        padding-top: 48px;
    }

    .enjoy-subtitle {
        font-size: 16px;
    }

    .slider-item {
        max-width: 735px;
        flex: 0 0 calc(100%);
    }

    .slider-card-description {
        font-size: 16px;
    }

    .slider-next, .slider-previous {
        width: 70px;
        height: 70px;
    }

    .slider-buttons {
        margin-top: 0;
    }

    .keenos-logo {
        padding-top: 48px;
    }

    .reasons {
        padding-top: 24px;
        gap: 16px;
    }

    .reason img {
        width: 40px;
        height: 40px;
    }

    .reason {
        gap: 8px;
    }

    .reason-title {
        font-size: 20px;
    }

    .benefit-item {
        padding: 24px;
        gap: 24px;
        margin-top: 16px;
    }

    .benefit-title {
        font-size: 20px;
    }

    .benefit-description {
        font-size: 16px;
    }

    .highlight {
        font-size: 12px;
    }

    th {
        font-size: 16px !important;
    }

    .wifi7-highlight {
        padding-left: 16px;
        padding-top: 16px;
    }

    .our-solutions-description {
        font-size: 16px;
        margin-bottom: 48px;
    }

    .product-title {
        font-size: 20px;
        margin-bottom: 12px;
    }

    .product-features {
        margin-bottom: 24px;
    }

    tbody > tr > td {
        min-width: 150px;
        padding-left: 8px;
    }

    .wifi7-comparison table {
        border-spacing: 0 0;
    }

    .wifi7-highlight {
        padding: 16px 12px;
    }

    .wifi7-comparison table tr td:first-child,
    .wifi7-comparison table tr th:first-child {
        position: sticky;
        left: 0;
        background-color: #1D0349;
        color: white;
        z-index: 2;
    }

    .product-image img {
        width: 100%;
    }
}


@media (max-width: 550px) {
    .hero-block {
        background-position-x: 100%;
        background-position-y: 100%;
        background-size: 200%;
    }
}

@media (max-width: 416px) {
    .hero-block {
        background-position-x: 95%;
        background-size: 240%;
    }
}