* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
:root {
    --main-color: #0f7799;
    --front-page-gutter: 15.156vw;
}

/* Product entry cards */
.wrapper_packages {
    align-items: stretch;
    gap: 1.0417vw;
    padding: 1.0417vw;
    border: max(1px, 0.0521vw) solid #dce9ef;
    border-radius: 1.25vw;
    background: linear-gradient(145deg, #f4fafc 0%, #edf6f9 100%);
}

.card_pack {
    position: relative;
    min-width: 0;
    padding: 0.8333vw 1.25vw 1.25vw;
    overflow: hidden;
    gap: 1.0417vw;
    border: max(1px, 0.0521vw) solid rgba(15, 68, 86, 0.09);
    border-radius: 0.8333vw;
    background: #ffffff;
    box-shadow: 0 0.4167vw 1.25vw rgba(15, 68, 86, 0.045);
    transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}

.card_pack::before {
    content: '';
    position: absolute;
    top: 0.8333vw;
    right: 0.8333vw;
    left: 0.8333vw;
    height: 7.8125vw;
    border-radius: 0.625vw;
    background:
        radial-gradient(circle at 50% 35%, rgba(101, 194, 220, 0.22), transparent 38%),
        linear-gradient(145deg, #f3fafc, #eaf5f8);
}

.card_pack:hover {
    transform: translateY(-0.2083vw);
    border-color: rgba(22, 136, 174, 0.28);
    box-shadow: 0 0.8333vw 2.0833vw rgba(15, 68, 86, 0.1);
}

.card_pack_illustration {
    position: relative;
    z-index: 1;
    top: auto;
    left: auto;
    align-self: center;
    width: 6.6667vw;
    height: 7.8125vw;
    margin: 0 auto 0.4167vw;
    transform: none;
    transform-origin: center;
    transition: transform 0.22s ease;
}

.card_pack:hover .card_pack_illustration {
    transform: translateY(-0.1563vw) scale(1.03);
}

.card_pack_content,
.card_pack_features {
    position: relative;
    z-index: 1;
}

.card_pack_content {
    flex: 1;
    gap: 0.8333vw;
}

.card_pack_header {
    flex: 1;
    gap: 0.2604vw;
}

.card_pack_title {
    font-size: max(18px, 1.0938vw);
}

.card_pack_desc {
    color: #64748b;
    line-height: 1.52;
}

.card_pack_pricing {
    gap: 0.625vw;
}

.card_pack_price {
    min-height: 2.1875vw;
    gap: 0.4167vw;
    padding: 0.4167vw 0.625vw;
    border: max(1px, 0.0521vw) solid rgba(22, 136, 174, 0.16);
    border-radius: 0.4167vw;
    background: #f0f8fb;
    color: #125f7a;
}

.card_pack_price > i {
    width: 1.0417vw;
    flex-shrink: 0;
    color: #1688ae;
    font-size: max(13px, 0.7813vw);
    text-align: center;
}

.card_pack_price-amount {
    color: #125f7a;
    font-family: 'SemiBold';
    font-size: max(12px, 0.7292vw);
    letter-spacing: 0;
    line-height: 1.25;
}

.card_pack_button {
    min-height: 2.5vw;
    height: auto;
    border-radius: 0.3646vw;
}

.card_pack_features {
    gap: 0;
    margin-top: 0.1042vw;
    border-top: max(1px, 0.0521vw) solid #e2e8f0;
}

.card_pack_feature {
    min-height: 2.1875vw;
    gap: 0.5208vw;
    padding: 0.5208vw 0;
    border-bottom-color: #e2e8f0;
}

.card_pack_check {
    width: 0.8333vw;
    height: 0.8333vw;
    margin-top: 0.1563vw;
}

.card_pack_feature > i.card_pack_check {
    color: #1688ae;
    font-size: max(12px, 0.7292vw);
    line-height: 1;
}

.card_pack_feature span {
    color: #64748b;
    line-height: 1.35;
}

@media (max-width: 768px) {
    .wrapper_packages {
        gap: 3.0769vw;
        padding: 3.0769vw;
        border-radius: 3.5897vw;
    }

    .card_pack {
        padding: 2.5641vw 3.5897vw 4.1026vw;
        gap: 3.0769vw;
        border-radius: 2.5641vw;
        box-shadow: 0 2.0513vw 6.1538vw rgba(15, 68, 86, 0.06);
    }

    .card_pack::before {
        top: 2.5641vw;
        right: 2.5641vw;
        left: 2.5641vw;
        height: 23.0769vw;
        border-radius: 2.0513vw;
    }

    .card_pack_illustration {
        top: auto;
        width: 17.9487vw;
        height: 21.0256vw;
        margin-bottom: 2.0513vw;
    }

    .card_pack_content {
        gap: 3.0769vw;
    }

    .card_pack_header {
        gap: 1.0256vw;
    }

    .card_pack_title {
        font-size: 4.6154vw;
    }

    .card_pack_price {
        min-height: 10.2564vw;
        gap: 2.0513vw;
        padding: 2.0513vw 2.5641vw;
        border-radius: 1.5385vw;
    }

    .card_pack_price > i {
        width: 4.1026vw;
        font-size: 3.5897vw;
    }

    .card_pack_price-amount {
        font-size: 3.3333vw;
    }

    .card_pack_button {
        min-height: 10.7692vw;
        border-radius: 2.0513vw;
    }

    .card_pack_features {
        gap: 0;
        margin-top: 0;
    }

    .card_pack_feature {
        min-height: 10.2564vw;
        gap: 2.0513vw;
        padding: 2.0513vw 0;
    }

    .card_pack_check {
        width: 3.5897vw;
        height: 3.5897vw;
        margin-top: 0.5128vw;
    }

    .card_pack_feature > i.card_pack_check {
        font-size: 3.0769vw;
    }
}

::-webkit-scrollbar {
    width: 0.217vw;
    height: 0.417vw;
}
::-webkit-scrollbar-track {
    background: rgba(30, 41, 59, 0.05);
    border-radius: 0.521vw;
}
::-webkit-scrollbar-thumb {
    background: rgba(22, 136, 174, 0.3);
    border-radius: 0.521vw;
    transition: background 0.3s ease;
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(22, 136, 174, 0.5);
}

.loading_screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    gap: 1.5vw;
    transition: opacity 0.5s ease, visibility 0.5s ease;
}
.loading_screen.hidden {
    opacity: 0;
    visibility: hidden;
}
.loading_logo {
    width: 8vw;
    animation: pulseLogo 2s ease-in-out infinite;
}
.loading_spinner {
    width: 2.5vw;
    height: 2.5vw;
    border: 0.156vw solid rgba(22, 136, 174, 0.15);
    border-top-color: #1688AE;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}
.loading_text {
    font-size: max(13.7px, 0.833vw);
    font-family: 'Medium';
    color: rgba(30, 41, 59, 0.6);
    animation: fadeInOut 1.5s ease-in-out infinite;
}
@keyframes spin {
    to { transform: rotate(360deg); }
}
@keyframes pulseLogo {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.05); opacity: 0.8; }
}
@keyframes fadeInOut {
    0%, 100% { opacity: 0.5; }
    50% { opacity: 1; }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(1.5vw);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-1vw);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(1vw);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes scaleIn {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.reveal {
    opacity: 1;
    transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
    transform: none;
}
.reveal-enabled .reveal {
    opacity: 0;
    will-change: opacity, transform;
}
.reveal-enabled .reveal.reveal--up {
    transform: translateY(1.25vw);
}
.reveal-enabled .reveal.reveal--down {
    transform: translateY(-0.85vw);
}
.reveal-enabled .reveal.reveal--left {
    transform: translateX(-1.25vw);
}
.reveal-enabled .reveal.reveal--right {
    transform: translateX(1.25vw);
}
.reveal-enabled .reveal.reveal--fade {
    transform: none;
}
.reveal-enabled .reveal.reveal--scale {
    transform: scale(0.96);
}
.reveal-enabled .reveal.is-visible {
    opacity: 1;
    transform: none;
    will-change: auto;
}
.reveal-enabled .reveal.reveal--scale.is-visible {
    transform: scale(1);
}
@media (prefers-reduced-motion: reduce) {
    html,
    body {
        scroll-behavior: auto !important;
    }

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        transition-delay: 0ms !important;
    }

    .reveal {
        opacity: 1;
        transform: none;
        transition: none;
        will-change: auto;
    }

    .logo_bg {
        clip-path: inset(0) !important;
    }
}

body,
html {
    position: relative;
    height: 100%;
    width: 100%;
    font-size: max(12px, 0.7292vw);
    overflow: hidden;
    color: white;
    color: #1E293B;
    scroll-behavior: smooth;
}
body {
    padding-left: var(--front-page-gutter);
    padding-right: var(--front-page-gutter);
    overflow-y: auto;
    gap: 1.6667vw;
    display: flex;
    flex-direction: column;
    padding-top: 1.25vw;
    min-height: 100vh;
    margin: 0;
    font-family: 'Regular', Arial, Helvetica, sans-serif;
    color: #1e293b;
}
body > footer.site_footer {
    margin-top: auto;
}

img {
    pointer-events: none;
}

button:disabled,
input:disabled {
    cursor: not-allowed;
}

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

.flex {
    display: flex;
}

.clmn {
    display: flex;
    flex-direction: column;
}

.alcn {
    display: flex;
    align-items: center;
}

.jlcn {
    display: flex;
    align-items: center;
    justify-content: center;
}

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

.w100 {
    width: 100%;
}

.h100 {
    height: 100%;
}


header {
    width: 100%;
    height: 2.6042vw;
    overflow: visible;
    position: relative;
    z-index: 1500;
}
.logo {
    width: max(100px, 6.5625vw);
    height: auto;
}
.category_header {
    height: 1.875vw;
    border-radius: 0.156vw;
    gap: 0.2083vw;
    padding: 0.469vw 0.573vw;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    cursor: pointer;
    user-select: none;
}
.category_header span {
    font-size: max(12.85px, 0.7813vw);
    font-family: 'Medium';
}
.category_header:hover {
    cursor: pointer;
    background: rgba(30, 41, 59, 0.1);
}
.category_header svg {
    width: 0.8333vw;
    height: 0.8333vw;
}
.category_header:active {
    opacity: 0.75;
}
.min_ic {
    width: 1.719vw;
    height: 1.719vw;
    cursor: pointer;
    border-radius: 0.1563vw;
    transition: all 0.2s ease;
}

.min_ic:hover {
    background: rgba(30, 41, 59, 0.1);
}
.min_ic:active {
    opacity: 0.75;
}
.min_ic svg {
    width: 1.0417vw;
    height: 1.0417vw;
}
.nav_dropdown {
    position: relative;
    z-index: 1;
}
.nav_dropdown.open {
    z-index: 600;
}
.nav_dd_panel {
    position: absolute;
    top: calc(100% + 0.4167vw);
    left: 50%;
    transform: translateX(-50%) translateY(0.2604vw);
    min-width: 13.5417vw;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(1.0417vw);
    -webkit-backdrop-filter: blur(1.0417vw);
    border: 0.0521vw solid rgba(30, 41, 59, 0.08);
    border-radius: 0.5208vw;
    box-shadow: 0 0.5208vw 2.0833vw rgba(0, 0, 0, 0.08), 0 0.1042vw 0.4167vw rgba(0, 0, 0, 0.04);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    gap: 0.1042vw;
    z-index: 555;
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
}
.nav_dropdown.open .nav_dd_panel {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0);
}
.nav_dropdown.open .category_header svg {
    transform: rotate(180deg);
}
.nav_dd_item {
    padding: 0.5208vw 0.625vw;
    border-radius: 0.3646vw;
    gap: 0.625vw;
    text-decoration: none;
    cursor: pointer;
    z-index: 333;
    position: relative;
}
.nav_dd_item:hover {
    background: rgba(22, 136, 174, 0.06);
}
.nav_dd_icon {
    width: 1.875vw;
    height: 1.875vw;
    border-radius: 0.3125vw;
    background: rgba(22, 136, 174, 0.08);
    flex-shrink: 0;
}
.nav_dd_icon i {
    font-size: 0.7292vw;
    color: #1688AE;
}
.nav_dd_item:hover .nav_dd_icon {
    background: rgba(22, 136, 174, 0.15);
}
.nav_dd_text {
    gap: 0.0521vw;
}
.nav_dd_name {
    font-size: max(12px, 0.7292vw);
    font-family: 'SemiBold';
    color: #1e293b;
    letter-spacing: -0.02em;
}
.nav_dd_desc {
    font-size: max(11px, 0.5729vw);
    font-family: 'Regular';
    color: #64748b;
}

.input_box {
    position: relative;
    width: 100%;
    border-radius: 0.2083vw;
}
.search_domain {
    position: relative;
    width: 100%;
    background: #e5e7eb;
    height: max(35.13px, 2.1354vw);
    outline: none;
    padding-left: max(25.7px, 1.5625vw);
    font-size: max(12.85px, 0.7813vw);
    font-family: 'Medium';
    color: #1E293B;
    border: none;
    padding-right: max(13.71px, 0.8333vw);
    border-radius: max(3px, 0.2083vw);
}
.search_domain:hover {
    background: #D7DADE;
}
.search_domain:focus {
    background: rgba(22, 136, 174, 0.2);
}
.input_box svg {
    position: absolute;
    left: max(8.57px, 0.5208vw);
    width: max(12px, 0.7292vw);
    height: max(12px, 0.7292vw);
}
.search_domain::placeholder {
    color: rgba(30, 41, 59, 0.75);
}
.button_domain {
    border-radius: max(3px, 0.208vw);
    padding: max(8.57px, 0.521vw) max(13.71px, 0.833vw);
    height: max(35.13px, 2.1354vw);
    background: #147a9c;
    gap: max(4px, 0.2604vw);
    cursor: pointer;
    flex-shrink: 0;
}
.button_domain:hover {
    transform: translateY(0.1vw);
    background: #125f7a;
}
.button_domain:active {
    opacity: 0.75;
}
.flex_search_domain {
    gap: 0.625vw;
}
.button_domain span {
    font-size: max(12.85px, 0.7813vw);
    font-family: 'Medium';
    color: white;
}
.home_page {
    position: relative;
}
.home_pic {
    width: 29.4792vw;
    height: 34.7917vw;
}
.button_domain svg {
    width: max(14.57px, 0.8854vw);
    height: max(14.57px, 0.8854vw);
}
.type_page {
    height: 1.7708vw;
    border-radius: 0.208vw;
    padding: 0.521vw;
    background: rgba(26, 165, 195, 0.25);
    gap: 0.2604vw;
    margin-right: auto;
}
.type_page svg {
    width: 0.7813vw;
    height: 0.7813vw;
}
.type_page span {
    font-size: max(12.85px, 0.7813vw);
    font-family: 'Medium';
    color: #125f7a;
}
.row_main {
    width: max(360px, 21.8229vw);
    margin-right: auto;
}
.row_text_page {
    gap: 0.8333vw;
    margin-top: 1.25vw;
}
.row_text_page span:first-child {
    font-size: max(43.7px, 2.6563vw);
    font-family: 'SemiBold';
    letter-spacing: -0.05em;
    line-height: 102%;
}
.row_text_page span:last-child {
    font-size: max(15.42px, 0.9375vw);
    font-family: 'Regular';
    color: #6b7280;
}
.button {
    cursor: pointer;
    height: max(40.27px, 2.4479vw);
    width: 100%;
    background: #147a9c;
    gap: max(4px, 0.2604vw);
    border-radius: max(3px, 0.208vw);
    text-decoration: none;
}
a.button, a.button:hover, a.button:visited, a.button:active, a.button:focus {
    text-decoration: none;
    color: inherit;
}
.button:hover {
    transform: translateY(0.1vw);
    background: #125f7a;
}
.button:active {
    opacity: 0.7;
}
.button span {
    font-size: max(13.71px, 0.8333vw);
    color: white;
    font-family: 'Medium';
}
.button svg {
    width: max(14.57px, 0.8854vw);
    height: max(14.57px, 0.8854vw);
}
.hero_actions .button {
    padding: 0 max(7px, 0.4167vw);
}
.hero_actions .button span {
    font-size: max(12px, 0.7083vw);
    white-space: nowrap;
}
.button_orange {
    background: none;
    border: 0.052vw solid #f4a261;
}
.button_orange span {
    color: #f4a261;
}
.button_orange:hover {
    background: none;
    border: 0.052vw solid #c9844c;
}
.button_green {
    background: none;
    border: 0.052vw solid #00b67a;
}
.button_green span {
    color: #00875A;
}
.button_green:hover {
    background: none;
    border: 0.052vw solid #009c6a;
}

.button_green:active {
    opacity: 0.75;
}
.flex_buttons {
    margin-top: 1.6667vw;
    gap: 0.8333vw;
}

.trust_pilot {
    margin-top: 2.917vw;
    width: 100%;
}
a.trust_pilot {
    color: inherit;
    text-decoration: none;
}
.trust_pilot_card {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.625vw 0.8333vw;
    width: fit-content;
    max-width: 100%;
    padding: 0.6208vw 0.7292vw;
    background: rgba(0, 182, 122, 0.1);
    border-radius: 0.3083vw;
    transition: border-color 0.2s ease, background 0.2s ease;
}
.trust_pilot_card:hover {
    background: rgba(0, 182, 122, 0.15);
}
.trust_pilot_card:active {
    opacity: 0.75;
}
.trust_pilot_logo {
    height: 1.3021vw;
    width: auto;
    max-width: 5.7292vw;
    object-fit: contain;
    flex-shrink: 0;
}
.trust_pilot_divider {
    width: 0.052vw;
    align-self: stretch;
    min-height: 1.1458vw;
    background: #e5e7eb;
    flex-shrink: 0;
}
.trust_pilot_row {
    flex: 1 1 auto;
    min-width: 0;
    gap: 0.5208vw;
}
.trust_pilot_stars {
    display: none;
}
.trust_pilot_stars-svg {
    width: 3.818vw;
    height: auto;
    display: block;
}
.trust_pilot_meta {
    margin: 0;
    gap: 0.2604vw;
    flex-wrap: wrap;
    line-height: 1.2;
    
}
.trust_pilot_count {
    font-size: max(12px, 0.7292vw);
    font-family: 'SemiBold', system-ui, sans-serif;
    color: #1e293b;
    letter-spacing: -0.02em;
}
.trust_pilot_label {
    font-size: max(12px, 0.7292vw);
    font-family: 'Medium', system-ui, sans-serif;
    color: rgba(30, 41, 59, 0.72);
}
.trust_pilot_chevron {
    width: 1.25vw;
    height: 1.25vw;
    flex-shrink: 0;
    color: #1e293b;
    border-radius: 0.156vw;
    margin-left: 0.1042vw;
}
.trust_pilot_chevron svg {
    width: 0.5208vw;
    height: 0.5208vw;
}
.games_supposed {
    width: fit-content;
    gap: 1.6667vw;
    margin: -1.1458vw auto 0 auto;
    height: 2.3802vw;

    background: #147a9c;
    border-radius: 0.208vw;
    padding: 0.469vw 2.604vw;
}
.games_supposed img {
    height: 1.4427vw;
    width: auto;
}
.block_feature {
    text-align: center;
}
.box_feature {
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 0.4167vw;
    background: rgba(22, 136, 174, 0.25);
    font-size: max(20.7px, 1.2583vw);
    color: #1688AE;
}
.row_feature {
    gap: 0.1042vw;
}
.row_feature h3 {
    font-size: max(17.14px, 1.0417vw);
    font-family: 'SemiBold';
    font-weight: 600;
    color: #1e293b;
    letter-spacing: -0.02em;
}
.row_feature p {
    font-size: max(12px, 0.7292vw);
    font-family: 'Regular';
    margin-top: 2px;
    color: #6b7280;
}
.block_feature {
    gap: 0.5729vw;
}
.features {
    gap: 2.9167vw;
    padding-top: 3.229vw;
    padding-bottom: 5.208vw;
}
.category_header_feature {
    font-size: max(20.56px, 1.25vw);
    font-family: 'SemiBold';
    letter-spacing: -0.03em;
    color: #1e293b;
}

.packages {
}
.wrapper_packages {
    gap: 0.833vw;
    justify-content: center;
}
.wrapper_packages {
    background: rgba(22, 136, 174, 0.05);
    border-radius: 0.833vw;
    padding: 5.26vw 0.833vw 0.833vw;
}
.card_pack {
    position: relative;
    background: #ffffff;
    border-radius: 0.4167vw;
    padding: 5.5729vw 1.0417vw 0.8333vw 1.0417vw;
    overflow: visible;
    gap: 1.6667vw;
    width: 100% ;
}
.card_pack_illustration {
    position: absolute;
    top: -2.2917vw;
    left: 50%;
    transform: translateX(-50%);
    width: 6.6667vw;
    height: 7.8125vw;
}
.card_pack_content {
    gap: 1.25vw;
}
.card_pack_header {
    gap: 0;
}
.card_pack_title {
    font-size: max(17.14px, 1.0417vw);
    font-family: 'SemiBold';
    color: #1e293b;
    letter-spacing: -0.02em;
}
.card_pack_desc {
    font-size: max(13.71px, 0.8333vw);
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.75);
    line-height: 1.45;
}
.card_pack_pricing {
    gap: 0.8333vw;
}
.card_pack_price {
    gap: 0;
}
.card_pack_price-amount {
    font-size: max(20.56px, 1.25vw);
    font-family: 'SemiBold';
    color: #125f7a;
    letter-spacing: -0.02em;
}
.card_pack_price-period {
    font-size: max(13.71px, 0.8333vw);
    font-family: 'Medium';
    color: #475569;
}
.card_pack_button {
    width: 100%;
    height: 2.1875vw;
    background: #147a9c;
    border-radius: 0.2083vw;
    gap: 0.4167vw;
    cursor: pointer;
}
.card_pack_button:hover {
    background: #125f7a;
    transform: translateY(0.052vw);
}
.card_pack_button:active {
    opacity: 0.75;
}
.card_pack_button span {
    font-size: max(13.71px, 0.8333vw);
    font-family: 'Medium';
    color: white;
}
.card_pack_button svg {
    width: 0.8854vw;
    height: 0.8854vw;
}
.card_pack_features {
    gap: 0.4167vw;
    list-style: none;
}
.card_pack_feature {
    gap: 0.4167vw;
    padding-bottom: 0.4167vw;
    border-bottom: 0.052vw solid rgba(30, 41, 59, 0.25);
    align-items: flex-start;
}
.card_pack_feature:last-child {
    border-bottom: none;
}
.card_pack_check {
    width: 0.8417vw;
    height: 0.8417vw;
    flex-shrink: 0;
    margin-top: 0.1042vw;
}
.card_pack_feature span {
    font-size: max(13.71px, 0.8333vw);
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.7);
    line-height: 1.45;
}
.card_pack:hover .card_pack_illustration {
    transform: scale(1.03) translateX(-50%);
}
.users_pic, .webspace_pic {
    animation: floatShield 3s ease-in-out infinite;
}
.recgen_pic {
    top: 0vw;
    animation: floatShield 3s ease-in-out infinite;
}
.second_dd {
    top: 21.5625vw;
    left: 4.8438vw;
}

.payments {
    padding-top: 3.2292vw;
    padding-bottom: 5.2083vw;
    gap: 2.6167vw;
}
.payments_header {
    gap: 0.3125vw;
    text-align: center;
}
.payments_title {
    font-size: max(20.56px, 1.25vw);
    font-family: 'SemiBold';
    color: #1e293b;
    letter-spacing: -0.02em;
}
.payments_title span {
    color: #1688AE;
}
.payments_subtitle {
    font-size: max(13.71px, 0.8333vw);
    font-family: 'Regular';
    color: #64748b;
    max-width: 19.5833vw;
    text-align: center;
    line-height: 1.4;
}
.payments_grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0.625vw;
    width: 100%;
    list-style: none;
}
.payments_card {
    height: 2.8563vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e5e7eb;
    border-radius: 0.1563vw;
}
.payments_card .pf {
    font-size: max(25.05px, 1.5229vw);
    color: rgba(30, 41, 59, 0.8);
}
.payments_card:hover {
    background: #147a9c;
}
.payments_card:hover .pf {
    color: white;
}

.reviews {
    padding-top: 3.2292vw;
    padding-bottom: 5.2083vw;
    gap: 4.1667vw;
}
.reviews_cards {
    width: 25.9896vw;
    flex-shrink: 0;
    border-radius: 0.1563vw;
    gap: 0.5208vw;
    list-style: none;
}
.reviews_card {
    background: #ffffff;
    box-shadow: 0 0.99vw 4.375vw rgba(0, 0, 0, 0.1);
    border-radius: 0.1563vw;
    padding: 0.8333vw;
    gap: 0.5208vw;
}
.reviews_card-header {
    padding-bottom: 0.7813vw;
    border-bottom: 0.052vw solid rgba(30, 41, 59, 0.15);
}
.reviews_user {
    gap: 0.625vw;
}
.reviews_avatar {
    width: 2.0833vw;
    height: 2.0833vw;
    border-radius: 50%;
    background: #147a9c;
    flex-shrink: 0;
}
.reviews_avatar span {
    font-size: 0.8854vw;
    font-family: 'SemiBold';
    color: white;
}
.reviews_user-info {
    gap: 0;
}
.reviews_name {
    font-size: max(15.42px, 0.9375vw);
    font-family: 'SemiBold';
    color: #1e293b;
    letter-spacing: -0.02em;
}
.reviews_service {
    font-size: max(13.71px, 0.8333vw);
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.75);
}
.reviews_stars {
    font-size: 0.9375vw;
    line-height: 1;
}
.reviews_text {
    font-size: max(13.71px, 0.8333vw);
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.75);
    line-height: 1.45;
}
.reviews_cta {
    flex: 1;
    justify-content: space-between;
}
.reviews_cta-content {
    gap: 1.6667vw;
}
.reviews_heading {
    font-size: max(33.41px, 2.0313vw);
    font-family: 'SemiBold';
    color: #1e293b;
    letter-spacing: -0.03em;
    line-height: 1.15;
}
.reviews_heading span {
    color: #1688AE;
}
.reviews_features {
    gap: 0.4167vw;
    list-style: none;
}
.reviews_feature {
    gap: 0.4167vw;
    padding-bottom: 0.4167vw;
    margin-right: auto;
    border-bottom: 0.052vw solid rgba(30, 41, 59, 0.25);
}
.reviews_feature--last {
    border-bottom: none;
    padding-bottom: 0;
}
.reviews_feature svg {
    width: 0.7292vw;
    height: 0.5208vw;
    flex-shrink: 0;
    margin-top: 0.1563vw;
}
.reviews_feature span {
    font-size: max(13.71px, 0.8333vw);
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.7);
}
.reviews_cta-button {
    width: max(153.36px, 9.3229vw);
    height: max(40.27px, 2.4479vw);
    background: #1688AE;
    border-radius: 0.2083vw;
    gap: 0.4167vw;
    cursor: pointer;
}
.reviews_cta-button:hover {
    background: #125f7a;
    transform: translateY(0.052vw);
}
.reviews_cta-button:active {
    opacity: 0.75;
}
.reviews_cta-button span {
    font-size: max(13.71px, 0.8333vw);
    font-family: 'Medium';
    color: white;
}
.reviews_cta-button svg {
    width: 0.8854vw;
    height: 0.8854vw;
}

.showcase {
    padding-top: 3.2292vw;
    padding-bottom: 5.2083vw;
    gap: 4.1667vw;
    align-items: flex-start;
}
.showcase--dashboard {
    align-items: center;
}
.showcase--dashboard .showcase_content {
    min-width: 0;
}
.showcase_image {
    width: 25.5729vw;
    height: 18.0729vw;
    padding: 0.625vw;
    overflow: hidden;
    background: linear-gradient(145deg, #0f4456, #1688ae);
    border: max(1px, 0.052vw) solid rgba(15, 68, 86, 0.2);
    border-radius: 1.0417vw;
    flex-shrink: 0;
    box-shadow: 0 1.0417vw 2.6042vw rgba(15, 68, 86, 0.16);
}
.showcase_dashboard_image {
    width: min(40vw, 952px);
    height: auto;
    aspect-ratio: 952 / 537;
    margin: 0;
    padding: 0;
    background: #f4f9fc;
}
.showcase_dashboard_image img {
    display: block;
    width: 100%;
    height: auto;
}
.showcase_mock_window {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 0.625vw;
    background: #f4f7f9;
    box-shadow: 0 0.4167vw 1.25vw rgba(15, 68, 86, 0.2);
}
.showcase_mock_browser {
    height: 1.7708vw;
    gap: 0.5208vw;
    padding: 0 0.625vw;
    border-bottom: max(1px, 0.0521vw) solid rgba(30, 41, 59, 0.08);
    background: #ffffff;
}
.showcase_mock_dots {
    display: flex;
    gap: 0.2083vw;
}
.showcase_mock_dots i {
    width: 0.3125vw;
    height: 0.3125vw;
    border-radius: 50%;
    background: #cbd5e1;
}
.showcase_mock_dots i:first-child {
    background: #1688ae;
}
.showcase_mock_address {
    flex: 1;
    padding: 0.2083vw 0.5208vw;
    border-radius: 0.2604vw;
    background: #f1f5f9;
    color: #64748b;
    font-size: max(7px, 0.4688vw);
}
.showcase_mock_body {
    display: grid;
    grid-template-columns: 2.6042vw minmax(0, 1fr);
    height: calc(100% - 1.7708vw);
}
.showcase_mock_sidebar {
    align-items: center;
    gap: 0.5208vw;
    padding: 0.625vw 0.4167vw;
    background: #0f4456;
}
.showcase_mock_brand,
.showcase_mock_nav {
    width: 1.3542vw;
    height: 1.3542vw;
    flex-shrink: 0;
    border-radius: 0.3125vw;
}
.showcase_mock_brand {
    margin-bottom: 0.3125vw;
    background: #ffffff;
    color: #147a9c;
    font-family: 'ExtraBold';
    font-size: max(9px, 0.625vw);
}
.showcase_mock_nav {
    color: rgba(255, 255, 255, 0.6);
    font-size: max(7px, 0.4688vw);
}
.showcase_mock_nav--active {
    background: rgba(255, 255, 255, 0.14);
    color: #ffffff;
}
.showcase_mock_content {
    min-width: 0;
    gap: 0.625vw;
    padding: 0.7813vw;
}
.showcase_mock_heading > span:first-child {
    color: #1e293b;
    font-family: 'SemiBold';
    font-size: max(11px, 0.7292vw);
}
.showcase_mock_preview {
    padding: 0.2083vw 0.4167vw;
    border-radius: 999px;
    background: rgba(22, 136, 174, 0.1);
    color: #125f7a;
    font-family: 'Medium';
    font-size: max(7px, 0.4167vw);
}
.showcase_mock_stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.4167vw;
}
.showcase_mock_stats > span {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.4167vw;
    padding: 0.5208vw;
    border: max(1px, 0.0521vw) solid rgba(30, 41, 59, 0.07);
    border-radius: 0.4167vw;
    background: #ffffff;
    color: #526174;
}
.showcase_mock_stats i {
    color: #147a9c;
    font-size: max(8px, 0.5208vw);
}
.showcase_mock_stats b {
    overflow: hidden;
    font-family: 'Medium';
    font-size: max(7px, 0.4688vw);
    font-weight: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.showcase_mock_products {
    gap: 0.3125vw;
    padding: 0.5208vw;
    border: max(1px, 0.0521vw) solid rgba(30, 41, 59, 0.07);
    border-radius: 0.4167vw;
    background: #ffffff;
}
.showcase_mock_products_title {
    color: #1e293b;
    font-family: 'SemiBold';
    font-size: max(8px, 0.5208vw);
}
.showcase_mock_product {
    min-height: 1.7708vw;
    padding: 0.3125vw 0.4167vw;
    border-radius: 0.3125vw;
    background: #f8fafc;
}
.showcase_mock_product b {
    display: flex;
    align-items: center;
    gap: 0.3646vw;
    color: #334155;
    font-family: 'Medium';
    font-size: max(7px, 0.4688vw);
    font-weight: normal;
}
.showcase_mock_product b i {
    color: #147a9c;
}
.showcase_mock_product em {
    padding: 0.1563vw 0.3646vw;
    border-radius: 999px;
    background: #e7f4f8;
    color: #125f7a;
    font-family: 'Medium';
    font-size: max(6px, 0.3646vw);
    font-style: normal;
}
.showcase_content {
    flex: 1;
    gap: 2.0833vw;
}
.showcase_top {
    gap: 1.25vw;
}
.showcase_header {
    gap: 0.625vw;
}
.showcase_title {
    font-size: max(33.41px, 2.0313vw);
    font-family: 'SemiBold';
    color: #1e293b;
    letter-spacing: -0.03em;
    line-height: 1.12;
}
.showcase_title span {
    color: #1688AE;
}
.showcase_badges {
    gap: 0.8333vw;
}
.showcase_badge {
    gap: 0.3646vw;
}
.showcase_badge-icon {
    width: 1.1979vw;
    height: 1.1979vw;
    border-radius: 50%;
    background: #147a9c;
    flex-shrink: 0;
}
.showcase_badge-icon svg {
    width: 0.625vw;
    height: 0.4688vw;
}
.showcase_badge span {
    font-size: max(13.71px, 0.8333vw);
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.7);
}
.showcase_desc {
    font-size: max(15.42px, 0.9375vw);
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.7);
    line-height: 1.45;
}
.showcase_button {
    width: max(143.08px, 8.6979vw);
    height: max(40.27px, 2.4479vw);
    background: #1688AE;
    border-radius: 0.2083vw;
    gap: 0.4167vw;
    cursor: pointer;
}
.showcase_button:hover {
    background: #125f7a;
    transform: translateY(0.052vw);
}
.showcase_button:active {
    opacity: 0.75;
}
.showcase_button span {
    font-size: max(13.71px, 0.8333vw);
    font-family: 'Medium';
    color: white;
}
.showcase_button svg {
    width: 0.8854vw;
    height: 0.8854vw;
}

.features_second {
    padding-top: 3.2292vw;
    padding-bottom: 3.2292vw;
    gap: 2.0833vw;
    width: 100%;
}
.features_second_header {
    gap: 1.25vw;
}
.features_second_badge {
    height: 1.875vw;
    padding: 0 0.8333vw;
    background: rgba(22, 136, 174, 0.15);
    border-radius: 2.3958vw;
    gap: 0.4167vw;
}
.features_second_badge svg {
    width: 0.8292vw;
    height: 0.8292vw;
    opacity: 0.75;
}
.features_second_badge i {
    font-size: 0.7292vw;
    color: #125F7A;
}
.features_second_badge span {
    font-size: max(12px, 0.6771vw);
    font-family: 'Medium';
    color: #125F7A;
}
.features_second_titles {
    gap: 0.4167vw;
    width: 28.125vw;
    text-align: center;
}
.features_second_title {
    font-size: max(20.56px, 1.25vw);
    font-family: 'SemiBold';
    color: #1e293b;
    letter-spacing: -0.02em;
}
.features_second_subtitle {
    font-size: max(15.42px, 0.9375vw);
    font-family: 'Regular';
    color: #6b7280;
}
.features_second_grid {
    width: 100%;
    gap: 0.8333vw;
}
.features_second_card {
    flex: 1;
    background: #ffffff;
    border: 0.052vw solid #e6eef6;
    border-radius: 0.4688vw;
    padding: 0.8333vw;
    gap: 0.8333vw;
    box-shadow: 0 0.99vw 4.375vw rgba(0, 0, 0, 0.05);
}
.features_second_card-icon {
    width: 1.875vw;
    height: 1.875vw;
    background: rgba(22, 136, 174, 0.25);
    border-radius: 0.3125vw;
    font-size: 0.7375vw;
    color: #1688AE;
}
.features_second_card-body {
    gap: 0;
}
.features_second_card-title {
    font-size: max(15.42px, 0.9375vw);
    font-family: 'SemiBold';
    color: #1e293b;
    letter-spacing: -0.02em;
}
.features_second_card-desc {
    font-size: max(12px, 0.7292vw);
    font-family: 'Regular';
    color: #6b7280;
    letter-spacing: -0.03em;
    margin-top: 0.1563vw;
}

.team {
    padding: 2.0833vw 0;
    gap: 2.9167vw;
    align-items: flex-start;
}
.team_members {
    gap: 0.625vw;
    flex-shrink: 0;
}
.team_card {
    width: 7.5vw;
    height: 11.4583vw;
    background: #ffffff;
    border: 0.052vw solid #e6eef6;
    border-radius: 0.3646vw;
    padding: 0.625vw;
    gap: 1.1458vw;
}
.team_avatar {
    width: 6.0417vw;
    height: 6.0417vw;
    background: rgba(22, 136, 174, 0.25);
    border-radius: 0.2083vw;
    flex-shrink: 0;
}
.team_avatar i {
    font-size: 2.0833vw;
    color: rgba(22, 136, 174, 0.5);
}
.team_info {
    gap: 0.1042vw;
    text-align: center;
}
.team_name {
    font-size: max(17.14px, 1.0417vw);
    font-family: 'SemiBold';
    color: #1e293b;
}
.team_role {
    
    font-size: max(12px, 0.7292vw);
    font-family: 'Regular';
    color: #6b7280;
}
.team_cta {
    flex: 1;
    gap: 1.6667vw;
}
.team_cta-content {
    gap: 0.2604vw;
}
.team_heading {
    font-size: max(20.56px, 1.25vw);
    font-family: 'SemiBold';
    color: #1e293b;
    letter-spacing: -0.03em;
    line-height: 108%;
    max-width: 14.7917vw;
}
.team_desc {
    font-size: max(13.71px, 0.8333vw);
    font-family: 'Regular';
    letter-spacing: -0.03em;
    color: rgba(30, 41, 59, 0.75);
}
.team_button {
    width: auto;
    height: 2.4479vw;
    background: #1688AE;
    border-radius: 0.2083vw;
    gap: 0.4167vw;
    cursor: pointer;
    margin-top: auto;
    padding: 0.521vw 0.99vw;
    margin-right: auto;
}
.team_button:hover {
    background: #147a9c;
    transform: translateY(0.052vw);
}
.team_button:active {
    opacity: 0.75;
}
.team_button span {
    font-size: max(13.71px, 0.8333vw);
    font-family: 'Medium';
    color: white;
}
.team_button svg {
    width: 0.8854vw;
    height: 0.8854vw;
}

.domain_page {
    gap: 1.6667vw;
}
.domain_block_row {
    gap: 0.8333vw;
}

.flex_features_section {
    gap: 0.625vw;
    list-style: none;
}
.domain_page_grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.625vw;
    width: 100%;
    margin-top: -0.4167vw;
}
.domain_page {
    padding: 6.6667vw 0;
}
.domain_page_card {
    width: calc((100% - 5 * 0.625vw) / 6);
    background: #FFFFFF;
    box-shadow: 0px 0.625vw 1.781vw rgba(0, 0, 0, 0.05);
    border-radius: 0.2083vw;
    padding: 0.4688vw 0.8333vw;
    gap: 0.2604vw;
}
.flex_features_section  {
    gap: 1.25vw;
}
.domain_page_card:hover {
    background: rgba(22, 136, 174, 0.15);
    cursor: pointer;
}
.domain_page_card:active {
    opacity: 0.75;
}
.domain_page_tld {
    font-size: max(17.14px, 1.0417vw);
    font-family: 'SemiBold';
    color: #1E293B;
}
.domain_page_tld span {
    color: #1688AE;
}
.domain_page_price {
    gap: 0.0521vw;
}
.domain_page_amount {
    font-size: max(12px, 0.7292vw);
    font-family: 'SemiBold';
    color: #1688AE;
}
.domain_page_period {
    font-size: max(12px, 0.625vw);
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.75);
}

.faq {
    padding: 2.0833vw 0;
    gap: 1.6667vw;
}
.faq_header {
    gap: 0.7813vw;
}
.faq_pill {
    background: rgba(22, 136, 174, 0.15);
    border-radius: 2.3958vw;
    padding: 0.1875vw 0.8333vw;
    gap: 0.4167vw;
    height: 1.875vw;
}
.faq_pill i {
    font-size: 0.7292vw;
    color: #125F7A;
}
.faq_pill span {
    font-size: max(12px, 0.6771vw);
    font-family: 'Medium';
    color: #125F7A;
}
.faq_title {
    font-size: max(20.56px, 1.25vw);
    font-family: 'SemiBold';
    color: #1E293B;
}
.faq_list {
    width: 100%;
    max-width: 53.0208vw;
}
.faq_item {
    border-top: 0.0521vw solid #E6EEF6;
    border-bottom: 0.0521vw solid #E6EEF6;
    border-left: none;
    border-right: none;
    background: #FFFFFF;
    margin-top: -0.0521vw;
}
.game_pic {
    height: 100%;
}
.game_logo {
    height: 1.563vw;
    position: absolute;
    filter: drop-shadow(0 0vw 0.2083vw rgba(0, 0, 0, 0.31));
}
.game_card_image {
    position: relative;
}
.faq_question {
    padding: 0.7292vw 0.5156vw;
    cursor: pointer;
    user-select: none;
}
.faq_question:hover {
    background: #F9FAFB;
}
.faq_question span {
    font-size: max(12px, 0.7292vw);
    font-family: 'Medium';
    color: rgba(30, 41, 59, 0.75);
}
.faq_chevron {
    width: 0.6771vw;
    height: 0.3646vw;
    flex-shrink: 0;
    transition: transform 0.3s ease;
}
.faq_answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
    padding: 0 0.5156vw;
}
.faq_answer span {
    font-size: max(12px, 0.7292vw);
    font-family: 'Regular';
    color: #6B7280;
    line-height: 1.6;
    display: block;
}
.faq_item--open .faq_chevron {
    transform: rotate(180deg);
}
.faq_item--open .faq_answer {
    max-height: 10.4167vw;
    padding: 0 0.5156vw 0.7292vw;
}

.game_servers {
    gap: 2.0833vw;
}
.row_block_game_server {
    gap: 0.625vw;
}
.game_cards_grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0.625vw;
    width: 100%;
}
.game_card {
    background: #FFFFFF;
    border: 0.0521vw solid #E6EEF6;
    border-radius: 0.4688vw;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.game_cards_grid .game_card {
    cursor: pointer;
}
.game_card:hover .game_card_info {
    background: #a3c5d0;
}
.game_card:hover {
    transform: translateY(-0.052vw);
}
.game_card:active {
    opacity: 0.75;
}
.game_card--selected {
    border-color: #1688AE;
    box-shadow: 0 0 0 0.1042vw #1688AE inset;
}
.game_card--selected .game_card_info {
    background: #1688AE;
    color: #FFFFFF;
}
.game_card--selected .game_card_name {
    color: #FFFFFF;
}
.game_card_image {
    position: relative;
    width: 100%;
    height: 10.8333vw;
    background: #e5e7eb;
    overflow: hidden;
}
.game_card_info {
    position: relative;
    min-height: 3.2292vw;
    flex: 1 1 auto;
    justify-content: center;
    padding: 0.4688vw 0.625vw;
    background: #E5E7EB;
    gap: 0;
    margin-top: -0.5vw;
    border-radius: 0.469vw;
    z-index: 4;
}
.game_card_name {
    font-size: max(13.71px, 0.8333vw);
    font-family: 'SemiBold';
    color: #1E293B;
}
.game_card_pricing {
    gap: 0.0521vw;
}
.game_card_from {
    font-size: max(12px, 0.6771vw);
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.75);
}
.game_card_price {
    font-size: max(15.42px, 0.9375vw);
    font-family: 'SemiBold';
    color: #1688AE;
}
.game_card_period {
    font-size: max(12px, 0.6771vw);
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.75);
}
.features_game_server {
    padding: 2.0833vw 0;
    gap: 1.6667vw;
}
.fgs_title {
    font-size: max(20.56px, 1.25vw);
    font-family: 'SemiBold';
    color: #1E293B;
    letter-spacing: -0.02em;
}
.fgs_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.8333vw;
    width: 100%;
}
.fgs_card {
    background: #FFFFFF;
    border: 0.0521vw solid #E6EEF6;
    border-radius: 0.6771vw;
    padding: 0.4167vw;
    gap: 0.625vw;
}
.fgs_icon {
    width: 2.5vw;
    height: 2.5vw;
    background: rgba(22, 136, 174, 0.25);
    border-radius: 0.4167vw;
    flex-shrink: 0;
}
.fgs_icon svg {
    width: 1.4583vw;
    height: 1.4583vw;
}
.recgen_pic {
    height: 20.2083vw;
    position: relative;
}
.fgs_icon i {
    font-size: 1.0417vw;
    color: #1688AE;
}
.fgs_text {
    gap: 0.1042vw;
}
.fgs_text span:first-child {
    font-size: max(17.14px, 1.0417vw);
    font-family: 'SemiBold';
    color: #1E293B;
    letter-spacing: -0.02em;
}
.fgs_text span:last-child {
    font-size: max(12px, 0.7292vw);
    font-family: 'Regular';
    color: #6B7280;
    line-height: 1.5;
}


.order_gameserver {
    width: 100%;
    gap: 0.8333vw;
}
.ogs_banner {
    position: relative;
    width: 100%;
    height: 11.9271vw;
    border-radius: 0.4167vw;
    overflow: hidden;
}
.ogs_banner-img {
    position: absolute;
    width: 100%;
    object-fit: cover;
    opacity: 0.15;
}
.ogs_banner::before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    z-index: 5;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}
.ogs_banner-content {
    width: 100%;
}
.ogs_banner-content {
    position: relative;
    z-index: 7;

    padding-left: 2.813vw;
    gap: 0.9333vw;
}
.ogs_banner-title {
    font-size: max(29.99px, 1.8229vw);
    font-family: 'SemiBold';
    color: #1E293B;
    line-height: 1.1;
    letter-spacing: -0.02em;
}
.ogs_banner-badges {
    gap: 0.625vw;
}
.ogs_badge {
    height: 1.7792vw;
    border-radius: 0.208vw;
    padding: 0.417vw 0.529vw;
    background: rgba(64, 99, 88, 0.25);
    gap: 0.1604vw;
}
.ogs_badge svg {
    width: 0.8292vw;
    height: 0.8292vw;
    flex-shrink: 0;
}
.ogs_badge span {
    font-size: max(12px, 0.7292vw);
    font-family: 'Medium';
    color: #32715D;
}
.ogs_content {
    width: 100%;
    gap: 0.8333vw;
}
.ogs_extensions {
    width: 23.4896vw;
    background: #ffffff;
    border: 0.0521vw solid #E6EEF6;
    border-radius: 0.4167vw;
    padding: 0.625vw;
    gap: 0.8333vw;
    flex-shrink: 0;
    margin-bottom: auto;
}
.ogs_section-header {
    height: 1.0938vw;
    gap: 0.2604vw;
    background: #ffffff;
    border-radius: 0.1563vw;
}
.ogs_section-header svg {
    width: 0.75vw;
    height: 0.75vw;
    flex-shrink: 0;
}
.ogs_section-header span {
    font-size: max(12px, 0.7292vw);
    font-family: 'Medium';
    color: #1E293B;
}
.ogs_price-value {
    font-size: max(15.42px, 0.9375vw);
    font-family: 'SemiBold';
    color: #1688AE;
}
.ogs_price-period {
    font-size: max(12px, 0.6771vw);
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.75);
}
.ogs_config {
    flex: 1;
    gap: 0.8333vw;
}
.ogs_config-section {
    padding: 0.5208vw;
    gap: 0.625vw;
    background: #ffffff;
    border-radius: 0.2604vw;
    border: 0.0521vw solid #E6EEF6;
}
.row_ogs_loc span:first-child {
    font-size: max(12px, 0.7292vw);
    font-family: 'Medium';
    color: #1E293B;
}
.row_ogs_loc span:last-child {
    font-size: max(12px, 0.7292vw);
    font-family: 'Medium';
    color: #00B67A;
}
.ogs_total {
    gap: 1.25vw;
}
.ogs_summary {
    padding: 0.5208vw;
    gap: 1.25vw;
}
.ogs_summary-rows {
    gap: 0.625vw;
}
.ogs_summary-row {
    padding-bottom: 0.6125vw;
    border-bottom: 0.0521vw solid rgba(30, 41, 59, 0.15);
}
.ogs_summary-label {
    font-size: max(12px, 0.7292vw);
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.75);
}
.ogs_summary-value {
    font-size: max(12px, 0.7292vw);
    font-family: 'Medium';
    color: #1E293B;
}
.ogs_total-label {
    font-size: max(12px, 0.7292vw);
    font-family: 'Medium';
    color: #1E293B;
}
.ogs_total-price {
    gap: 0.2083vw;
}
.ogs_total-value {
    font-size: max(15.42px, 0.9375vw);
    font-family: 'SemiBold';
    color: #1E293B;
}
.ogs_total-discount {
    font-size: max(12px, 0.7292vw);
    font-family: 'Medium';
    color: #3F9A7C;
}
.ogs_submit {
    width: 100%;
    height: 1.875vw;
    background: #1688AE;
    border: none;
    border-radius: 0.2083vw;
    gap: 0.1563vw;
    cursor: pointer;
}
.ogs_submit:hover {
    background: #147a9c;
    transform: translateY(0.052vw);
}
.ogs_submit:active {
    opacity: 0.75;
}
.ogs_submit svg {
    width: 0.8333vw;
    height: 0.8333vw;
}
.ogs_submit span {
    font-size: max(12px, 0.7292vw);
    font-family: 'Medium';
    color: #ffffff;
}

.features_four {
    padding: 2.0833vw 0;
    gap: 2.0833vw;
}
.ff_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.8333vw;
    width: 100%;
}
.ff_card {
    background: #FFFFFF;
    border: 0.0521vw solid #E6EEF6;
    border-radius: 0.6771vw;
    padding: 0.625vw;
    gap: 0.7813vw;
}
.ff_icon {
    width: 2.5vw;
    height: 2.5vw;
    background: rgba(22, 136, 174, 0.25);
    border-radius: 0.4167vw;
    flex-shrink: 0;
}
.ff_icon i {
    font-size: 1.0417vw;
    color: #1688AE;
}
.ff_icon svg {
    width: 1.4583vw;
    height: 1.4583vw;
}
.users_pic {
    height: 19.5833vw;
    position: absolute;
}
.ff_text {
    gap: 0.2083vw;
}
.ff_title {
    font-size: max(17.14px, 1.0417vw);
    font-family: 'SemiBold';
    color: #1E293B;
    letter-spacing: -0.02em;
}
.ff_desc {
    font-size: max(13.71px, 0.8333vw);
    font-family: 'Regular';
    color: #6B7280;
    line-height: 1.5;
}

.technical_details {
    padding: 2.0833vw 0;
    gap: 2.0833vw;
}
.td_grid {
    width: 100%;
    gap: 0.9896vw;
}
.td_card {
    flex: 1;
    background: #F8FAFC;
    border: 0.0521vw solid #E6EEF6;
    border-radius: 0.6771vw;
    padding: 0.8333vw;
    gap: 1.1458vw;
}
.td_header {
    width: 100%;
}
.td_name {
    font-size: max(17.14px, 1.0417vw);
    font-family: 'SemiBold';
    color: #1E293B;
}
.td_badge {
    width: 1.7188vw;
    height: 1.7188vw;
    background: rgba(22, 136, 174, 0.25);
    border-radius: 0.2083vw;
    flex-shrink: 0;
}
.td_badge span {
    font-size: max(13.71px, 0.8333vw);
    font-family: 'SemiBold';
    color: #1688AE;
}
.td_rows {
    gap: 0.625vw;
}
.td_row {
    width: 100%;
    padding-bottom: 0.5208vw;
    border-bottom: 0.0521vw solid rgba(30, 41, 59, 0.15);
}
.td_row--last {
    border-bottom: none;
    padding-bottom: 0;
}
.td_row span:first-child {
    font-size: max(13.71px, 0.8333vw);
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.75);
}
.td_row span:last-child {
    font-size: max(13.71px, 0.8333vw);
    font-family: 'Medium';
    color: #1E293B;
}

.server_location {
    padding: 2.0833vw 0;
    gap: 2.9167vw;
}
.row_left_server {
    gap: 1.6667vw;
}
.block_servers_list {
    gap: 0.4167vw;
}
.sl_item {
    background: #FFFFFF;
    border: 0.0521vw solid #F8FAFC;
    border-radius: 0.2604vw;
    padding: 0.5208vw 0.625vw;
    cursor: pointer;
    transition: all 0.25s ease;
}
.sl_item:hover {
    background: #F8FAFC;
}
.sl_item--active {
    background: rgba(22, 136, 174, 0.12);
    border-color: #1688AE;
    gap: 0.4167vw;
}
.sl_item--active:hover {
    background: rgba(22, 136, 174, 0.16);
}
.sl_info {
    gap: 0.625vw;
}
.sl_flag {
    width: 1.4063vw;
    height: 1.0417vw;
    object-fit: cover;
    border-radius: 0.1042vw;
    flex-shrink: 0;
}
.sl_name {
    font-size: max(13.71px, 0.8333vw);
    font-family: 'Medium';
    color: #1E293B;
}
.sl_location {
    font-size: max(12px, 0.7292vw);
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.75);
}
.sl_badge {
    height: 1.7188vw;
    background: #1688AE;
    border-radius: 0.1042vw;
    padding: 0 0.7813vw;
    flex-shrink: 0;
}
.sl_badge span {
    font-size: max(12px, 0.7292vw);
    font-family: 'Medium';
    color: #FFFFFF;
}
.sl_badge--muted {
    background: rgba(100, 116, 139, 0.15);
}
.sl_badge--muted span {
    color: #64748B;
}
.sl_features {
    display: none;
    grid-template-columns: 1fr 1fr;
    gap: 0.5208vw 0.8333vw;
    border-top: 0.0521vw solid rgba(30, 41, 59, 0.15);
    padding-top: 0.4167vw;
}
.sl_item--active .sl_features {
    display: grid;
}
.sl_item--active .sl_badge--muted {
    background: #1688AE;
}
.sl_item--active .sl_badge--muted span {
    color: #FFFFFF;
}
.sl_feat {
    gap: 0.2604vw;
}
.sl_feat i {
    font-size: 0.625vw;
    color: #1688AE;
}
.sl_feat span {
    font-size: max(12px, 0.7292vw);
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.7);
}
.row_left_server .features_second_titles {
    text-align: left;
}
.row_left_server .features_second_badge {
    margin-right: auto;
}
.row_left_server {
    flex: 1;
    min-width: 0;
}
.map_server_wrap {
    width: 21.3542vw;
    height: 21.3542vw;
    flex-shrink: 0;
    border-radius: 0.5729vw;
    overflow: hidden;
    position: relative;
}
.server_map {
    width: 100%;
    height: 100%;
}
.server_map .leaflet-control-zoom,
.server_map .leaflet-control-attribution {
    display: none;
}
.map_marker {
    width: 1.4063vw;
    height: 1.4063vw;
    position: relative;
}
.map_marker_dot {
    width: 0.7292vw;
    height: 0.7292vw;
    background: #1688AE;
    border: 0.1042vw solid #FFFFFF;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
.map_marker_ring {
    width: 1.4063vw;
    height: 1.4063vw;
    background: rgba(22, 136, 174, 0.25);
    border: 0.0521vw solid #1688AE;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    animation: markerPulse 2s ease-in-out infinite;
}
@keyframes markerPulse {
    0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
    50% { transform: translate(-50%, -50%) scale(1.4); opacity: 0.5; }
}
.map_tooltip {
    position: absolute;
    bottom: calc(100% + 0.5208vw);
    left: 50%;
    transform: translateX(-50%);
    background: #F8FAFC;
    border: 0.0521vw solid #F8FAFC;
    border-radius: 0.2004vw;
    padding: 0.245vw 0.325vw;
    white-space: nowrap;
    z-index: 10;
    filter: drop-shadow(0 0.1042vw 0.3125vw rgba(0,0,0,0.1));
}
.map_tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 0.5208vw solid transparent;
    border-top-color: #F8FAFC;
}
.map_tooltip_inner {
    display: flex;
    align-items: center;
    gap: 0.5208vw;
}
.map_tooltip_flag {
    height: 0.833vw;
    border-radius: 0.1042vw;
    margin-bottom: auto;
}
.map_tooltip_text {
    display: flex;
    flex-direction: column;
}
.map_tooltip_name {
    font-size: max(12px, 0.6417vw);
    font-family: 'SemiBold';
    color: #1E293B;
}
.map_tooltip_location {
    font-size: max(10.78px, 0.5615vw);
    font-family: 'Regular';
    margin-top: -0.1042vw;
    color: rgba(30, 41, 59, 0.75);
}
.map_server_wrap {
    margin-top: auto;
}
.reviews_second {
    padding: 2.0833vw 0;
    gap: 2.0833vw;
}
.rv2_grid {
    width: 100%;
    gap: 0.8333vw;
}
.rv2_card {
    flex: 1;
    background: #F8FAFC;
    border-radius: 0.2604vw;
    padding: 0.8333vw;
    gap: 0.8333vw;
}
.rv2_header {
    width: 100%;
}
.rv2_stars {
    gap: 0.2604vw;
}
.rv2_stars i {
    font-size: 0.9427vw;
    color: #E9A531;
}
.rv2_badge {
    background: rgba(22, 136, 174, 0.25);
    border-radius: 0.1563vw;
    height: 1.4063vw;
    padding: 0.1875vw 0.4167vw;
}
.rv2_badge span {
    font-size: max(12px, 0.625vw);
    font-family: 'Medium';
    color: #125F7A;
}
.rv2_body {
    flex: 1;
    justify-content: space-between;
}
.rv2_text {
    font-size: max(13.71px, 0.8333vw);
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.75);
    line-height: 1.5;
}
.rv2_author {
    gap: 0.625vw;
    border-top: 0.0521vw solid rgba(30, 41, 59, 0.15);
    padding-top: 0.625vw;
    margin-top: 0.4688vw;
}
.rv2_avatar {
    width: 2.0833vw;
    height: 2.0833vw;
    background: rgba(22, 136, 174, 0.15);
    border-radius: 50%;
    flex-shrink: 0;
}
.rv2_avatar span {
    font-size: 0.8854vw;
    font-family: 'SemiBold';
    color: #1688AE;
}
.rv2_info {
    gap: 0;
}
.rv2_name {
    font-size: max(15.42px, 0.9375vw);
    font-family: 'SemiBold';
    color: #1E293B;
}
.rv2_role {
    font-size: max(13.71px, 0.8333vw);
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.72);
}
.features_about {
    padding: 2.0833vw 0;
    gap: 2.5vw;

}
.fab_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.6667vw;
    width: 100%;
}
.fab_card {
    border-radius: 0.6771vw;
    gap: 0.7813vw;
}
.fab_icon {
    width: 2.5vw;
    height: 2.5vw;
    background: rgba(22, 136, 174, 0.25);
    border-radius: 0.4167vw;
    flex-shrink: 0;
}
.fab_icon i {
    font-size: 1.0417vw;
    color: #1688AE;
}
.fab_icon svg {
    width: 1.4583vw;
    height: 1.4583vw;
}
.fab_text {
    gap: 0.2083vw;
}
.fab_title {
    font-size: max(17.14px, 1.0417vw);
    font-family: 'SemiBold';
    color: #1E293B;
}
.fab_desc {
    font-size: max(13.71px, 0.8333vw);
    font-family: 'Regular';
    color: #6B7280;
    line-height: 1.5;
    text-align: center;
}
.team_second {
    padding: 3.2292vw 0;
    gap: 2.917vw;
}
.ts_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25vw;
    width: 100%;
}
.ts_card {
    gap: 0.8333vw;
}
.ts_avatar {
    width: 4.375vw;
    height: 4.375vw;
    background: rgba(22, 136, 174, 0.25);
    border-radius: 50%;
    flex-shrink: 0;
}
.ts_avatar i {
    font-size: 1.5625vw;
    color: rgba(22, 136, 174, 0.5);
}
.ts_info {
    gap: 0.1042vw;
}
.ts_name {
    font-size: max(17.14px, 1.0417vw);
    font-family: 'SemiBold';
    color: #1E293B;
}
.ts_role {
    font-size: max(12px, 0.7292vw);
    font-family: 'Regular';
    color: #6B7280;
    text-align: center;
}
.about_section {
    padding: 3.2292vw 0;
    gap: 6.5104vw;
}
.ab_col {
    flex: 1;
    gap: 1.0417vw;
}
.ab_badge {
    gap: 0.5208vw;
    background: rgba(22, 136, 174, 0.15);
    border-radius: 2.3958vw;
    padding: 0.1875vw 0.8333vw;
    width: fit-content;
    height: 1.875vw;
}
.ab_badge i {
    font-size: 0.7292vw;
    color: #125F7A;
}
.ab_badge span {
    font-size: max(12px, 0.6771vw);
    font-family: 'Medium';
    color: #125F7A;
}
.ab_content {
    gap: 0.4167vw;
}
.ab_title {
    font-size: max(20.56px, 1.25vw);
    font-family: 'SemiBold';
    color: #1E293B;
}
.ab_desc {
    font-size: max(15.42px, 0.9375vw);
    font-family: 'Regular';
    color: #6B7280;
    line-height: 1.55;
}
.status_us {
    padding: 3.229vw 0;
    gap: 2.917vw;
}
.stat_grid {
    width: 100%;
    gap: 0.8333vw;
}
.stat_card {
    flex: 1;
    background: #F8FAFC;
    border: 0.0521vw solid #E6EEF6;
    border-radius: 0.6771vw;
    height: 6.5104vw;
    display: flex;
    justify-content: center;
    padding: 1.25vw;
    gap: 0.625vw;
}
.stat_number {
    font-size: max(23.99px, 1.4583vw);
    font-family: 'SemiBold';
    color: #1688AE;
}
.stat_text {
    gap: 0;
}
.stat_label {
    font-size: max(13.71px, 0.8333vw);
    font-family: 'SemiBold';
    color: #1E293B;
}
.stat_sub {
    font-size: max(12px, 0.7292vw);
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.75);
}
.packages_web {
    padding: 2.0833vw 0;
    gap: 2.0833vw;
}
.pkg_grid {
    width: 100%;
    gap: 0.8333vw;
}
.pkg_card {
    flex: 1;
    cursor: pointer;
    color: inherit;
    font: inherit;
    text-align: left;
    border: 0.0521vw solid #E6EEF6;
    border-radius: 0.4167vw;
    background: #fff;
    color: inherit;
    font: inherit;
    text-align: left;
    padding: 0.8333vw 1.0417vw;
    justify-content: space-between;
}
.pkg_card--popular {
    background: rgba(22, 136, 174, 0.15);
    border-color: rgba(22, 136, 174, 0.15);
}
.pkg_header {
    gap: 1.25vw;
}
.pkg_info {
    gap: 0;
}
.pkg_name {
    font-size: max(17.14px, 1.0417vw);
    font-family: 'SemiBold';
    color: #1E293B;
}
.pkg_desc {
    font-size: max(13.71px, 0.8333vw);
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.75);
    line-height: 1.45;
}
.pkg_price {
    gap: 0.1042vw;
    align-items: baseline;
}
.pkg_amount {
    font-size: max(21.42px, 1.3021vw);
    font-family: 'SemiBold';
    color: #0b617d;
}
.pkg_period {
    font-size: max(15.42px, 0.9375vw);
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.75);
}
.pkg_features {
    gap: 0.5208vw;
    padding: 20.001px 0;
}
.pkg_feat {
    gap: 0.4167vw;
    padding-bottom: 0.5208vw;
    border-bottom: 0.0521vw solid rgba(30, 41, 59, 0.1);
}
.pkg_feat:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.pkg_feat svg {
    width: 1.0417vw;
    height: 1.0417vw;
    flex-shrink: 0;
}
.pkg_feat span {
    font-size: max(13.71px, 0.8333vw);
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.7);
}
.pkg_cta {
    width: 100%;
    height: 2.1875vw;
    background: #0f7799;
    border-radius: 0.2083vw;
    cursor: pointer;
    gap: 0.4167vw;
    transition: all 0.2s ease;
}
.pkg_cta:hover {
    background: #0b617d;
}
.pkg_cta:active {
    opacity: 0.75;
}
.pkg_cta span {
    font-size: max(13.71px, 0.8333vw);
    font-family: 'Medium';
    color: #FFFFFF;
}
.pkg_cta svg {
    width: 0.8854vw;
    height: 0.8854vw;
}

.pkg_location {
    width: 100%;
    gap: 0.3125vw;
}
.pkg_location_hint {
    font-size: max(12px, 0.6771vw);
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.55);
    text-align: center;
}

.site_footer {
    margin-top: 2.0833vw;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    box-sizing: border-box;
    padding: 3.2292vw var(--front-page-gutter) 2.6042vw;
    gap: 2.6042vw;
    background: linear-gradient(180deg, #f0f4f8 0%, #f4f4f4 40%, #f8fafc 100%);
    border-top: 0.0521vw solid rgba(30, 41, 59, 0.08);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.site_footer_grid {
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2.0833vw;
    flex-wrap: wrap;
}

.site_footer_col {
    min-width: 9.375vw;
    gap: 0.8333vw;
}

.site_footer_heading {
    font-size: max(15.42px, 0.9375vw);
    font-family: 'SemiBold';
    color: #1e293b;
    letter-spacing: -0.02em;
}

.site_footer_nav {
    gap: 0.4167vw;
}

.site_footer_nav a {
    font-size: max(13.71px, 0.8333vw);
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.72);
    text-decoration: none;
    line-height: 1.45;
    transition: color 0.2s ease, transform 0.2s ease;
}

.site_footer_nav a:hover {
    color: #1688ae;
}

.site_footer_bar {
    width: 100%;
    padding-top: 1.6667vw;
    gap: 1.0417vw;
}

.site_footer_logo_link {
    display: flex;
    opacity: 0.92;
    transition: opacity 0.2s ease;
}

.site_footer_logo_link:hover {
    opacity: 1;
}

.site_footer_logo {
    width: 7.8125vw;
    height: auto;
}

.site_footer_legal {
    margin: 0;
    max-width: 32vw;
    font-size: max(12.85px, 0.7813vw);
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.62);
    text-align: center;
    line-height: 1.5;
}

.site_footer_legal_sub {
    font-size: max(12px, 0.7292vw);
    color: rgba(30, 41, 59, 0.72);
}

.site_footer_social {
    gap: 0.625vw;
}

.site_footer_social_link {
    width: 1.875vw;
    height: 1.875vw;
    border-radius: 0.2604vw;
    background: #ffffff;
    color: #1688ae;
    text-decoration: none;
    box-shadow: 0 0.1042vw 0.4167vw rgba(22, 136, 174, 0.12);
    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.site_footer_social_link:hover {
    background: #1688ae;
    color: #ffffff;
    transform: translateY(-0.0521vw);
}

.site_footer_social_link i {
    font-size: 0.9375vw;
}

.impressum {
    padding: 2.0833vw 0;
    gap: 2.0833vw;
}
.imp_card {
    width: 100%;
    border: 0.0521vw solid #E6EEF6;
    border-radius: 0.6771vw;
    padding: 0.8333vw;
    gap: 1.25vw;
}
.imp_card_title {
    font-size: max(17.14px, 1.0417vw);
    font-family: 'SemiBold';
    color: #1E293B;
    padding-bottom: 0.8333vw;
    border-bottom: 0.0521vw solid #E6EEF6;
}
.imp_section {
    gap: 0.4167vw;
}
.imp_heading {
    font-size: max(15.42px, 0.9375vw);
    font-family: 'SemiBold';
    color: #1E293B;
}
.imp_text {
    font-size: max(13.71px, 0.8333vw);
    font-family: 'Regular';
    color: #6B7280;
    line-height: 1.6;
}
.box_decor  {
    width: 29.4792vw;
    height: 34.7917vw;
    position: relative;
    z-index: 1;
    pointer-events: none;
}
.logo_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    clip-path: none;
    animation: none;
}
.first_pic {
    height: 22.6563vw;
    width: auto;
    right: 0;
    top: 6.9271vw;
    position: absolute;
}
.imp_card_title a {
    color: inherit;
    text-decoration: none;
}
.imp_card_title a:hover {
    color: #0b6f90;
}
.logo_oc_box {
    position: absolute;
}
.debian_box {
    top: 7.1354vw;
    left: 8.9063vw;
}
.ubuntu_box {
    top: 3.2813vw;
    left: 15.0521vw;
}
.fedora_box {
    top: 6.1458vw;
    right: 3.5937vw;
}
.windows_box {
    top: 9.8958vw;
    right: 9.9042vw;
}

.line_oc {
    width: 0.9375vw;
    height: 3.0208vw;
    border-radius: 5.0521vw;
    mix-blend-mode: color-dodge;
    margin-top: -1.3021vw;
    background: linear-gradient(0deg, #ffffff 0%, rgba(12, 79, 93, 0) 100%);
}
.wrapper_logo_oc {
    position: relative;
    width: 2.6042vw;
    z-index: 33;
    height: 2.6042vw;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.68);
}
.debian_logo {
    background: #d70f56;
    box-shadow: 0 0 1.25vw rgba(215, 15, 86, 0.25);
    animation: pulseDebian 2s ease-in-out infinite;
}
.ubuntu_logo {
    background: #ea4f06;
    box-shadow: 0 0 1.25vw rgba(234, 79, 6, 0.25);
    animation: pulseUbuntu 2s ease-in-out infinite;
}
.fedora_logo {
    background: #50a2da;
    box-shadow: 0 0 1.25vw rgba(80, 162, 218, 0.25);
    animation: pulseFedora 2s ease-in-out infinite;
}
.windows_logo {
    background: #1aa5c3;
    box-shadow: 0 0 1.25vw rgba(26, 165, 195, 0.25);
    animation: pulseWindows 2s ease-in-out infinite;
}
@keyframes pulseDebian {
    0%, 100% { box-shadow: 0 0 0 0 rgba(215, 15, 86, 0.6); }
    50% { box-shadow: 0 0 0 0.8333vw rgba(215, 15, 86, 0); }
}
@keyframes pulseUbuntu {
    0%, 100% { box-shadow: 0 0 0 0 rgba(234, 79, 6, 0.6); }
    50% { box-shadow: 0 0 0 0.8333vw rgba(234, 79, 6, 0); }
}
@keyframes pulseFedora {
    0%, 100% { box-shadow: 0 0 0 0 rgba(80, 162, 218, 0.6); }
    50% { box-shadow: 0 0 0 0.8333vw rgba(80, 162, 218, 0); }
}
@keyframes pulseWindows {
    0%, 100% { box-shadow: 0 0 0 0 rgba(26, 165, 195, 0.6); }
    50% { box-shadow: 0 0 0 0.8333vw rgba(26, 165, 195, 0); }
}
.oc_logo {
    width: 1.9792vw;
    height: 1.9792vw;
    border-radius: 100%;
}
.oc_logo img {
    width: 1.45vw;
    height: 1.45vw;
}


@keyframes revealDown {
    from { clip-path: inset(0 0 100% 0); }
    to { clip-path: inset(0 0 0% 0); }
}

.box_info_dd {
    position: absolute;
    height: 3.6458vw;
    border-radius: 0.417vw;
    padding: 0.625vw 0.833vw;
    box-shadow: 0 0.833vw 1.754vw rgba(0, 0, 0, 0.15);
    background: #ffffff;
    gap: 0.2125vw;
    
    animation: floatBox 3.5s ease-in-out infinite;
    will-change: transform;
}
.four_dd {
    left: 19.8333vw;
    top: 18.4896vw;
}
.third_dd {
    left: 19.7188vw;
    top: 5.4167vw;
}
.flex_dd_i svg {
    width: 0.7292vw;
    height: 0.7292vw;
}
.flex_dd_i span {
    font-size: max(12px, 0.677vw);
    font-family: 'Medium';
    color: #1e293b;
}
.flex_dd_i {
    gap: 0.2083vw;
}
.flex_tx_dd span {
    font-size: max(20.56px, 1.25vw);
    font-family: 'SemiBold';
}
.flex_tx_dd span:last-child {
    color: #1688AE;
}
.first_dd {
    left: 2.8125vw;
    top: 9.8958vw;
    animation-delay: 0s;
}
.second_dd {
    animation-delay: 0.8s;
}
.third_dd {
    animation-delay: 1.6s;
}
.four_dd {
    animation-delay: 0.4s;
}
@keyframes floatShield {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-0.5208vw); }
}
@keyframes floatBox {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-0.4167vw); }
}

.decor_first {
    width: 21.9271vw;
    height: 20.8333vw;
    position: absolute;
    left: 1.5625vw;
    top: 8.6458vw;
    filter: blur(5.542vw);
}
.decor_second {
    width: 10.4167vw;
    height: 9.792vw;
    position: absolute;
    top: 33.8438vw;
    left: 34.0313vw;
    filter: blur(4.542vw);
}
.decor_third {
    width: 10.4167vw;
    height: 9.7917vw;
    position: absolute;
    left: 44.1667vw;
    top: 20.833vw;
    filter: blur(6.542vw);
}
.decor_four {
    width: 7.1354vw;
    height: 6.7708vw;
    position: absolute;
    left: 42.9688vw;
    top: 11.0417vw;
    filter: blur(4.542vw);
}
.decor_five {
    width: 25.365vw;
    height: 24.0625vw;
    position: absolute;
    right: -10.625vw;
    top: 14.0625vw;
    filter: blur(5.125vw);
}
.decor_six {
    width: 25.365vw;
    height: 24.0625vw;
    position: absolute;
    right: -10.625vw;
    top: 94.0625vw;
    filter: blur(5.125vw);
}
.background_decorations {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: -5;
}
.decor_seven {
    width: 21.9271vw;
    height: 20.8333vw;
    position: absolute;
    left: 1.5625vw;
    top: 74.0625vw;
    opacity: 0.5;
    filter: blur(5.542vw);
}
.home_page {
    position: relative;
    z-index: 555;
}
.card_perspective {
    position: absolute;
    left: 7vw;
    top: 2.9167vw;
    z-index: 0;
    pointer-events: none;
    transform: perspective(62.5vw) rotateX(33deg) rotateY(10deg) rotateZ(24deg) scale(0.75);
    transform-style: preserve-3d;
    animation: floatCard1 4s ease-in-out infinite;
    will-change: transform;
}
.card_perspective_secondary {
    position: absolute;
    left: 15.8854vw;
    top: 5.0521vw;
    z-index: 0;
    pointer-events: none;
    transform: perspective(92.5vw) rotateX(33deg) rotateY(10deg) rotateZ(-33deg) scale(0.8);
    transform-style: preserve-3d;
    animation: floatCard2 4.5s ease-in-out 0.5s infinite;
    will-change: transform;
}
.card_perspective_third {
    position: absolute;
    left: 7.7708vw;
    top: 12.6771vw;
    z-index: 0;
    pointer-events: none;
    transform: perspective(52.5vw) rotateX(-30deg) rotateY(34deg) rotateZ(-14deg);
    transform-style: preserve-3d;
    animation: floatCard3 3.8s ease-in-out 1s infinite;
    will-change: transform;
}
@keyframes floatCard1 {
    0%, 100% { transform: perspective(62.5vw) rotateX(33deg) rotateY(10deg) rotateZ(24deg) scale(0.75) translateY(0); }
    50% { transform: perspective(62.5vw) rotateX(33deg) rotateY(10deg) rotateZ(24deg) scale(0.75) translateY(-0.625vw); }
}
@keyframes floatCard2 {
    0%, 100% { transform: perspective(92.5vw) rotateX(33deg) rotateY(10deg) rotateZ(-33deg) scale(0.8) translateY(0); }
    50% { transform: perspective(92.5vw) rotateX(33deg) rotateY(10deg) rotateZ(-33deg) scale(0.8) translateY(-0.5208vw); }
}
@keyframes floatCard3 {
    0%, 100% { transform: perspective(52.5vw) rotateX(-30deg) rotateY(34deg) rotateZ(-14deg) translateY(0); }
    50% { transform: perspective(52.5vw) rotateX(-30deg) rotateY(34deg) rotateZ(-14deg) translateY(-0.5729vw); }
}
.webspace_pic {
    height: 19.4271vw;
    position: absolute;
}
.wk_body {
    gap: 1.5625vw;
    align-items: flex-start;
}
.wk_items {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.625vw;
}
.wk_item {
    background: #ffffff;
    border-radius: 0.3208vw;
    padding: 0.4417vw;
    gap: 1.0417vw;
    align-items: center;
    box-shadow: 0 0.521vw 2.24vw rgba(0, 0, 0, 0.05);
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.wk_item_icon {
    width: 1.875vw;
    height: 1.875vw;
    border-radius: 0.2167vw;
    background: rgba(22, 136, 174, 0.1);
    flex-shrink: 0;
}
.wk_item_icon i {
    font-size: 0.7417vw;
    color: #1688AE;
}
.wk_item_info {
    flex: 1;
    gap: 0.3125vw;
}
.wk_item_top {
    gap: 0.5208vw;
}
.wk_item_name {
    font-size: max(13.71px, 0.8333vw);
    font-family: 'SemiBold';
    color: #1e293b;
    letter-spacing: -0.02em;
}
.wk_item_specs {
    gap: 0.4167vw;
}
.wk_spec {
    font-size: max(12px, 0.625vw);
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.75);
    margin-top: -0.1042vw;
}
.wk_spec_dot {
    width: 0.1563vw;
    height: 0.1563vw;
    border-radius: 50%;
    background: rgba(30, 41, 59, 0.25);
}
.wk_item_actions {
    gap: 1.0417vw;
    flex-shrink: 0;
}
.wk_qty {
    gap: 0.3125vw;
    background: rgba(30, 41, 59, 0.04);
    border-radius: 0.3125vw;
    padding: 0.2083vw;
}
.wk_qty_val {
    font-size: max(12px, 0.7292vw);
    font-family: 'SemiBold';
    color: #1e293b;
    min-width: 1.25vw;
    text-align: center;
}
.wk_item_price {
    font-size: max(13.7px, 0.833vw);
    font-family: 'SemiBold';
    color: #1688AE;
    letter-spacing: -0.02em;
    min-width: 5.2083vw;
    text-align: right;
}
.wk_item_price span {
    font-size: max(12px, 0.677vw);
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.68);
}
.wk_summary {
    width: 18.75vw;
    background: #ffffff;
    border-radius: 0.5208vw;
    padding: 1.25vw;
    gap: 1.0417vw;
    box-shadow: 0 0.2083vw 1.0417vw rgba(0, 0, 0, 0.04);
    position: sticky;
    top: 1.5625vw;
}
.wk_summary_title {
    font-size: max(17.14px, 1.0417vw);
    font-family: 'SemiBold';
    color: #1e293b;
    letter-spacing: -0.02em;
}
.wk_promo {
    gap: 0.4167vw;
}
.wk_promo_input {
    flex: 1;
    height: 2.0833vw;
    border: 0.0521vw solid rgba(30, 41, 59, 0.12);
    border-radius: 0.2604vw;
    padding: 0 0.625vw;
    font-size: max(12px, 0.625vw);
    font-family: 'Regular';
    color: #1e293b;
    outline: none;
    background: rgba(30, 41, 59, 0.02);
    transition: border-color 0.2s;
}
.wk_promo_input:focus {
    border-color: #1688AE;
}
.wk_promo_input::placeholder {
    color: rgba(30, 41, 59, 0.3);
}
.wk_summary_rows {
    gap: 0.5208vw;
}
.wk_row {
    justify-content: space-between;
}
.wk_row span {
    font-size: max(12px, 0.7292vw);
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.6);
}
.wk_row span:last-child {
    font-family: 'Medium';
    color: #1E293B;
}
.wk_row--discount span:last-child {
    color: #059669;
}
.wk_divider {
    height: 0.0521vw;
    background: rgba(30, 41, 59, 0.08);
}
.wk_row--total span {
    font-size: max(13.7px, 0.833vw);
    font-family: 'SemiBold';
    color: #1e293b;
}
.wk_row--total span:last-child {
    font-size: max(20.56px, 1.25vw);
    color: #1688AE;
    font-family: 'SemiBold';
}
.cart_page {
    gap: 2.9167vw;
    padding-top: 5.2083vw;
    padding-bottom: 5.2083vw;
}
.next_wk  {
    font-size: max(12px, 0.625vw) !important;
    font-family: 'SemiBold' !important;
    color: rgba(22, 136, 174, 0.5) !important;
}
.wk_payment {
    justify-content: center;
    gap: 0.8333vw;
}
.wk_payment i {
    font-size: 0.9583vw;
    color: rgba(30, 41, 59, 0.25);
    transition: color 0.2s;
}
.wk_payment i:hover {
    color: rgba(30, 41, 59, 0.75);
}
.wk_secure {
    justify-content: center;
    gap: 0.3125vw;
}
.wk_secure i {
    font-size: 0.5208vw;
    color: #059669;
}
.wk_secure span {
    font-size: max(11px, 0.5729vw);
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.68);
}

.burger_btn {
    display: none;
    width: 12.3077vw;
    height: 12.3077vw;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    border-radius: 1.5385vw;
    flex-shrink: 0;
    position: relative;
    z-index: 1500;
}
.burger_btn span {
    display: block;
    width: 5.1282vw;
    height: 0.5128vw;
    background: #1688AE;
    border-radius: 0.5128vw;
    position: absolute;
    left: 2.5641vw;
    transition: transform 0.3s ease, opacity 0.3s ease;
}
.burger_btn span:nth-child(1) { top: 3.0769vw; }
.burger_btn span:nth-child(2) { top: 4.8718vw; }
.burger_btn span:nth-child(3) { top: 6.6667vw; }
.burger_btn.active span:nth-child(1) { transform: rotate(45deg); top: 4.8718vw; }
.burger_btn.active span:nth-child(2) { opacity: 0; }
.burger_btn.active span:nth-child(3) { transform: rotate(-45deg); top: 4.8718vw; }

.mobile_nav {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.97);
    backdrop-filter: blur(3.0769vw);
    -webkit-backdrop-filter: blur(3.0769vw);
    z-index: 1400;
    flex-direction: column;
    padding: 20.5128vw 6.1538vw 6.1538vw;
    overflow-y: auto;
    gap: 1.0256vw;
}
.mobile_nav.open { display: flex; }
.mobile_nav_group { border-bottom: 0.2564vw solid rgba(30,41,59,0.06); }
.mobile_nav_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 3.5897vw 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    user-select: none;
}
.mobile_nav_header span {
    font-size: 4.1026vw;
    font-family: 'SemiBold';
    color: #1e293b;
}
.mobile_nav_header svg {
    width: 4.1026vw;
    height: 4.1026vw;
    transition: transform 0.3s ease;
}
.mobile_nav_group.open .mobile_nav_header svg { transform: rotate(180deg); }
.mobile_nav_links {
    display: none;
    flex-direction: column;
    gap: 0.5128vw;
    padding-bottom: 3.0769vw;
}
.mobile_nav_group.open .mobile_nav_links { display: flex; }
.mobile_nav_link {
    display: flex;
    align-items: center;
    gap: 3.0769vw;
    padding: 2.5641vw 2.0513vw;
    border-radius: 2.0513vw;
    text-decoration: none;
    color: #1e293b;
}
.mobile_nav_link:active { background: rgba(22,136,174,0.06); }
.mobile_nav_link .nav_dd_icon {
    width: 9.2308vw;
    height: 9.2308vw;
    border-radius: 2.0513vw;
}
.mobile_nav_link .nav_dd_icon i { font-size: 3.5897vw; }
.mobile_nav_link .nav_dd_name { font-size: 3.5897vw; }
.mobile_nav_link .nav_dd_desc { font-size: 2.8205vw; }




@media (max-width: 1600px) {
    :root {
        --front-page-gutter: 6vw;
    }
}

@media (max-width: 1024px) {
    :root {
        --front-page-gutter: 3vw;
    }

    body {
        padding-left: var(--front-page-gutter);
        padding-right: var(--front-page-gutter);
    }
    .type_page {
        height: auto;
    }
}

@media (max-width: 768px) {

    :root {
        --front-page-gutter: 16px;
    }


    body,
    html {
        font-size: 3.5897vw;
        overflow-x: hidden;
    }

    body {
        padding-left: var(--front-page-gutter);
        padding-right: var(--front-page-gutter);
        gap: 5.1282vw;
        padding-top: 3.0769vw;
    }


    header {
        height: auto;
        min-height: 12.3077vw;
        position: relative;
        z-index: 1500;
        overflow: visible;
    }

    .burger_btn {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .flex_categorys_header,
    .flex_icons {
        display: none !important;
    }

    .logo {
        width: 23.0769vw;
        height: auto;
    }



    .flex_search_domain {
        gap: 2.0513vw;
    }

    .search_domain {
        height: 10.2564vw;
        font-size: 3.5897vw;
        padding-left: 8.7179vw;
        border-radius: 2.0513vw;
    }

    .input_box {
        border-radius: 2.0513vw;
    }

    .input_box svg {
        width: 3.5897vw;
        height: 3.5897vw;
        left: 3.0769vw;
    }

    .button_domain {
        height: 10.2564vw;
        padding: 0 3.5897vw;
        border-radius: 2.0513vw;
        gap: 1.5385vw;
    }

    .button_domain span {
        font-size: 3.3333vw;
    }

    .button_domain svg {
        width: 3.5897vw;
        height: 3.5897vw;
    }



    .background_decorations {
        display: none;
    }



    .home_page {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 5.1282vw;
        padding-top: 10vw;
    }

    .row_main {
        width: 100%;
        margin-right: 0;
    }

    .box_decor {
        display: none;
    }

    .card_perspective,
    .card_perspective_secondary,
    .card_perspective_third {
        display: none;
    }

    .type_page {
        height: auto;
        padding: 2.2821vw 2.0513vw;
        border-radius: 1.0256vw;
        gap: 1.2821vw;
    }

    .type_page svg {
        width: 3.0769vw;
        height: 3.0769vw;
    }

    .type_page span {
        font-size: 3.0769vw;
    }

    .row_text_page {
        gap: 2.5641vw;
        margin-top: 3.0769vw;
    }

    .row_text_page span:first-child {
        font-size: 7.1795vw;
        line-height: 1.1;
        letter-spacing: -0.03em;
    }

    .row_text_page span:last-child {
        font-size: 3.5897vw;
        line-height: 1.5;
    }

    .flex_buttons {
        margin-top: 9.1026vw;
        gap: 3.0513vw;
        flex-direction: column;
    }

    .button {
        height: 12.3077vw;
        min-height: 48px;
        border-radius: 2.0513vw;
        gap: 1.5385vw;
    }

    .button span {
        font-size: 3.5897vw;
    }

    .hero_actions .button {
        padding: 0;
    }

    .hero_actions .button span {
        font-size: 3.5897vw;
    }

    .button svg {
        width: 3.5897vw;
        height: 3.5897vw;
    }

    .button_orange,
    .button_green {
        border-width: 0.2564vw;
    }



    .trust_pilot {
        margin-top: 8.1026vw;
    }

    .trust_pilot_card {
        padding: 2.0513vw 2.5641vw;
        gap: 1.5385vw 2.0513vw;
        border-radius: 1.5385vw;
    }

    .trust_pilot_logo {
        height: 4.1026vw;
        max-width: 15.3846vw;
    }

    .trust_pilot_divider {
        min-height: 4.1026vw;
        width: 0.2564vw;
    }

    .trust_pilot_stars-svg {
        width: 12.8205vw;
    }

    .trust_pilot_count,
    .trust_pilot_label {
        font-size: 2.8205vw;
    }

    .trust_pilot_chevron {
        width: 5.1282vw;
        height: 5.1282vw;
        border-radius: 1.0256vw;
    }

    .trust_pilot_chevron svg {
        width: 2.0513vw;
        height: 2.0513vw;
    }


    .games_supposed {
        width: calc(100% + 8.2051vw);
        margin-left: -4.1026vw;
        margin-right: -4.1026vw;
        border-radius: 0;
        padding: 2.0513vw 4.1026vw;
        gap: 4.1026vw;
        height: auto;
        overflow-x: auto;
        display: none;
        -webkit-overflow-scrolling: touch;
        justify-content: flex-start;
    }

    .games_supposed img {
        height: 4.6154vw;
        flex-shrink: 0;
    }

    .features {
        gap: 10.1282vw;
        padding: 12.1538vw 0 8.2051vw;
    }

    .category_header_feature {
        font-size: 4.6154vw;
    }

    .flex_features_section {
        flex-direction: column !important;
        gap: 8.1026vw;
    }

    .block_feature {
        gap: 2.0513vw;
    }

    .box_feature {
        width: 10.2564vw;
        height: 10.2564vw;
        border-radius: 2.0513vw;
        font-size: 4.6154vw;
    }

    .row_feature {
        gap: 0.5128vw;
    }

    .row_feature h3 {
        font-size: 3.5897vw;
    }

    .row_feature p {
        font-size: 2.8205vw;
        margin-top: 0;
    }


    .wrapper_packages {
        gap: 2.5641vw;
        padding: 14.3590vw 2.5641vw 2.5641vw;
        border-radius: 2.5641vw;
        flex-direction: column !important;
    }

    .card_pack {
        padding: 14.3590vw 3.5897vw 3.5897vw;
        border-radius: 2.0513vw;
        gap: 4.1026vw;
        width: 100%;
    }

    .card_pack_illustration {
        width: 17.9487vw;
        height: 21.0256vw;
        top: -5.1282vw;
    }

    .card_pack_content {
        gap: 3.0769vw;
    }

    .card_pack_title {
        font-size: 4.1026vw;
    }

    .card_pack_desc {
        font-size: 3.3333vw;
        line-height: 1.5;
    }

    .card_pack_pricing {
        gap: 2.0513vw;
    }

    .card_pack_price-amount {
        font-size: 5.1282vw;
    }

    .card_pack_price-period {
        font-size: 3.0769vw;
    }

    .card_pack_button {
        height: 10.7692vw;
        border-radius: 2.0513vw;
        gap: 1.5385vw;
    }

    .card_pack_button span {
        font-size: 3.5897vw;
    }

    .card_pack_button svg {
        width: 3.5897vw;
        height: 3.5897vw;
    }

    .card_pack_features {
        gap: 1.5385vw;
    }

    .card_pack_feature {
        gap: 2.0513vw;
        padding-bottom: 1.5385vw;
        border-bottom-width: 0.2564vw;
    }

    .card_pack_feature span {
        font-size: 3.3333vw;
        line-height: 1.5;
    }

    .card_pack_check {
        width: 3.5897vw;
        height: 3.5897vw;
        margin-top: 0.5128vw;
    }


    .payments {
        padding: 12.1538vw 0;
        gap: 10.1282vw;
    }

    .payments_title {
        font-size: 4.6154vw;
    }

    .payments_subtitle {
        font-size: 3.3333vw;
        max-width: none;
        line-height: 1.5;
    }

    .payments_grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 1.5385vw;
    }

    .payments_card {
        height: 10.2564vw;
        border-radius: 1.0256vw;
    }

    .payments_card .pf {
        font-size: 4.6154vw;
    }

    .reviews {
        padding: 12.1538vw 0;
        gap: 10.1282vw;
        flex-direction: column !important;
    }

    .reviews_cards {
        width: 100%;
        flex-shrink: unset;
        gap: 2.0513vw;
    }

    .reviews_card {
        padding: 3.0769vw;
        gap: 2.0513vw;
        border-radius: 2.0513vw;
    }

    .reviews_card-header {
        padding-bottom: 2.5641vw;
        border-bottom-width: 0.2564vw;
    }

    .reviews_user {
        gap: 2.0513vw;
    }

    .reviews_avatar {
        width: 9.2308vw;
        height: 9.2308vw;
    }

    .reviews_avatar span {
        font-size: 3.5897vw;
    }

    .reviews_name {
        font-size: 3.5897vw;
    }

    .reviews_service {
        font-size: 3.0769vw;
    }

    .reviews_stars {
        font-size: 3.5897vw;
    }

    .reviews_text {
        font-size: 3.3333vw;
        line-height: 1.5;
    }

    .reviews_cta {
        width: 100%;
        gap: 10.1026vw;
    }

    .reviews_cta-content {
        gap: 3.0769vw;
    }

    .reviews_heading {
        font-size: 5.6410vw;
        line-height: 1.2;
    }

    .reviews_features {
        gap: 1.5385vw;
    }

    .reviews_feature {
        gap: 1.5385vw;
        padding-bottom: 1.5385vw;
        border-bottom-width: 0.2564vw;
    }

    .reviews_feature svg {
        width: 3.0769vw;
        height: 2.5641vw;
        margin-top: 0.5128vw;
    }

    .reviews_feature span {
        font-size: 3.3333vw;
    }

    .reviews_cta-button {
        width: 100%;
        height: 11.2821vw;
        border-radius: 2.0513vw;
        gap: 1.5385vw;
    }

    .reviews_cta-button span {
        font-size: 3.5897vw;
    }

    .reviews_cta-button svg {
        width: 3.5897vw;
        height: 3.5897vw;
    }


    .showcase {
        padding: 6.1538vw 0;
        gap: 5.1282vw;
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .showcase_image {
        width: 100%;
        height: 51.2821vw;
        padding: 2.0513vw;
        border-radius: 2.5641vw;
    }

    .showcase_mock_window {
        border-radius: 1.7949vw;
    }

    .showcase_mock_browser {
        height: 6.1538vw;
        gap: 1.5385vw;
        padding: 0 2.0513vw;
    }

    .showcase_mock_dots {
        gap: 0.7692vw;
    }

    .showcase_mock_dots i {
        width: 1.0256vw;
        height: 1.0256vw;
    }

    .showcase_mock_address {
        padding: 0.7692vw 1.5385vw;
        border-radius: 0.7692vw;
        font-size: 2.0513vw;
    }

    .showcase_mock_body {
        grid-template-columns: 9.2308vw minmax(0, 1fr);
        height: calc(100% - 6.1538vw);
    }

    .showcase_mock_sidebar {
        gap: 1.2821vw;
        padding: 2.0513vw 1.2821vw;
    }

    .showcase_mock_brand,
    .showcase_mock_nav {
        width: 5.1282vw;
        height: 5.1282vw;
        border-radius: 1.0256vw;
    }

    .showcase_mock_brand {
        margin-bottom: 0.7692vw;
        font-size: 2.8205vw;
    }

    .showcase_mock_nav {
        font-size: 2.0513vw;
    }

    .showcase_mock_content {
        gap: 1.5385vw;
        padding: 2.5641vw;
    }

    .showcase_mock_heading > span:first-child {
        font-size: 3.0769vw;
    }

    .showcase_mock_preview {
        padding: 0.5128vw 1.0256vw;
        font-size: 1.7949vw;
    }

    .showcase_mock_stats {
        gap: 1.0256vw;
    }

    .showcase_mock_stats > span {
        gap: 1.0256vw;
        padding: 1.2821vw;
        border-radius: 1.0256vw;
    }

    .showcase_mock_stats i {
        font-size: 2.3077vw;
    }

    .showcase_mock_stats b {
        font-size: 1.7949vw;
    }

    .showcase_mock_products {
        gap: 0.7692vw;
        padding: 1.2821vw;
        border-radius: 1.0256vw;
    }

    .showcase_mock_products_title {
        font-size: 2.0513vw;
    }

    .showcase_mock_product {
        min-height: 5.1282vw;
        padding: 0.7692vw 1.0256vw;
        border-radius: 0.7692vw;
    }

    .showcase_mock_product b {
        gap: 1.0256vw;
        font-size: 2.0513vw;
    }

    .showcase_mock_product em {
        padding: 0.5128vw 1.0256vw;
        font-size: 1.7949vw;
    }

    .showcase_content {
        gap: 10.1026vw;
    }

    .showcase_top {
        gap: 3.0769vw;
    }

    .showcase_header {
        gap: 2.0513vw;
    }

    .showcase_title {
        font-size: 5.6410vw;
        line-height: 1.15;
    }

    .showcase_badges {
        gap: 2.5641vw;
        flex-wrap: wrap;
    }

    .showcase_badge {
        gap: 1.5385vw;
    }

    .showcase_badge-icon {
        width: 4.6154vw;
        height: 4.6154vw;
    }

    .showcase_badge-icon svg {
        width: 2.3077vw;
        height: 1.7949vw;
    }

    .showcase_badge span {
        font-size: 3.3333vw;
    }

    .showcase_desc {
        font-size: 3.5897vw;
        line-height: 1.5;
    }

    .showcase_button {
        width: 100%;
        height: 11.2821vw;
        border-radius: 2.0513vw;
        gap: 1.5385vw;
    }

    .showcase_button span {
        font-size: 3.5897vw;
    }

    .showcase_button svg {
        width: 3.5897vw;
        height: 3.5897vw;
    }

    .home_page--about .box_decor {
        display: flex !important;
        position: relative;
        width: 100%;
        height: auto;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 2.0513vw;
        justify-content: center;
    }

    .home_page--about .logo_bg,
    .home_page--about .users_pic {
        display: none;
    }

    .home_page--about .box_info_dd {
        position: relative;
        top: auto !important;
        left: auto !important;
        width: calc(50% - 1.0256vw);
        height: auto;
        padding: 3.0769vw;
        border-radius: 2.0513vw;
        gap: 1.0256vw;
        animation: none;
    }
    .box_info_dd.first_dd, .box_info_dd.second_dd {
        margin-top: 6vw;
    }
    .box_info_dd {
        box-shadow: none;
        border: 0.052vw solid #e6eef6;
    }

    .home_page--about .flex_dd_i svg {
        width: 4.1026vw;
        height: 4.1026vw;
    }

    .home_page--about .flex_dd_i span {
        font-size: 3.0769vw;
    }

    .home_page--about .flex_dd_i {
        gap: 1.0256vw;
    }

    .home_page--about .flex_tx_dd span {
        font-size: 5.1282vw;
    }

    .features_about {
        padding: 12.1538vw 0;
        gap: 12.1282vw;
    }

    .features_second_header {
        gap: 3.0769vw;
    }

    .features_second_badge {
        height: 7.1795vw;
        padding: 0 3.0769vw;
        border-radius: 10.2564vw;
        gap: 1.5385vw;
    }

    .features_second_badge i {
        font-size: 3.0769vw;
    }

    .features_second_badge span {
        font-size: 2.8205vw;
    }

    .features_second_titles {
        width: 100%;
        gap: 1.0256vw;
    }

    .features_second_title {
        font-size: 5.1282vw;
    }

    .features_second_subtitle {
        font-size: 3.5897vw;
        line-height: 1.5;
    }

    .fab_grid {
        grid-template-columns: 1fr 1fr;
        gap: 3.0769vw;
    }

    .fab_card {
        border-radius: 2.0513vw;
        gap: 2.0513vw;
    }

    .fab_icon {
        width: 10.2564vw;
        height: 10.2564vw;
        border-radius: 2.0513vw;
    }

    .fab_icon svg {
        width: 5.1282vw;
        height: 5.1282vw;
    }

    .fab_title {
        font-size: 3.5897vw;
    }

    .fab_desc {
        font-size: 2.8205vw;
        line-height: 1.5;
    }

    .team_second {
        padding: 12.1538vw 0;
        gap: 12.1282vw;
    }

    .ts_grid {
        grid-template-columns: 1fr 1fr;
        gap: 4.1026vw 3.0769vw;
    }

    .ts_card {
        gap: 2.0513vw;
    }

    .ts_avatar {
        width: 12.8205vw;
        height: 12.8205vw;
    }

    .ts_avatar i {
        font-size: 5.1282vw;
    }

    .ts_info {
        gap: 0.5128vw;
    }

    .ts_name {
        font-size: 3.5897vw;
    }

    .ts_role {
        font-size: 2.8205vw;
    }
    .about_section {
        padding: 12.1538vw 0;
        gap: 12.1282vw;
        flex-direction: column !important;
    }

    .ab_col {
        gap: 3.0769vw;
    }

    .ab_badge {
        height: 7.1795vw;
        padding: 0 3.0769vw;
        border-radius: 10.2564vw;
        gap: 1.5385vw;
    }

    .ab_badge i {
        font-size: 3.0769vw;
    }

    .ab_badge span {
        font-size: 2.8205vw;
    }

    .ab_content {
        gap: 1.5385vw;
    }

    .ab_title {
        font-size: 5.1282vw;
    }

    .ab_desc {
        font-size: 3.5897vw;
        line-height: 1.6;
    }

    .reviews_second {
        padding: 12.1538vw 0;
        gap: 10.1282vw;
    }

    .rv2_grid {
        flex-direction: column !important;
        gap: 2.5641vw;
    }

    .rv2_card {
        border-radius: 2.0513vw;
        padding: 3.5897vw;
        gap: 3.0769vw;
    }

    .rv2_stars {
        gap: 1.0256vw;
    }

    .rv2_stars i {
        font-size: 3.5897vw;
    }

    .rv2_badge {
        height: 5.6410vw;
        padding: 0 2.0513vw;
        border-radius: 1.0256vw;
    }

    .rv2_badge span {
        font-size: 2.5641vw;
    }

    .rv2_text {
        font-size: 3.3333vw;
        line-height: 1.5;
    }

    .rv2_author {
        gap: 2.0513vw;
        border-top-width: 0.2564vw;
        padding-top: 2.5641vw;
        margin-top: 2.0513vw;
    }

    .rv2_avatar {
        width: 9.2308vw;
        height: 9.2308vw;
    }

    .rv2_avatar span {
        font-size: 3.5897vw;
    }

    .rv2_name {
        font-size: 3.5897vw;
    }

    .rv2_role {
        font-size: 3.0769vw;
    }

    .status_us {
        padding: 12.1538vw 0;
        gap: 10.1282vw;
    }

    .stat_grid {
        flex-direction: column !important;
        gap: 2.0513vw;
    }

    .stat_card {
        width: 100%;
        height: auto;
        border-radius: 2.0513vw;
        padding: 4.1026vw;
        gap: 1.5385vw;
    }

    .stat_number {
        font-size: 6.1538vw;
    }

    .stat_label {
        font-size: 3.5897vw;
    }

    .stat_sub {
        font-size: 3.0769vw;
    }

    .faq {
        padding: 12.1538vw 0;
        gap: 10.1026vw;
    }

    .faq_header {
        gap: 2.0513vw;
    }

    .faq_pill {
        height: 7.1795vw;
        padding: 0 3.0769vw;
        border-radius: 10.2564vw;
        gap: 1.5385vw;
    }

    .faq_pill i {
        font-size: 3.0769vw;
    }

    .faq_pill span {
        font-size: 2.8205vw;
    }

    .faq_title {
        font-size: 5.1282vw;
    }

    .faq_list {
        max-width: none;
        width: 100%;
    }

    .faq_item {
        border-top-width: 0.2564vw;
        border-bottom-width: 0.2564vw;
    }

    .faq_question {
        padding: 3.0769vw 1.5385vw;
    }

    .faq_question span {
        font-size: 3.3333vw;
    }

    .faq_chevron {
        width: 3.0769vw;
        height: 1.5385vw;
    }

    .faq_answer {
        padding: 0 1.5385vw;
    }

    .faq_answer span {
        font-size: 3.0769vw;
        line-height: 1.6;
    }

    .faq_item--open .faq_answer {
        max-height: 51.2821vw;
        padding: 0 1.5385vw 3.0769vw;
    }

    .features_second {
        padding: 12.1538vw 0;
        gap: 10.1282vw;
    }

    .features_second_grid {
        flex-direction: column !important;
        gap: 2.5641vw;
    }

    .features_second_card {
        border-radius: 2.0513vw;
        padding: 3.5897vw;
        gap: 2.5641vw;
        border-width: 0.2564vw;
    }

    .features_second_card-icon {
        width: 9.2308vw;
        height: 9.2308vw;
        border-radius: 2.0513vw;
        font-size: 3.5897vw;
    }

    .features_second_card-title {
        font-size: 3.5897vw;
    }

    .features_second_card-desc {
        font-size: 3.0769vw;
    }

    .team {
        flex-direction: column !important;
        padding: 10.2564vw 0;
        gap: 5.1282vw;
    }

    .team_card {
        width: 30.7692vw;
        min-width: 30.7692vw;
        height: auto;
        padding: 2.5641vw;
        border-radius: 2.0513vw;
        gap: 2.5641vw;
        border-width: 0.2564vw;
    }

    .team_avatar {
        width: 100%;
        height: 25.641vw;
        border-radius: 1.5385vw;
    }

    .team_avatar i {
        font-size: 8.2051vw;
    }

    .team_info {
        gap: 0.5128vw;
    }

    .team_name {
        font-size: 3.5897vw;
    }

    .team_role {
        font-size: 3.0769vw;
    }

    .team_cta {
        width: 100%;
        gap: 5.1282vw;
    }

    .team_cta-content {
        gap: 2.0513vw;
    }

    .team_heading {
        font-size: 5.1282vw;
        max-width: 100%;
    }

    .team_desc {
        font-size: 3.5897vw;
        line-height: 1.5;
    }

    .team_button {
        width: 100%;
        height: 11.2821vw;
        border-radius: 2.0513vw;
        gap: 1.5385vw;
        padding: 0;
        justify-content: center;
        align-items: center;
    }

    .team_button span {
        font-size: 3.5897vw;
    }

    .team_button svg {
        width: 3.5897vw;
        height: 3.5897vw;
    }


    .domain_page {
        padding: 10.2564vw 0;
        gap: 6.1538vw;
    }

    .domain_block_row {
        gap: 3.5897vw;
    }

    .domain_block_row .flex_search_domain {
        flex-direction: column !important;
        align-items: stretch;
        width: 100%;
        gap: 2.5641vw;
    }

    .domain_block_row .input_box {
        width: 100%;
    }

    .domain_block_row .button_domain {
        width: 100%;
        justify-content: center;
    }

    .domain_page_grid {
        margin-top: 0;
        gap: 2.0513vw;
        justify-content: flex-start;
    }

    .domain_page_card {
        width: calc((100% - 2.0513vw) / 2);
        box-sizing: border-box;
        padding: 3.0769vw;
        gap: 1.5385vw;
        border-radius: 2.0513vw;
        box-shadow: 0 2.0513vw 5.1282vw rgba(0, 0, 0, 0.05);
    }

    .domain_page_tld {
        font-size: 3.5897vw;
    }

    .domain_page_price {
        gap: 0.5128vw;
    }

    .domain_page_amount {
        font-size: 3.3333vw;
    }

    .domain_page_period {
        font-size: 2.8205vw;
    }


    .game_servers {
        gap: 10.1538vw;
        padding: 16vw 0 12.1282vw;
    }

    .game_servers .features_second_header {
        gap: 3.0769vw;
    }

    .game_servers .features_second_badge svg {
        width: 3.5897vw;
        height: 3.5897vw;
    }

    .row_block_game_server {
        gap: 3.5897vw;
    }

    .row_block_game_server .input_box {
        width: 100%;
    }

    .game_cards_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 2.0513vw;
    }

    .game_card {
        border-radius: 2.0513vw;
        border-width: 0.2564vw;
    }

    .game_card_image {
        width: 100%;
        height: 38.4615vw;
        box-sizing: border-box;
    }

    .game_logo {
        height: 6.1538vw;
    }

    .game_card_info {
        height: auto;
        min-height: 15.3846vw;
        padding: 2.5641vw 2.0513vw;
        margin-top: -2.5641vw;
        border-radius: 2.0513vw;
        gap: 0.5128vw;
    }

    .game_card_name {
        font-size: 3.3333vw;
    }

    .game_card_info {
        height: auto;
        min-height: 10.2564vw;
        padding: 2.5641vw 2.0513vw;
        border-radius: 0;
    }

    .game_card_name {
        font-size: 3.3333vw;
    }

    .game_card_period {
        font-size: 2.8205vw;
    }

    .features_game_server {
        padding: 12.2564vw 0;
        gap: 10.1282vw;
    }

    .fgs_title {
        font-size: 5.1282vw;
        text-align: center;
    }

    .fgs_grid {
        grid-template-columns: 1fr;
        gap: 2.5641vw;
    }

    .fgs_card {
        flex-direction: column !important;
        align-items: flex-start;
        padding: 3.5897vw;
        gap: 2.5641vw;
        border-radius: 2.0513vw;
        border-width: 0.2564vw;
    }

    .fgs_icon {
        width: 10.2564vw;
        height: 10.2564vw;
        border-radius: 2.0513vw;
    }

    .fgs_icon svg {
        width: 5.641vw;
        height: 5.641vw;
    }
    .fgs_icon i {
        font-size: 4vw;
    }

    .fgs_text {
        gap: 1.0256vw;
    }

    .fgs_text span:first-child {
        font-size: 3.5897vw;
    }

    .fgs_text span:last-child {
        font-size: 3.0769vw;
        line-height: 1.5;
    }


    .impressum {
        padding: 12.2564vw 0;
        gap: 10.1282vw;
    }

    .imp_card {
        padding: 3.5897vw;
        gap: 5.1282vw;
        border-radius: 2.0513vw;
        border-width: 0.2564vw;
    }

    .imp_card_title {
        font-size: 4.1026vw;
        padding-bottom: 3.0769vw;
        border-bottom-width: 0.2564vw;
    }

    .imp_section {
        gap: 1.5385vw;
    }

    .imp_heading {
        font-size: 3.5897vw;
    }

    .imp_text {
        font-size: 3.3333vw;
        line-height: 1.55;
    }

    .order_gameserver {
        gap: 6.5897vw;
        padding: 8vw 0 5.1282vw;
    }

    .order_gameserver .ogs_banner.jlcn {
        align-items: stretch;
        justify-content: flex-end;
    }

    .ogs_banner {
        height: auto;
        min-height: 55.1538vw;
        border-radius: 2.0513vw;
        width: 100% !important;
        padding-left: 3.25vw;
        box-sizing: border-box;
    }
    .ogs_banner-title {
        margin-top: 3.25vw;
    }

    .ogs_banner-content {
        padding-left: 0;
        gap: 3.5897vw;
        
    }
    .ogs_banner-img {
        width: auto;
        height: 100%;
        opacity: 0.25;
    }

    .ogs_banner-title {
        font-size: 5.641vw;
        line-height: 1.15;
    }

    .ogs_banner-badges {
        flex-direction: column !important;
        align-items: stretch;
        gap: 2.0513vw;
        width: 100%;
    }

    .ogs_badge {
        height: auto;
        min-height: 8.7179vw;
        padding: 2.0513vw 2.5641vw;
        border-radius: 2.0513vw;
        gap: 2.0513vw;
    }

    .ogs_badge svg {
        width: 4.1026vw;
        height: 4.1026vw;
    }

    .ogs_badge span {
        font-size: 3.0769vw;
        line-height: 1.35;
    }

    .ogs_content {
        flex-direction: column !important;
        gap: 3.5897vw;
    }

    .ogs_extensions {
        width: 100%;
        flex-shrink: 1;
        margin-bottom: 0;
        padding: 3.5897vw;
        gap: 3.5897vw;
        border-radius: 2.0513vw;
        border-width: 0.2564vw;
    }

    .ogs_section-header {
        height: auto;
        min-height: 8.2051vw;
        gap: 2.0513vw;
        border-radius: 1.0256vw;
    }

    .ogs_section-header svg {
        width: 3.5897vw;
        height: 3.5897vw;
    }

    .ogs_section-header span {
        font-size: 3.3333vw;
    }

    .ogs_price-value {
        font-size: 3.8462vw;
    }

    .ogs_price-period {
        font-size: 2.8205vw;
    }

    .ogs_config {
        width: 100%;
        gap: 3.5897vw;
    }

    .ogs_config-section {
        padding: 3.5897vw;
        gap: 3.5897vw;
        border-radius: 2.0513vw;
        border-width: 0.2564vw;
    }

    .row_ogs_loc span:first-child,
    .row_ogs_loc span:last-child {
        font-size: 2.8205vw;
    }

    .ogs_summary {
        padding: 3.5897vw;
        gap: 4.1026vw;
        border-radius: 2.0513vw;
    }

    .ogs_summary-rows {
        gap: 2.5641vw;
    }

    .ogs_summary-row {
        padding-bottom: 2.5641vw;
        border-bottom-width: 0.2564vw;
    }

    .ogs_summary-label {
        font-size: 3.0769vw;
    }

    .ogs_summary-value {
        font-size: 3.3333vw;
    }

    .ogs_total {
        gap: 3.5897vw;
    }

    .ogs_total-label {
        font-size: 3.3333vw;
    }

    .ogs_total-price {
        gap: 1.0256vw;
    }

    .ogs_total-value {
        font-size: 4.1026vw;
    }

    .ogs_total-discount {
        font-size: 3.0769vw;
    }

    .ogs_submit {
        height: 11.2821vw;
        border-radius: 2.0513vw;
        gap: 2.0513vw;
        margin-top: 5vw;
    }

    .ogs_submit svg {
        width: 3.5897vw;
        height: 3.5897vw;
    }

    .ogs_submit span {
        font-size: 3.5897vw;
    }

    .features_four {
        padding: 10.2564vw 0;
        gap: 6.1538vw;
    }

    .ff_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 2.0513vw;
    }

    .ff_card {
        padding: 3.5897vw;
        gap: 2.5641vw;
        border-radius: 2.0513vw;
        border-width: 0.2564vw;
    }

    .ff_icon {
        width: 10.2564vw;
        height: 10.2564vw;
        border-radius: 2.0513vw;
    }

    .ff_icon svg {
        width: 5.641vw;
        height: 5.641vw;
    }

    .ff_text {
        gap: 1.0256vw;
    }

    .ff_title {
        font-size: 3.5897vw;
    }

    .ff_desc {
        font-size: 3.0769vw;
        line-height: 1.5;
    }

    .technical_details {
        padding: 10.2564vw 0;
        gap: 6.1538vw;
    }

    .td_grid {
        flex-direction: column !important;
        gap: 3.5897vw;
    }

    .td_card {
        flex: unset;
        width: 100%;
        padding: 3.5897vw;
        gap: 3.0769vw;
        border-radius: 2.0513vw;
        border-width: 0.2564vw;
        box-sizing: border-box;
    }

    .td_name {
        font-size: 3.5897vw;
    }

    .td_badge {
        width: 7.6923vw;
        height: 7.6923vw;
        border-radius: 1.5385vw;
    }

    .td_badge span {
        font-size: 3.3333vw;
    }

    .td_rows {
        gap: 2.5641vw;
    }

    .td_row {
        padding-bottom: 2.5641vw;
        border-bottom-width: 0.2564vw;
        flex-wrap: wrap;
        gap: 1.0256vw;
    }

    .td_row span:first-child,
    .td_row span:last-child {
        font-size: 3.0769vw;
    }

    .server_location {
        flex-direction: column !important;
        padding: 10.2564vw 0;
        gap: 5.1282vw;
    }

    .row_left_server {
        width: 100%;
        gap: 5.1282vw;
    }

    .block_servers_list {
        gap: 2.0513vw;
    }

    .sl_item {
        padding: 3.0769vw;
        border-radius: 2.0513vw;
        border-width: 0.2564vw;
    }

    .sl_item--active {
        gap: 2.5641vw;
    }

    .sl_top {
        flex-wrap: wrap;
        gap: 2.0513vw;
    }

    .sl_info {
        gap: 2.5641vw;
        min-width: 0;
    }

    .sl_flag {
        width: 7.1795vw;
        height: 5.1282vw;
        border-radius: 1.0256vw;
    }

    .sl_name {
        font-size: 3.3333vw;
    }

    .sl_location {
        font-size: 3.0769vw;
    }

    .sl_badge {
        height: auto;
        min-height: 7.1795vw;
        padding: 0 2.5641vw;
        border-radius: 1.0256vw;
    }

    .sl_badge span {
        font-size: 2.8205vw;
    }

    .sl_features {
        gap: 2.0513vw 2.5641vw;
        border-top-width: 0.2564vw;
        padding-top: 2.5641vw;
    }

    .sl_feat {
        gap: 1.5385vw;
    }

    .sl_feat i {
        font-size: 2.8205vw;
    }

    .sl_feat span {
        font-size: 3.0769vw;
        line-height: 1.35;
    }
    .trust_pilot_count {
        margin-left: 2vw;
    }

    .map_server_wrap {
        width: 100%;
        height: 76.9231vw;
        max-height: 92.3077vw;
        border-radius: 2.0513vw;
        margin-top: 0;
    }

    .cart_page {
        gap: 6.1538vw;
        padding-top: 10.2564vw;
        padding-bottom: 10.2564vw;
    }

    .wk_body {
        flex-direction: column !important;
        gap: 5.1282vw;
        align-items: stretch;
    }

    .wk_items {
        width: 100%;
        gap: 2.5641vw;
    }

    .wk_item {
        display: grid !important;
        grid-template-columns: auto 1fr;
        grid-template-rows: auto auto;
        align-items: start;
        gap: 2.5641vw 3.0769vw;
        padding: 3.5897vw;
        border-radius: 2.0513vw;
        box-shadow: 0 2.0513vw 5.1282vw rgba(0, 0, 0, 0.06);
    }

    .wk_item_icon {
        width: 11.2821vw;
        height: 11.2821vw;
        border-radius: 2.0513vw;
    }

    .wk_item_icon i {
        font-size: 4.6154vw;
    }

    .wk_item_info {
        min-width: 0;
        gap: 1.0256vw;
    }

    .wk_item_name {
        font-size: 3.5897vw;
    }

    .wk_item_specs {
        flex-wrap: wrap;
        gap: 1.5385vw 2.0513vw;
    }

    .wk_spec {
        font-size: 2.8205vw;
        margin-top: 0;
    }

    .wk_spec_dot {
        width: 0.7692vw;
        height: 0.7692vw;
    }

    .wk_item_actions {
        grid-column: 1 / -1;
        width: 100%;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 2.5641vw;
    }

    .wk_qty {
        gap: 1.0256vw;
        border-radius: 2.0513vw;
        padding: 1.0256vw;
    }

    .wk_qty_val {
        font-size: 3.3333vw;
        min-width: 6.1538vw;
    }

    .wk_item_price {
        font-size: 3.8462vw;
        min-width: 0;
        text-align: left;
    }

    .wk_item_price span {
        font-size: 3.0769vw;
    }

    .wk_summary {
        width: 100%;
        position: static;
        padding: 3.5897vw;
        gap: 3.5897vw;
        border-radius: 2.0513vw;
        box-sizing: border-box;
    }

    .wk_summary_title {
        font-size: 4.1026vw;
    }

    .wk_promo {
        flex-direction: column !important;
        align-items: stretch;
        gap: 2.0513vw;
    }

    .wk_promo_input {
        width: 100%;
        height: 10.2564vw;
        border-radius: 2.0513vw;
        border-width: 0.2564vw;
        padding: 0 3.0769vw;
        flex: unset;
        font-size: 3.3333vw;
        flex-shrink: 0 !important;
        box-sizing: border-box;
    }

    .wk_summary_rows {
        gap: 2.5641vw;
    }

    .wk_row span {
        font-size: 3.3333vw;
    }

    .wk_row--total span {
        font-size: 3.5897vw;
    }

    .wk_row--total span:last-child {
        font-size: 4.6154vw;
    }

    .wk_divider {
        height: 0.2564vw;
    }

    .next_wk {
        font-size: 3.0769vw !important;
    }

    .wk_summary .button {
        height: 11.2821vw;
        border-radius: 2.0513vw;
        gap: 2.0513vw;
        margin-top: 5vw;
    }

    .wk_summary .button span {
        font-size: 3.5897vw;
    }

    .wk_summary .button svg {
        width: 3.5897vw;
        height: 3.5897vw;
    }

    .wk_payment {
        gap: 3.5897vw;
        flex-wrap: wrap;
        margin-top: 3vw;
    }

    .wk_payment i {
        font-size: 5.1282vw;
    }

    .wk_secure {
        gap: 1.5385vw;
        margin-top: 5vw;
    }

    .wk_secure i {
        font-size: 3.3333vw;
    }

    .wk_secure span {
        font-size: 3.0769vw;
    }

    .packages_web {
        padding: 10.2564vw 0;
        gap: 6.1538vw;
    }

    .pkg_grid {
        flex-direction: column !important;
        gap: 3.5897vw;
    }

    .pkg_card {
        flex: unset;
        width: 100%;
        box-sizing: border-box;
        padding: 3.5897vw;
        gap: 3.5897vw;
        border-radius: 2.0513vw;
        border-width: 0.2564vw;
    }

    .pkg_header {
        gap: 3.0769vw;
    }

    .pkg_info {
        gap: 1.0256vw;
    }

    .pkg_name {
        font-size: 4.1026vw;
    }

    .pkg_desc {
        font-size: 3.3333vw;
        line-height: 1.5;
    }

    .pkg_price {
        gap: 0.5128vw;
    }

    .pkg_amount {
        font-size: 5.1282vw;
    }

    .pkg_period {
        font-size: 3.3333vw;
    }

    .pkg_features {
        gap: 0;
        padding: 2.5641vw 0;
    }

    .pkg_feat {
        gap: 2.0513vw;
        padding-bottom: 2.5641vw;
        border-bottom-width: 0.2564vw;
    }

    .pkg_feat svg {
        width: 4.1026vw;
        height: 4.1026vw;
    }

    .pkg_feat span {
        font-size: 3.3333vw;
        line-height: 1.4;
    }

    .pkg_cta {
        height: 11.2821vw;
        border-radius: 2.0513vw;
        gap: 2.0513vw;
    }

    .pkg_cta span {
        font-size: 3.5897vw;
    }

    .pkg_cta svg {
        width: 3.5897vw;
        height: 3.5897vw;
    }

    .site_footer {
        margin-top: 5.1282vw;
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        box-sizing: border-box;
        padding: 8.2051vw var(--front-page-gutter) 6.1538vw;
        gap: 6.1538vw;
        border-top-width: 0.2564vw;
    }

    .site_footer_grid {
        flex-direction: column !important;
        gap: 5.1282vw;
    }

    .site_footer_col {
        width: 100%;
        min-width: 0;
        gap: 2.5641vw;
    }

    .site_footer_heading {
        font-size: 3.5897vw;
    }

    .site_footer_nav {
        gap: 1.5385vw;
    }

    .site_footer_nav a {
        font-size: 3.3333vw;
    }

    .site_footer_bar {
        padding-top: 5.1282vw;
        gap: 3.5897vw;
    }

    .site_footer_logo {
        width: 38.4615vw;
    }

    .site_footer_legal {
        max-width: none;
        font-size: 3.0769vw;
    }

    .site_footer_legal_sub {
        font-size: 2.8205vw;
    }

    .site_footer_social {
        gap: 2.5641vw;
    }

    .site_footer_social_link {
        width: 10.2564vw;
        height: 10.2564vw;
        border-radius: 2.0513vw;
    }

    .site_footer_social_link i {
        font-size: 4.1026vw;
    }

    .web_space_page .row_text_page {
        width: 70vw !important;
    }

}

.head_in svg {
    width: 0.7552vw;
    height: 0.7552vw;
}
.head_in span {
    font-size: max(12px, 0.7292vw);
    font-family: 'Medium';
    color: #1e293b;
}
.head_in {
    gap: 0.3125vw;
}
.descr_hdin {
    font-size: max(12px, 0.6771vw);
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.75);
}
.row_in {
    gap: 0.625vw;
}
.dash_block {
    gap: 0.8333vw;
    background: #f6fbff;
    border: 0.052vw solid #e6eef6;
    border-radius: 0.417vw;
    padding: 0.625vw;
}
.block_control {
    border: 0.052vw solid #e6eef6;
    border-radius: 0.417vw;
    padding: 0.625vw;
    background: #f6fbff;
    gap: 0.8333vw;
}
.head_control {
    border-radius: 0.417vw;
    padding: 0.625vw;
    background: #f6fbff;
}
.left_control {
    gap: 0.8333vw;
}
.right_control {
    gap: 0.8333vw;
}
.flex_wrap_control_bts {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.4167vw;
    width: 23.3334vw;
}
.flex_wrap_control_bts .button_ps {
    width: calc((100% - 0.8334vw) / 3);
}
.flex_wrap_control_bts .button_ps:hover {
    transform: translateY(0.052vw);
}
.flex_wrap_control_bts .button_ps:active {
    opacity: 0.7;
}
.list_pr {
    gap: 0.5208vw;
}
.pannel_serv {
    height: 2.8125vw;
    border: 0.052vw solid #e6eef6;
    background: white;
    border-radius: 0.26vw;
    padding: 0.417vw 0.521vw 0.417vw 0.677vw;
}
.row_serv {
    gap: 0.5208vw;
}
.hd_serv {
    gap: 0.2604vw;
}
.hd_serv span {
    font-size: max(12px, 0.6771vw);
    font-family: 'SemiBold';
    color: #1e293b;
}
.hd_serv svg {
    width: 0.781vw;
    height: 0.7813vw;
}
.descr_serv {
    font-size: max(12px, 0.625vw);
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.75);
}
.left_serv {
    gap: 0.5208vw;
}
.service_status {
    font-family: 'Regular';
    font-size: max(12px, 0.625vw);
    color: rgba(30, 41, 59, 0.75);
}
.status_dot {
    width: 0.4688vw;
    height: 0.4688vw;
    background: #b13032;
    border-radius: 100%;
    box-shadow: 0 0 0 0.13vw rgba(177, 48, 50, 0.25);
}
.active_dot {
    background: #00B67A;
    box-shadow: 0 0 0 0.13vw rgba(0, 182, 122, 0.25);
    animation: pulse 2s ease-in-out infinite;
}
@keyframes pulse {
    0%, 100% {
        box-shadow: 0 0 0 0.13vw rgba(0, 182, 122, 0.25);
    }
    50% {
        box-shadow: 0 0 0 0.2vw rgba(0, 182, 122, 0.4);
    }
}
.button_ps {
    cursor: pointer;
    height: 1.875vw;
    border-radius: 0.208vw;
    padding: 0.156vw 0.573vw;
    gap: 0.2604vw;
    background: #d6e9f0;
}
.button_ps svg {
    width: 0.7292vw;
    height: 0.7292vw;
}
.button_ps span {
    font-size: max(12px, 0.6771vw);
    font-family: 'Regular';
    color: #2d4d59;
}
.button_ps:hover {
    background: #c2dce5;
    transform: translateX(0.104vw);
}
.button_ps:active {
    opacity: 0.5;
}
.btn_action {
    width: 1.4583vw;
    height: 1.4583vw;
    border-radius: 0.208vw;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
}
.btn_action svg {
    width: 0.8333vw;
    height: 0.8333vw;
}
.btn_danger {
    background: #ef4444 !important;
}
.btn_danger:hover {
    background: #dc2626 !important;
}
.ctg_control_tabs {
    background: #fff;
    border-radius: 0.2604vw;
    background: #e5e7eb;
    padding: 0.2083vw;
    gap: 0.2083vw;
}
.ctg_control_tab {
    cursor: pointer;
    flex: 1;
    height: 1.6667vw;
    background: none;
    border: none;
    gap: 0.35vw;
    font-size: max(12px, 0.6771vw);
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.6);
    transition: all 0.2s ease;
    border-radius: 0.1563vw;
}
.ctg_control_tab svg {
    width: 0.7292vw;
    height: 0.7292vw;
}
.ctg_control_tab.active_tab {
    background: var(--main-color);
    color: white;
}
.ctg_control_tab.active_tab svg path {
    fill: white;
    fill-opacity: 1;
}
.ctg_control_tab:active {
    opacity: 0.75;
}
.ctg_control_tab:not(.active_tab):hover {
    background: rgba(22, 136, 174, 0.1);
    color: var(--main-color);
}
.ctg_control_tab:not(.active_tab):hover svg path {
    fill: var(--main-color);
    fill-opacity: 1;
}
.profile_rows {
    gap: 0.521vw;
}
.profile_rows .button {
    margin-top: 0 !important;
}
.profile_row {
    gap: 0.521vw;
}
.profile_field {
    flex: 1;
    gap: 0.26vw;
}
.profile_label {
    font-size: max(12px, 0.625vw);
    font-family: 'Medium';
    color: rgba(30, 41, 59, 0.6);
}
.profile_label .req {
    color: #ef4444;
    margin-left: 0.104vw;
}
.profile_divider {
    padding: 0.26vw 0;
    gap: 0.521vw;
}
.profile_divider::before,
.profile_divider::after {
    content: '';
    flex: 1;
    height: 0.052vw;
    background: #e6eef6;
}
.profile_divider span {
    font-size: max(11px, 0.573vw);
    font-family: 'Medium';
    color: rgba(30, 41, 59, 0.4);
}
.input_with_icon {
    position: relative;
}
.input_with_icon .modal_input {
    padding-right: 2.083vw;
}
.input_with_icon .btn_icon {
    position: absolute;
    right: 0.313vw;
    top: 50%;
    transform: translateY(-50%);
}
.checkbox_item {
    gap: 0.521vw;
    cursor: pointer;
    position: relative;
}
.checkbox_input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}
.checkbox_custom {
    width: 0.6771vw;
    height: 0.6771vw;
    background: #e5e7eb;
    border: 0.052vw solid #d1d5db;
    border-radius: 0.156vw;
    flex-shrink: 0;
    transition: all 0.2s ease;
    position: relative;
}
.checkbox_input:checked + .checkbox_custom {
    background: var(--main-color);
    border-color: var(--main-color);
}
.checkbox_input:checked + .checkbox_custom::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%) rotate(45deg);
    width: 0.16vw;
    height: 0.269vw;
    border: solid #fff;
    border-width: 0 0.104vw 0.104vw 0;
}
.checkbox_text {
    font-size: max(12px, 0.625vw);
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.7);
    line-height: 1.4;
}
.checkbox_text a {
    color: var(--main-color);
    text-decoration: underline;
}
.checkbox_text a:hover {
    text-decoration: none;
}
.toggle_switch {
    position: relative;
    display: inline-block;
    width: 1.615vw;
    height: 0.885vw;
    cursor: pointer;
}
.toggle_input {
    opacity: 0;
    width: 0;
    height: 0;
}
.toggle_slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #B96C6D;
    transition: 0.3s;
    border-radius: 0.885vw;
}
.toggle_slider:before {
    position: absolute;
    content: "";
    height: 0.677vw;
    width: 0.677vw;
    left: 0.104vw;
    bottom: 0.104vw;
    background-color: white;
    transition: 0.3s;
    border-radius: 50%;
}
.toggle_input:checked + .toggle_slider {
    background-color: #00B67A;
}
.toggle_input:checked + .toggle_slider:before {
    transform: translateX(0.729vw);
}
.modal_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(30, 41, 59, 0.5);
    backdrop-filter: blur(0.2vw);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}
.modal_overlay.active {
    display: flex;
}
.modal_content {
    background: #fff;
    border-radius: 0.521vw;
    width: 22vw;
    box-shadow: 0 0.521vw 2.083vw rgba(30, 41, 59, 0.15);
    animation: modalIn 0.2s ease;
}
@keyframes modalIn {
    from {
        opacity: 0;
        transform: scale(0.95) translateY(-1vw);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}
.modal_header {
    padding: 0.833vw 1.042vw;
    border-bottom: 0.052vw solid #e6eef6;
}
.modal_title {
    gap: 0.4vw;
}
.modal_title svg {
    width: 1vw;
    height: 1vw;
}
.modal_title span {
    font-size: max(13.7px, 0.833vw);
    font-family: 'SemiBold';
    color: #1e293b;
}
.modal_close {
    cursor: pointer;
    width: 1.5vw;
    height: 1.5vw;
    border: none;
    background: rgba(30, 41, 59, 0.08);
    border-radius: 0.208vw;
    transition: all 0.2s ease;
}
.modal_close svg {
    width: 0.629vw;
    height: 0.629vw;
}
.modal_close:hover {
    background: rgba(30, 41, 59, 0.15);
}
.modal_close:active {
    opacity: 0.7;
}
.modal_body {
    padding: 1.042vw;
    gap: 0.833vw;
}
.modal_field {
    gap: 0.3vw;
}
.modal_field label {
    font-size: max(12px, 0.677vw);
    font-family: 'Medium';
    color: rgba(30, 41, 59, 0.75);
}
.modal_input {
    height: max(34.27px, 2.083vw);
    border: 0.052vw solid #e6eef6;
    border-radius: 0.26vw;
    padding: 0 0.625vw;
    font-size: max(12px, 0.729vw);
    font-family: 'Regular';
    color: #1e293b;
    outline: none;
    transition: all 0.2s ease;
}
.modal_input:focus {
    border-color: var(--main-color);
}
.modal_input::placeholder {
    color: rgba(30, 41, 59, 0.4);
}
.modal_textarea {
    height: 4.167vw;
    border: 0.052vw solid #e6eef6;
    border-radius: 0.26vw;
    padding: 0.521vw 0.625vw;
    font-size: max(12px, 0.729vw);
    font-family: 'Regular';
    color: #1e293b;
    outline: none;
    resize: none;
    transition: all 0.2s ease;
}
.modal_textarea:focus {
    border-color: var(--main-color);
}
.modal_textarea::placeholder {
    color: rgba(30, 41, 59, 0.4);
}
.modal_row {
    gap: 0.625vw;
}
.modal_select {
    width: 100%;
    height: max(34.27px, 2.083vw);
    border: 0.052vw solid #e6eef6;
    border-radius: 0.26vw;
    padding: 0 0.625vw;
    font-size: max(12px, 0.729vw);
    font-family: 'Medium';
    color: #1e293b;
    background: white;
    cursor: pointer;
    transition: all 0.2s ease;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'><path d='M1 1L5 5L9 1' stroke='%231E293B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-repeat: no-repeat;
    background-position: right max(10.28px, 0.625vw) center;
    background-size: max(8.57px, 0.521vw) max(5.15px, 0.313vw);
    padding-right: 1.8vw;
}
.modal_select:focus {
    outline: none;
    border-color: var(--main-color);
}
.modal_footer {
    padding: 0.833vw 1.042vw;
    border-top: 0.052vw solid #e6eef6;
    gap: 0.5vw;
}
.modal_path {
    gap: 0.313vw;
    font-family: 'Regular';
    font-size: max(12px, 0.625vw);
    color: rgba(30, 41, 59, 0.6);
}
.btn_modal {
    cursor: pointer;
    flex: 1;
    height: 2.083vw;
    border-radius: 0.26vw;
    font-size: max(12px, 0.729vw);
    font-family: 'Medium';
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.365vw;
}
.btn_modal svg {
    width: 0.833vw;
    height: 0.833vw;
}
.btn_cancel {
    background: none;
    border: 0.052vw solid #B13032;
    color: #B13032;
}
.btn_cancel:hover {
    background: rgba(177, 48, 50, 0.08);
}
.btn_cancel:active {
    opacity: 0.7;
}
.btn_confirm {
    background: var(--main-color);
    border: none;
    color: white;
}
.btn_confirm:hover {
    background: #1a9bc7;
}
.btn_confirm:active {
    opacity: 0.7;
}

.row_configurator_ucp {
    gap: 1.042vw;
}
.config_label_ucp {
    font-size: max(12px, 0.7292vw);
    font-family: 'Medium';
    color: #1e293b;
}
.config_price_ucp {
    font-size: max(12px, 0.6771vw);
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.75);
}
.voucher_field {
    display: flex;
    align-items: stretch;
    background: #ffffff;
    border: 1px solid rgba(30, 41, 59, 0.12);
    border-radius: 0.2604vw;
    overflow: hidden;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}
.voucher_field:focus-within {
    border-color: rgba(22, 136, 174, 0.6);
    box-shadow: 0 0 0 0.0781vw rgba(22, 136, 174, 0.2);
}
.voucher_input {
    flex: 1;
    min-width: 0;
    background: transparent;
    border: none;
    outline: none;
    padding: 0.625vw 0.8333vw;
    font-family: 'Medium';
    font-size: max(12.85px, 0.7813vw);
    color: #1E293B;
    letter-spacing: 0.02em;
}
.voucher_input::placeholder {
    color: rgba(30, 41, 59, 0.55);
}
.voucher_apply {
    border: none;
    cursor: pointer;
    padding: 0 1.3021vw;
    background: #1688AE;
    color: #fff;
    font-family: 'Medium';
    font-size: max(12.85px, 0.7813vw);
    white-space: nowrap;
    transition: background 0.18s ease;
}
.voucher_apply:hover {
    background: #12718F;
}
.voucher_apply:active {
    background: #0F5E77;
}
@media (max-width: 768px) {
    .voucher_field {
        border-radius: 6px;
    }
    .voucher_input {
        padding: 12px;
        font-size: 14px;
    }
    .voucher_apply {
        padding: 0 18px;
        font-size: 14px;
    }
    .profile_rows {
        gap: 10px;
    }
    .profile_row {
        gap: 10px;
        flex-direction: column;
    }
    .profile_field {
        gap: 6px;
    }
    .profile_label {
        font-size: 13px;
    }
    .profile_divider {
        padding: 6px 0;
        gap: 10px;
    }
    .profile_divider span {
        font-size: 12px;
    }
    .modal_input {
        height: 44px;
        padding: 0 14px;
        font-size: 14px;
        border-width: 1px;
        border-radius: 6px;
    }
    .modal_textarea {
        height: 100px;
        padding: 12px 14px;
        font-size: 14px;
        border-width: 1px;
        border-radius: 6px;
    }
    .modal_select {
        height: 44px;
        padding: 0 36px 0 14px;
        font-size: 14px;
        border-width: 1px;
        border-radius: 6px;
    }
    .modal_overlay {
        padding: 16px;
    }
    .modal_content {
        width: 100%;
        max-width: 100%;
        max-height: 90vh;
        overflow-y: auto;
        border-radius: 12px;
    }
    .modal_header {
        padding: 16px;
    }
    .modal_title i {
        font-size: 16px;
    }
    .modal_title span {
        font-size: 16px;
    }
    .modal_close {
        width: 32px;
        height: 32px;
    }
    .modal_close i {
        font-size: 14px;
    }
    .modal_body {
        padding: 16px;
        gap: 14px;
    }
    .modal_footer {
        padding: 16px;
        gap: 10px;
        flex-direction: column;
    }
    .btn_modal {
        height: 44px;
        width: 100%;
        flex: 0 0 auto;
        gap: 8px;
        font-size: 14px;
        border-radius: 8px;
    }
}
.range_slider_ucp {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: max(24px, 1.25vw);
    background: linear-gradient(to bottom, transparent calc(50% - 2px), #e5e7eb calc(50% - 2px), #e5e7eb calc(50% + 2px), transparent calc(50% + 2px));
    border-radius: 0.104vw;
    outline: none;
    cursor: pointer;
}
.range_slider_ucp::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 0.625vw;
    height: 0.625vw;
    background: var(--main-color);
    border-radius: 50%;
    cursor: pointer;
    transition: transform 0.15s ease;
}
.range_slider_ucp::-webkit-slider-thumb:hover {
    transform: scale(1.05);
}
.range_slider_ucp::-moz-range-thumb {
    width: 0.833vw;
    height: 0.833vw;
    background: var(--main-color);
    border-radius: 50%;
    border: none;
    cursor: pointer;
    transition: transform 0.15s ease;
}
.range_slider_ucp::-moz-range-thumb:hover {
    transform: scale(1.15);
}
.range_slider_ucp::-moz-range-track {
    height: 0.208vw;
    background: #e5e7eb;
    border-radius: 0.104vw;
}
.check_final_ucp {
    width: 17.7083vw;
    flex-shrink: 0;
    border-radius: 0.313vw;
    padding: 0.625vw;
    border: 0.052vw solid #e6eef6;
    gap: 1.042vw;
    background: #fff;
    margin-bottom: auto;
}
.check_final_ucp .head_in {
    border-bottom: 0.052vw solid rgba(0, 0, 0, 0.15);
    padding: 0vw 0vw 0.469vw;
}
.check_final_ucp .button {
    margin-top: 0.417vw;
}
.check_section_ucp {
    gap: 0.625vw;
}
.check_section_title_ucp {
    font-size: max(11px, 0.5729vw);
    font-family: 'Medium';
    color: rgba(30, 41, 59, 0.68);
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.check_items_ucp {
    gap: 0.625vw;
}
.check_item_ucp {
    padding-bottom: 0.521vw;
    border-bottom: 0.052vw solid #f1f5f9;
}
.check_item_ucp:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.check_item_label_ucp {
    font-size: max(12px, 0.7292vw);
    font-family: 'Medium';
    color: #1e293b;
}
.check_item_sub_ucp {
    font-size: max(12px, 0.625vw);
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.75);
}
.check_item_price_ucp {
    align-items: flex-end;
    gap: 0.104vw;
}
.price_per_ucp {
    font-size: max(11px, 0.5729vw);
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.68);
}
.price_total_ucp {
    font-size: max(12px, 0.6771vw);
    font-family: 'SemiBold';
    color: var(--main-color);
}
.check_item_value_ucp {
    font-size: max(12px, 0.6771vw);
    font-family: 'SemiBold';
    color: var(--main-color);
}
.price_strike_ucp {
    font-size: 0.92em;
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.75);
    text-decoration: line-through;
    margin-right: 0.35em;
}

.packet_card_ucp {
    background: #fff;
    border: 0.052vw solid #e6eef6;
    border-radius: 0.417vw;
    padding: 0.729vw;
    gap: 0.625vw;
    position: relative;
    transition: all 0.2s ease;
    cursor: pointer;
}
.packet_card_ucp:hover {
    border-color: var(--main-color);
    box-shadow: 0 0.104vw 0.521vw rgba(22, 136, 174, 0.12);
}
.packet_card_ucp.selected_packet_ucp {
    border-color: var(--main-color);
    background: linear-gradient(135deg, rgba(22, 136, 174, 0.04) 0%, rgba(22, 136, 174, 0.08) 100%);
}
.packet_name_ucp {
    font-size: max(12.85px, 0.781vw);
    font-family: 'SemiBold';
    color: #1e293b;
}
.packet_price_tag_ucp {
    display: flex;
    align-items: baseline;
    gap: 0.104vw;
}
.packet_price_ucp {
    font-size: max(12.85px, 0.781vw);
    font-family: 'Bold';
    color: var(--main-color);
}
.packet_period_ucp {
    font-size: max(11px, 0.573vw);
    font-family: 'Regular';
    color: #64748b;
}
.packet_spec_ucp {
    gap: 0.365vw;
    align-items: center;
    display: flex;
}
.packet_spec_ucp svg {
    width: 0.729vw;
    height: 0.729vw;
    color: var(--main-color);
    flex-shrink: 0;
}
.packet_spec_ucp span {
    font-size: max(12px, 0.677vw);
    font-family: 'Regular';
    color: #475569;
}

.kvm_configurator_section {
    width: 100%;
    padding: 2.083vw 0;
    gap: 1.563vw;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.kvm_configurator_wrap {
    width: 100%;
    gap: 1.042vw;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.kvm_configurator_left {
    flex: 1;
    gap: 1.042vw;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 0.052vw solid #e6eef6;
    border-radius: 0.313vw;
    padding: 1.042vw;
}
.kvm_config_block {
    gap: 0.417vw;
    display: flex;
    flex-direction: column;
}
.kvm_config_block_head {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.kvm_choice_row {
    display: flex;
    flex-direction: row;
    gap: 0.521vw;
    flex-wrap: wrap;
}
.kvm_choice {
    flex: 1;
    min-width: 7vw;
    border: 0.052vw solid #e6eef6;
    border-radius: 0.26vw;
    padding: 0.521vw 0.729vw;
    cursor: pointer;
    transition: all 0.2s ease;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 0.156vw;
}
.kvm_choice:hover {
    border-color: var(--main-color);
}
.kvm_choice.kvm_choice--selected {
    border-color: var(--main-color);
    background: linear-gradient(135deg, rgba(22, 136, 174, 0.04) 0%, rgba(22, 136, 174, 0.08) 100%);
}
.kvm_choice_main {
    font-size: max(12px, 0.7292vw);
    font-family: 'SemiBold';
    color: #1e293b;
}
.kvm_choice_sub {
    font-size: max(12px, 0.625vw);
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.55);
}
.kvm_pkg_grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.781vw;
}
@media (max-width: 1024px) {
    .kvm_configurator_section {
        padding: 24px 0;
        gap: 20px;
    }
    .kvm_configurator_wrap {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }
    .kvm_configurator_left,
    .kvm_configurator_right,
    .check_final_ucp {
        width: 100%;
        max-width: none;
        flex: 0 0 auto;
    }
    .kvm_configurator_left {
        padding: 20px;
        gap: 18px;
        border-radius: 8px;
        border-width: 1px;
    }
    .row_configurator_ucp {
        gap: 18px;
    }
    .kvm_config_block {
        gap: 8px;
    }
    .kvm_config_block_head .config_label_ucp,
    .config_label_ucp {
        font-size: 14px;
    }
    .config_price_ucp {
        font-size: 13px;
    }
    .range_slider_ucp {
        height: 32px;
        border-radius: 2px;
    }
    .range_slider_ucp::-webkit-slider-thumb {
        width: 20px;
        height: 20px;
    }
    .range_slider_ucp::-moz-range-thumb {
        width: 20px;
        height: 20px;
    }
    .range_slider_ucp::-moz-range-track {
        height: 4px;
        border-radius: 2px;
    }
    .kvm_choice_row {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    .kvm_choice_row[data-group="location"] {
        grid-template-columns: repeat(3, 1fr);
    }
    .kvm_choice {
        flex: unset;
        min-width: 0;
        padding: 12px 14px;
        gap: 4px;
        border-radius: 6px;
        border-width: 1px;
    }
    .kvm_choice_main {
        font-size: 14px;
        line-height: 1.3;
    }
    .kvm_choice_sub {
        font-size: 12px;
        line-height: 1.3;
    }
    .check_final_ucp {
        border-radius: 8px;
        border-width: 1px;
        padding: 18px;
        gap: 16px;
    }
    .check_final_ucp .head_in {
        padding: 0 0 12px;
        gap: 8px;
        border-bottom-width: 1px;
    }
    .check_final_ucp .head_in svg {
        width: 16px;
        height: 16px;
    }
    .check_final_ucp .head_in span {
        font-size: 14px;
    }
    .check_final_ucp .button {
        margin-top: 8px;
        padding: 14px 20px;
        font-size: 15px;
        border-radius: 6px;
    }
    .check_section_ucp {
        gap: 10px;
    }
    .check_section_title_ucp {
        font-size: 11px;
    }
    .check_items_ucp {
        gap: 10px;
    }
    .check_item_ucp {
        padding-bottom: 10px;
        border-bottom-width: 1px;
    }
    .check_item_label_ucp {
        font-size: 14px;
    }
    .check_item_sub_ucp {
        font-size: 12px;
    }
    .check_item_value_ucp,
    .price_total_ucp {
        font-size: 14px;
    }
    .price_per_ucp {
        font-size: 11px;
    }
    .kvm_pkg_grid {
        width: 100%;
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
    }
    .packet_card_ucp {
        padding: 16px;
        gap: 10px;
        border-radius: 8px;
        border-width: 1px;
    }
    .packet_name_ucp {
        font-size: 16px;
    }
    .packet_price_ucp {
        font-size: 18px;
    }
    .packet_period_ucp {
        font-size: 12px;
    }
    .packet_spec_ucp svg {
        width: 14px;
        height: 14px;
    }
    .packet_spec_ucp span {
        font-size: 13px;
    }
}
@media (max-width: 640px) {
    .kvm_pkg_grid {
        grid-template-columns: 1fr;
    }
    .kvm_configurator_left {
        padding: 16px;
    }
    .check_final_ucp {
        padding: 16px;
    }
}

.list_isos {
    flex-wrap: wrap;
    gap: 0.521vw;
}
.iso_card {
    width: calc((100% - 1.042vw) / 3);
    background: #fff;
    border: 0.052vw solid #e6eef6;
    border-radius: 0.26vw;
    padding: 0.521vw;
    gap: 0.417vw;
    cursor: pointer;
    transition: all 0.2s ease;
}
.iso_card:hover {
    border-color: var(--main-color);
}
.iso_card.selected_iso {
    border-color: var(--main-color);
    background: linear-gradient(135deg, rgba(22, 136, 174, 0.04) 0%, rgba(22, 136, 174, 0.08) 100%);
}
.iso_header {
    width: 100%;
    justify-content: center;
    gap: 0.417vw;
}
.iso_header span {
    font-size: max(12px, 0.7292vw);
    font-family: 'SemiBold';
    color: #1e293b;
}
.iso_dropdown {
    position: relative;
}
.iso_select {
    background: #f1f5f9;
    border-radius: 0.208vw;
    padding: 0.417vw 0.521vw;
    cursor: pointer;
    transition: all 0.2s ease;
}
.iso_select:hover {
    background: #e6eef6;
}
.iso_select span {
    font-size: max(12px, 0.625vw);
    font-family: 'Regular';
    color: #1e293b;
}
.iso_select svg {
    width: 0.521vw;
    height: 0.521vw;
    flex-shrink: 0;
    transition: transform 0.2s ease;
}
.iso_dropdown.open .iso_select svg {
    transform: rotate(180deg);
}
.iso_options {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 0.208vw;
    margin-top: 0.208vw;
    box-shadow: 0 0.208vw 0.625vw rgba(0, 0, 0, 0.12);
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-0.208vw);
    transition: all 0.2s ease;
}
.iso_dropdown.open .iso_options {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.iso_option {
    padding: 0.417vw 0.521vw;
    font-size: max(12px, 0.625vw);
    font-family: 'Regular';
    color: #1e293b;
    cursor: pointer;
    transition: background 0.15s ease;
}
.iso_option:hover {
    background: #f1f5f9;
}
.iso_option.selected_option {
    background: rgba(22, 136, 174, 0.1);
    color: var(--main-color);
}
.iso_option:first-child {
    border-radius: 0.208vw 0.208vw 0 0;
}
.iso_option:last-child {
    border-radius: 0 0 0.208vw 0.208vw;
}
@media (max-width: 1024px) {
    .list_isos {
        gap: 10px;
    }
    .iso_card {
        width: calc(50% - 5px);
        padding: 12px;
        gap: 10px;
        border-radius: 6px;
        border-width: 1px;
    }
    .iso_header span {
        font-size: 14px;
    }
    .iso_select {
        padding: 10px 12px;
        border-radius: 4px;
    }
    .iso_select span {
        font-size: 13px;
    }
    .iso_select svg {
        width: 10px;
        height: 10px;
    }
    .iso_options {
        border-radius: 4px;
        margin-top: 4px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    }
    .iso_option {
        padding: 10px 12px;
        font-size: 13px;
    }
    .iso_option:first-child {
        border-radius: 4px 4px 0 0;
    }
    .iso_option:last-child {
        border-radius: 0 0 4px 4px;
    }
}
@media (max-width: 640px) {
    .iso_card {
        width: 100%;
    }
}
.checkbox_input:focus-visible + .checkbox_custom {
    outline: 3px solid rgba(22, 136, 174, 0.32);
    outline-offset: 3px;
}

/* Frontpage go-live expansion */
.sr_only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.flex_search_domain .button_domain {
    border: 0;
    font: inherit;
}

.row_text_page h1 {
    font-size: max(43.7px, 2.6563vw);
    font-family: 'SemiBold', Arial, sans-serif;
    font-weight: 600;
    letter-spacing: -0.05em;
    line-height: 1.02;
    color: #1e293b;
}

.row_text_page p {
    font-size: max(15.42px, 0.9375vw);
    font-family: 'Regular', Arial, sans-serif;
    color: #6b7280;
    line-height: 1.5;
}

.button--secondary {
    background: #ffffff;
    border: max(1px, 0.0521vw) solid rgba(22, 136, 174, 0.35);
}

.button--secondary span {
    color: #125f7a;
}

.button--secondary:hover {
    background: rgba(22, 136, 174, 0.08);
    border-color: #1688ae;
}

.hero_facts {
    margin-top: 1.6667vw;
    flex-wrap: wrap;
    gap: 0.5208vw 0.8333vw;
    list-style: none;
}

.hero_facts > li {
    display: inline-flex;
    align-items: center;
    gap: 0.3125vw;
    padding: 0.4688vw 0.625vw;
    border: max(1px, 0.0521vw) solid #e2e8f0;
    border-radius: 999px;
    background: #ffffff;
    color: #475569;
    font-family: 'Medium';
    font-size: max(11px, 0.6771vw);
    white-space: nowrap;
}

.hero_facts i {
    color: #1688ae;
}

a.games_supposed {
    text-decoration: none;
}

.games_supposed_label {
    display: inline-flex;
    align-items: center;
    gap: 0.4167vw;
    padding-right: 0.8333vw;
    border-right: max(1px, 0.0521vw) solid rgba(255, 255, 255, 0.28);
    color: #ffffff;
    font-family: 'Medium';
    font-size: max(11px, 0.6771vw);
    white-space: nowrap;
}

.games_supposed:hover .games_supposed_label i {
    transform: translateX(0.1563vw);
}

.front_section_header {
    gap: 0.4167vw;
    margin: 0 auto 2.0833vw;
    max-width: 34.375vw;
    text-align: center;
}

.front_section_kicker {
    display: inline-flex;
    align-items: center;
    min-height: 1.7708vw;
    padding: 0.2604vw 0.7292vw;
    border-radius: 999px;
    background: rgba(22, 136, 174, 0.12);
    color: #125f7a;
    font-family: 'Medium';
    font-size: max(11px, 0.6771vw);
    letter-spacing: 0.02em;
}

.front_section_header h2 {
    color: #1e293b;
    font-family: 'SemiBold';
    font-size: max(24px, 1.5625vw);
    font-weight: 600;
    letter-spacing: -0.035em;
    line-height: 1.15;
}

.front_section_header p {
    color: #64748b;
    font-size: max(13px, 0.7813vw);
    line-height: 1.55;
}

.packages {
    scroll-margin-top: 2vw;
}

a.card_pack_button {
    color: inherit;
    text-decoration: none;
}

.payments_subtitle {
    max-width: 36.4583vw;
}

.payments {
    position: relative;
    isolation: isolate;
    gap: 1.875vw;
    padding: 3.125vw;
    overflow: hidden;
    border: max(1px, 0.0521vw) solid #dce9ef;
    border-radius: 1.25vw;
    background:
        radial-gradient(circle at 8% 0%, rgba(22, 136, 174, 0.12), transparent 27%),
        linear-gradient(145deg, #f8fcfe 0%, #ffffff 58%, #f5fafc 100%);
}

.payments::before {
    content: '';
    position: absolute;
    z-index: -1;
    right: -4.1667vw;
    bottom: -7.2917vw;
    width: 16.6667vw;
    height: 16.6667vw;
    border: 2.6042vw solid rgba(22, 136, 174, 0.045);
    border-radius: 50%;
}

.payments_header {
    position: relative;
    z-index: 1;
    gap: 0.5208vw;
}

.payments_panel {
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 0.8333vw;
    border: max(1px, 0.0521vw) solid rgba(22, 136, 174, 0.16);
    border-radius: 0.9375vw;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 0.8333vw 2.6042vw rgba(15, 68, 86, 0.08);
    backdrop-filter: blur(0.4167vw);
}

.payments_panel_top {
    min-height: 2.5vw;
    padding: 0.3125vw 0.5208vw 0.8333vw;
}

.payments_secure {
    gap: 0.4167vw;
    color: #334155;
    font-family: 'Medium';
    font-size: max(12px, 0.7292vw);
}

.payments_secure i {
    color: #1688ae;
}

.payments_count {
    padding: 0.3125vw 0.625vw;
    border-radius: 999px;
    background: #e8f5f9;
    color: #125f7a;
    font-family: 'SemiBold';
    font-size: max(11px, 0.6771vw);
}

.payment_groups {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.8333vw;
}

.payment_group {
    position: relative;
    min-width: 0;
    padding: 1.25vw;
    overflow: hidden;
    border: max(1px, 0.0521vw) solid #e2e8f0;
    border-radius: 0.7292vw;
    background: #ffffff;
    box-shadow: 0 0.3125vw 1.0417vw rgba(15, 68, 86, 0.045);
}

.payment_group--featured {
    border-color: rgba(22, 136, 174, 0.34);
    box-shadow: 0 0.5208vw 1.4583vw rgba(22, 136, 174, 0.09);
}

.payment_group--featured::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 0.2083vw;
    background: linear-gradient(90deg, #1688ae, #65c2dc);
}

.payment_group_header {
    gap: 0.625vw;
    margin-bottom: 1.0417vw;
}

.payment_group_mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.0833vw;
    height: 2.0833vw;
    flex-shrink: 0;
    border-radius: 0.5208vw;
    background: #e8f5f9;
    color: #147a9c;
    font-family: 'ExtraBold';
    font-size: max(14px, 0.8854vw);
}

.payment_group--featured .payment_group_mark {
    background: #147a9c;
    color: #ffffff;
}

.payment_group_heading {
    gap: 0.0521vw;
}

.payment_group_heading h3 {
    color: #1e293b;
    font-family: 'SemiBold';
    font-size: max(14px, 0.8854vw);
    font-weight: 600;
    line-height: 1.15;
}

.payment_group_heading span {
    color: #7b8798;
    font-family: 'Regular';
    font-size: max(10px, 0.625vw);
}

.payment_method_list {
    display: grid;
    gap: 0.4167vw;
    list-style: none;
}

.payment_method_chip {
    min-width: 0;
    min-height: 2.3958vw;
    gap: 0.5208vw;
    padding: 0.5208vw 0.7292vw;
    border: max(1px, 0.0521vw) solid #e8edf2;
    border-radius: 0.4688vw;
    background: #f8fafc;
    color: #334155;
    transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}

.payment_method_chip:hover {
    transform: translateY(-0.0521vw);
    border-color: rgba(22, 136, 174, 0.32);
    background: #f0f9fc;
}

.payment_method_chip i {
    width: 1.25vw;
    flex-shrink: 0;
    color: #1688ae;
    font-size: max(16px, 1.0417vw);
    text-align: center;
}

.payment_method_chip span {
    font-family: 'Medium';
    font-size: max(12px, 0.7292vw);
    line-height: 1.25;
}

.payments_note {
    gap: 0.4167vw;
    margin: 0;
    padding: 0.8333vw 0.5208vw 0.1042vw;
    color: #64748b;
    font-size: max(11px, 0.6771vw);
    line-height: 1.45;
}

.payments_note i {
    color: #1688ae;
}

.prepaid_flow .reviews_avatar {
    background: rgba(22, 136, 174, 0.14);
}

.prepaid_flow .reviews_avatar span {
    color: #125f7a;
}

.prepaid_flow .reviews_stars {
    display: inline-flex;
    align-items: center;
    padding: 0.2083vw 0.4167vw;
    border-radius: 999px;
    background: rgba(22, 136, 174, 0.1);
    color: #125f7a;
    font-family: 'Medium';
    font-size: max(10px, 0.625vw);
    white-space: nowrap;
}

.prepaid_flow .reviews_heading {
    font-weight: 600;
}

.prepaid_flow .reviews_cta-button,
.showcase_button {
    text-decoration: none;
}

.front_faq {
    padding: 4.1667vw 0 5.2083vw;
}

.front_faq_list {
    width: 100%;
    max-width: 42.7083vw;
    border-top: max(1px, 0.0521vw) solid #e2e8f0;
}

.front_faq_item {
    border-bottom: max(1px, 0.0521vw) solid #e2e8f0;
}

.front_faq_question {
    width: 100%;
    padding: 1.0938vw 0.7813vw;
    border: 0;
    background: transparent;
    color: #1e293b;
    cursor: pointer;
    list-style: none;
    text-align: left;
}

.front_faq_question::-webkit-details-marker {
    display: none;
}

.front_faq_question::marker {
    content: '';
}

.front_faq_question span {
    font-family: 'Medium';
    font-size: max(14px, 0.8333vw);
}

.front_faq_question i {
    flex-shrink: 0;
    color: #1688ae;
    font-size: max(11px, 0.625vw);
    transition: transform 0.25s ease;
}

.front_faq_question:hover {
    color: #1688ae;
}

.front_faq_answer {
    color: #64748b;
}

.front_faq_answer > p {
    padding: 0 0.7813vw 1.0938vw;
    color: #64748b;
    font-size: max(13px, 0.7813vw);
    line-height: 1.6;
}

.front_faq_item[open] .front_faq_question i {
    transform: rotate(180deg);
}

.front_final_cta {
    position: relative;
    width: 100%;
    min-height: 15.625vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3.125vw;
    overflow: hidden;
    padding: 2.6042vw 3.125vw;
    border-radius: 0.8333vw;
    background: linear-gradient(135deg, #0f4456 0%, #147a9c 100%);
}

.front_final_cta::before {
    content: '';
    position: absolute;
    width: 18.75vw;
    height: 18.75vw;
    right: -6.25vw;
    top: -9.375vw;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
}

.front_final_cta_content {
    position: relative;
    z-index: 1;
    max-width: 34.375vw;
    gap: 0.625vw;
}

.front_final_cta_kicker {
    color: #ffffff;
    font-family: 'Medium';
    font-size: max(12px, 0.7292vw);
}

.front_final_cta h2 {
    color: #ffffff;
    font-family: 'SemiBold';
    font-size: max(28px, 1.875vw);
    font-weight: 600;
    letter-spacing: -0.04em;
    line-height: 1.1;
}

.front_final_cta p {
    max-width: 29.1667vw;
    color: #ffffff;
    font-size: max(13px, 0.7813vw);
    line-height: 1.55;
}

.front_final_cta_actions {
    gap: 0.625vw;
    margin-top: 0.625vw;
}

.front_cta_button {
    min-height: 2.5vw;
    padding: 0.625vw 1.0417vw;
    border: max(1px, 0.0521vw) solid rgba(255, 255, 255, 0.35);
    border-radius: 0.2604vw;
    font-family: 'Medium';
    font-size: max(12px, 0.7292vw);
    text-decoration: none;
    transition: transform 0.2s ease, background 0.2s ease;
}

.front_cta_button:hover {
    transform: translateY(-1px);
}

.front_cta_button--primary {
    border-color: #ffffff;
    background: #ffffff;
    color: #125f7a;
}

.front_cta_button--secondary {
    color: #ffffff;
}

.front_cta_button--secondary:hover {
    background: rgba(255, 255, 255, 0.1);
}

.front_final_cta_icon {
    position: relative;
    z-index: 1;
    width: 7.2917vw;
    height: 7.2917vw;
    flex-shrink: 0;
    border: max(1px, 0.0521vw) solid rgba(255, 255, 255, 0.18);
    border-radius: 1.25vw;
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    font-size: 3.125vw;
    transform: rotate(4deg);
}

.skip_link {
    position: fixed;
    top: 0.625vw;
    left: 0.625vw;
    z-index: 2000;
    padding: 0.625vw 0.9375vw;
    border-radius: 0.4167vw;
    background: #0f4456;
    color: #ffffff;
    font-family: 'SemiBold';
    font-size: max(13px, 0.7292vw);
    text-decoration: none;
    transform: translateY(calc(-100% - 1.25vw));
    transition: transform 0.2s ease;
}

.skip_link:focus {
    transform: translateY(0);
}

.front_gameserver_entry {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1.25vw;
    margin-top: 0.8333vw;
    padding: 1.25vw 1.4583vw;
    border: max(1px, 0.0521vw) solid rgba(22, 136, 174, 0.16);
    border-radius: 0.8333vw;
    background: linear-gradient(135deg, rgba(15, 68, 86, 0.98), rgba(20, 122, 156, 0.94));
    color: #ffffff;
    text-decoration: none;
    box-shadow: 0 0.625vw 1.875vw rgba(15, 68, 86, 0.12);
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.front_gameserver_entry:hover {
    transform: translateY(-0.1563vw);
    box-shadow: 0 0.8333vw 2.2917vw rgba(15, 68, 86, 0.18);
}

.front_gameserver_icon {
    width: 4.1667vw;
    height: 4.1667vw;
    flex-shrink: 0;
    border: max(1px, 0.0521vw) solid rgba(255, 255, 255, 0.2);
    border-radius: 0.8333vw;
    background: rgba(255, 255, 255, 0.12);
    font-size: 1.5625vw;
}

.front_gameserver_copy {
    gap: 0.2604vw;
}

.front_gameserver_kicker {
    color: #ffffff;
    font-family: 'Medium';
    font-size: max(11px, 0.625vw);
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.front_gameserver_title {
    color: #ffffff;
    font-family: 'SemiBold';
    font-size: max(20px, 1.25vw);
}

.front_gameserver_desc {
    max-width: 40.625vw;
    color: rgba(255, 255, 255, 0.92);
    font-size: max(12px, 0.7292vw);
    line-height: 1.5;
}

.front_gameserver_tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3125vw;
    margin-top: 0.3125vw;
    list-style: none;
}

.front_gameserver_tags > li {
    padding: 0.1563vw 0.4167vw;
    border: max(1px, 0.0521vw) solid rgba(255, 255, 255, 0.18);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    font-size: max(10px, 0.5729vw);
}

.front_gameserver_action {
    gap: 0.5208vw;
    padding: 0.7292vw 0.9375vw;
    border-radius: 0.4167vw;
    background: #ffffff;
    color: #125f7a;
    font-family: 'SemiBold';
    font-size: max(12px, 0.6771vw);
    white-space: nowrap;
}

.front_gameserver_action i {
    transition: transform 0.2s ease;
}

.front_gameserver_entry:hover .front_gameserver_action i {
    transform: translateX(0.1563vw);
}

.front_transparency {
    margin-top: 1.0417vw;
    padding: 4.1667vw 2.0833vw;
    border: max(1px, 0.0521vw) solid rgba(30, 41, 59, 0.07);
    border-radius: 1.0417vw;
    background: linear-gradient(180deg, rgba(22, 136, 174, 0.04), rgba(255, 255, 255, 0.8));
}

.front_transparency_grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.8333vw;
}

.front_transparency_card {
    min-width: 0;
    min-height: 13.5417vw;
    padding: 1.4583vw;
    border: max(1px, 0.0521vw) solid rgba(30, 41, 59, 0.08);
    border-radius: 0.8333vw;
    background: #ffffff;
    box-shadow: 0 0.5208vw 1.5625vw rgba(15, 68, 86, 0.06);
}

.front_transparency_icon {
    width: 2.9167vw;
    height: 2.9167vw;
    margin-bottom: 0.8333vw;
    border-radius: 0.625vw;
    background: rgba(22, 136, 174, 0.1);
    color: #147a9c;
    font-size: 1.1458vw;
}

.front_transparency_card h3 {
    color: #1e293b;
    font-family: 'SemiBold';
    font-size: max(18px, 1.0417vw);
}

.front_transparency_card p {
    margin-top: 0.4167vw;
    color: #526174;
    font-size: max(12px, 0.7292vw);
    line-height: 1.55;
}

.front_transparency_links {
    flex-wrap: wrap;
    gap: 0.625vw;
    margin-top: auto;
    padding-top: 1.0417vw;
}

.front_transparency_links a {
    color: #125f7a;
    font-family: 'SemiBold';
    font-size: max(12px, 0.6771vw);
    text-decoration: underline;
    text-decoration-color: rgba(18, 95, 122, 0.35);
    text-underline-offset: 0.1563vw;
}

.front_transparency_links a:hover {
    color: #0f4456;
    text-decoration-color: currentColor;
}

.button:focus-visible,
.search_domain:focus-visible,
.button_domain:focus-visible,
.card_pack_button:focus-visible,
.reviews_cta-button:focus-visible,
.showcase_button:focus-visible,
.trust_pilot:focus-visible,
.games_supposed:focus-visible,
.front_faq_question:focus-visible,
.front_cta_button:focus-visible,
.category_header:focus-visible,
.min_ic:focus-visible,
.burger_btn:focus-visible,
.mobile_nav_header:focus-visible,
.mobile_nav_link:focus-visible,
.nav_dd_item:focus-visible,
.logo_link:focus-visible,
.front_gameserver_entry:focus-visible,
.front_transparency_links a:focus-visible {
    outline: max(2px, 0.1042vw) solid #ffffff;
    outline-offset: max(2px, 0.1042vw);
    box-shadow: 0 0 0 max(4px, 0.2083vw) #0f4456;
}

@media (max-width: 768px) {
    .skip_link {
        top: 2.0513vw;
        left: 2.0513vw;
        padding: 2.5641vw 3.5897vw;
        border-radius: 1.5385vw;
        font-size: 3.3333vw;
        transform: translateY(calc(-100% - 4.1026vw));
    }

    .skip_link:focus {
        transform: translateY(0);
    }

    .row_text_page h1 {
        font-size: 8.2051vw;
        line-height: 1.03;
    }

    .row_text_page p {
        font-size: 3.5897vw;
    }

    .flex_buttons {
        flex-direction: column;
    }

    .hero_facts {
        margin-top: 5.1282vw;
        gap: 2.0513vw;
    }

    .hero_facts > li {
        gap: 1.2821vw;
        padding: 2.0513vw 3.0769vw;
        font-size: 3.0769vw;
    }

    a.games_supposed {
        display: flex;
        width: 100%;
        margin: 0;
        padding: 4.1026vw;
        border-radius: 2.0513vw;
        flex-wrap: wrap;
        justify-content: center;
        gap: 3.0769vw;
        overflow: hidden;
    }

    .games_supposed_label {
        width: 100%;
        justify-content: center;
        padding-right: 0;
        padding-bottom: 2.0513vw;
        border-right: 0;
        border-bottom: max(1px, 0.2564vw) solid rgba(255, 255, 255, 0.28);
        gap: 1.5385vw;
        font-size: 3.3333vw;
    }

    .games_supposed img {
        height: 4.1026vw;
        width: auto;
    }

    .front_section_header {
        max-width: none;
        gap: 1.5385vw;
        margin-bottom: 8.2051vw;
    }

    .front_section_kicker {
        min-height: 7.1795vw;
        padding: 1.2821vw 3.0769vw;
        font-size: 3.0769vw;
    }

    .front_section_header h2 {
        font-size: 6.1538vw;
    }

    .front_section_header p {
        font-size: 3.3333vw;
    }

    .front_gameserver_entry {
        grid-template-columns: auto minmax(0, 1fr);
        gap: 3.0769vw;
        margin-top: 3.0769vw;
        padding: 5.1282vw;
        border-radius: 2.5641vw;
    }

    .front_gameserver_entry:hover {
        transform: none;
    }

    .front_gameserver_icon {
        width: 12.3077vw;
        height: 12.3077vw;
        align-self: start;
        border-radius: 2.5641vw;
        font-size: 5.1282vw;
    }

    .front_gameserver_copy {
        gap: 1.2821vw;
    }

    .front_gameserver_kicker {
        font-size: 2.8205vw;
    }

    .front_gameserver_title {
        font-size: 5.1282vw;
        line-height: 1.2;
    }

    .front_gameserver_desc {
        max-width: none;
        font-size: 3.3333vw;
    }

    .front_gameserver_tags {
        gap: 1.0256vw;
        margin-top: 1.0256vw;
    }

    .front_gameserver_tags > li {
        padding: 0.7692vw 1.5385vw;
        font-size: 2.5641vw;
    }

    .front_gameserver_action {
        grid-column: 1 / -1;
        justify-content: center;
        min-height: 11.2821vw;
        gap: 1.5385vw;
        padding: 2.5641vw 4.1026vw;
        border-radius: 1.5385vw;
        font-size: 3.3333vw;
    }

    .front_transparency {
        margin-top: 4.1026vw;
        padding: 14.359vw 4.1026vw;
        border-radius: 3.0769vw;
    }

    .front_transparency_grid {
        grid-template-columns: 1fr;
        gap: 3.0769vw;
    }

    .front_transparency_card {
        min-height: auto;
        padding: 5.1282vw;
        border-radius: 2.5641vw;
    }

    .front_transparency_icon {
        width: 12.3077vw;
        height: 12.3077vw;
        margin-bottom: 3.0769vw;
        border-radius: 2.5641vw;
        font-size: 4.6154vw;
    }

    .front_transparency_card h3 {
        font-size: 5.1282vw;
    }

    .front_transparency_card p {
        margin-top: 1.5385vw;
        font-size: 3.3333vw;
    }

    .front_transparency_links {
        gap: 3.0769vw;
        padding-top: 4.1026vw;
    }

    .front_transparency_links a {
        font-size: 3.3333vw;
        text-underline-offset: 0.7692vw;
    }

    .payments {
        gap: 6.1538vw;
        padding: 8.2051vw 4.1026vw;
        border-radius: 3.5897vw;
    }

    .payments::before {
        right: -20.5128vw;
        bottom: -30.7692vw;
        width: 61.5385vw;
        height: 61.5385vw;
        border-width: 9.2308vw;
    }

    .payments_header {
        gap: 2.0513vw;
    }

    .payments_subtitle {
        max-width: none;
    }

    .payments_panel {
        padding: 2.0513vw;
        border-radius: 3.0769vw;
        box-shadow: 0 3.0769vw 8.2051vw rgba(15, 68, 86, 0.09);
    }

    .payments_panel_top {
        min-height: auto;
        gap: 2.0513vw;
        padding: 1.5385vw 1.5385vw 3.0769vw;
        flex-wrap: wrap;
    }

    .payments_secure {
        gap: 1.5385vw;
        font-size: 3.0769vw;
    }

    .payments_count {
        padding: 1.0256vw 2.0513vw;
        font-size: 2.8205vw;
    }

    .payment_groups {
        grid-template-columns: 1fr;
        gap: 2.0513vw;
    }

    .payment_group {
        padding: 4.1026vw;
        border-radius: 2.5641vw;
    }

    .payment_group--featured::before {
        height: 0.7692vw;
    }

    .payment_group_header {
        gap: 2.0513vw;
        margin-bottom: 3.0769vw;
    }

    .payment_group_mark {
        width: 9.2308vw;
        height: 9.2308vw;
        border-radius: 2.0513vw;
        font-size: 4.1026vw;
    }

    .payment_group_heading {
        gap: 0.5128vw;
    }

    .payment_group_heading h3 {
        font-size: 4.1026vw;
    }

    .payment_group_heading span {
        font-size: 2.8205vw;
    }

    .payment_method_list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.5385vw;
    }

    .payment_method_chip {
        min-height: 11.2821vw;
        gap: 1.5385vw;
        padding: 2.0513vw;
        border-radius: 1.5385vw;
    }

    .payment_method_chip i {
        width: 5.1282vw;
        font-size: 4.6154vw;
    }

    .payment_method_chip span {
        font-size: 3.0769vw;
    }

    .payments_note {
        align-items: flex-start;
        gap: 1.5385vw;
        padding: 3.0769vw 1.5385vw 1.0256vw;
        font-size: 2.8205vw;
    }

    .payments_note i {
        margin-top: 0.5128vw;
    }

    .showcase_dashboard_image {
        height: auto;
        aspect-ratio: 952 / 537;
        padding: 0;
    }

    .prepaid_flow .reviews_stars {
        padding: 1.0256vw 2.0513vw;
        font-size: 2.8205vw;
    }

    .front_faq {
        padding: 14.359vw 0;
    }

    .front_faq_list {
        max-width: none;
    }

    .front_faq_question {
        min-height: 15.3846vw;
        padding: 3.5897vw 2.0513vw;
        gap: 4.1026vw;
    }

    .front_faq_question span {
        font-size: 3.5897vw;
        line-height: 1.4;
    }

    .front_faq_question i {
        font-size: 3.0769vw;
    }

    .front_faq_answer > p {
        padding: 0 2.0513vw;
        font-size: 3.3333vw;
    }

    .front_faq_answer > p {
        padding-bottom: 4.1026vw;
    }

    .front_final_cta {
        min-height: auto;
        align-items: flex-start;
        padding: 8.2051vw 6.1538vw;
        border-radius: 3.0769vw;
    }

    .front_final_cta_content {
        max-width: none;
        gap: 2.5641vw;
    }

    .front_final_cta_kicker {
        font-size: 3.0769vw;
    }

    .front_final_cta h2 {
        font-size: 7.1795vw;
    }

    .front_final_cta p {
        max-width: 72vw;
        font-size: 3.3333vw;
    }

    .front_final_cta_actions {
        flex-direction: column;
        gap: 2.0513vw;
        margin-top: 2.0513vw;
    }

    .front_cta_button {
        min-height: 11.2821vw;
        padding: 2.5641vw 4.1026vw;
        border-radius: 1.5385vw;
        font-size: 3.3333vw;
    }

    .front_final_cta_icon {
        display: none;
    }
}

/* Keep the product-card redesign after the legacy card rules in the cascade. */
.wrapper_packages {
    gap: 1.0417vw;
    padding: 1.0417vw;
    border-radius: 1.25vw;
    background: linear-gradient(145deg, #f4fafc 0%, #edf6f9 100%);
}

.card_pack {
    padding: 0.8333vw 1.25vw 1.25vw;
    overflow: hidden;
    gap: 1.0417vw;
    border-radius: 0.8333vw;
}

.card_pack_illustration {
    position: relative;
    top: auto;
    left: auto;
    width: 6.6667vw;
    height: 7.8125vw;
    margin: 0 auto 0.4167vw;
    transform: none;
}

.card_pack:hover .card_pack_illustration {
    transform: translateY(-0.1563vw) scale(1.03);
}

.card_pack_content {
    gap: 0.8333vw;
}

.card_pack_header {
    gap: 0.2604vw;
}

.card_pack_title {
    font-size: max(18px, 1.0938vw);
}

.card_pack_desc {
    color: #64748b;
    line-height: 1.52;
}

.card_pack_pricing {
    gap: 0.625vw;
}

.card_pack_price {
    gap: 0.4167vw;
}

.card_pack_price-amount {
    color: #125f7a;
    font-size: max(12px, 0.7292vw);
    letter-spacing: 0;
}

.card_pack_button {
    min-height: 2.5vw;
    height: auto;
    border-radius: 0.3646vw;
}

.card_pack_features {
    gap: 0;
}

.card_pack_feature {
    gap: 0.5208vw;
    padding: 0.5208vw 0;
    border-bottom-color: #e2e8f0;
}

.card_pack_check {
    width: 0.8333vw;
    height: 0.8333vw;
    margin-top: 0.1563vw;
}

.card_pack_feature span {
    color: #64748b;
    line-height: 1.35;
}

@media (max-width: 768px) {
    .wrapper_packages {
        gap: 3.0769vw;
        padding: 3.0769vw;
        border-radius: 3.5897vw;
    }

    .card_pack {
        padding: 2.5641vw 3.5897vw 4.1026vw;
        gap: 3.0769vw;
        border-radius: 2.5641vw;
    }

    .card_pack_illustration {
        top: auto;
        width: 17.9487vw;
        height: 21.0256vw;
        margin-bottom: 2.0513vw;
    }

    .card_pack_title {
        font-size: 4.6154vw;
    }

    .card_pack_price-amount {
        font-size: 3.3333vw;
    }

    .card_pack_features {
        gap: 0;
    }

    .card_pack_feature {
        min-height: 10.2564vw;
        gap: 2.0513vw;
        padding: 2.0513vw 0;
    }
}

/* Prepaid explainer page and homepage entry */
.front_prepaid_teaser {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
    align-items: center;
    gap: 3.125vw;
    margin-bottom: 5.2083vw;
    padding: 2.6042vw 3.125vw;
    overflow: hidden;
    border: max(1px, 0.0521vw) solid #d9e9ef;
    border-radius: 1.25vw;
    background:
        radial-gradient(circle at 0 0, rgba(86, 194, 216, 0.16), transparent 34%),
        linear-gradient(135deg, #f8fcfd 0%, #ffffff 62%, #f2f9fb 100%);
}

.front_prepaid_teaser::after {
    content: '';
    position: absolute;
    right: -4.1667vw;
    bottom: -6.25vw;
    width: 15.625vw;
    height: 15.625vw;
    border: 2.3438vw solid rgba(22, 136, 174, 0.055);
    border-radius: 50%;
    pointer-events: none;
}

.front_prepaid_teaser_content {
    position: relative;
    z-index: 1;
    align-items: flex-start;
    gap: 0.7292vw;
}

.front_prepaid_teaser_content h2 {
    max-width: 26.0417vw;
    color: #1e293b;
    font-family: 'SemiBold';
    font-size: max(25px, 1.6667vw);
    font-weight: 600;
    letter-spacing: -0.04em;
    line-height: 1.12;
}

.front_prepaid_teaser_content p {
    max-width: 28.6458vw;
    color: #64748b;
    font-size: max(13px, 0.7813vw);
    line-height: 1.6;
}

.front_prepaid_teaser_link {
    gap: 0.5208vw;
    margin-top: 0.4167vw;
    color: #126f8e;
    font-family: 'SemiBold';
    font-size: max(12px, 0.7292vw);
    text-decoration: none;
}

.front_prepaid_teaser_link:hover i {
    transform: translateX(0.2083vw);
}

.front_prepaid_teaser_steps {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0.625vw;
    padding: 0.8333vw;
    border: max(1px, 0.0521vw) solid rgba(22, 136, 174, 0.14);
    border-radius: 0.8333vw;
    background: rgba(255, 255, 255, 0.84);
    box-shadow: 0 0.8333vw 2.0833vw rgba(15, 68, 86, 0.06);
    list-style: none;
}

.front_prepaid_teaser_steps li {
    display: grid;
    grid-template-columns: 2.0833vw minmax(0, 1fr);
    align-items: center;
    gap: 0.8333vw;
    min-height: 3.3333vw;
    padding: 0.625vw 0.8333vw;
    border-radius: 0.5208vw;
    background: #f5fafc;
}

.front_prepaid_teaser_number {
    width: 2.0833vw;
    height: 2.0833vw;
    border-radius: 0.5208vw;
    background: #d9f0f7;
    color: #117a9e;
    font-family: 'SemiBold';
    font-size: max(12px, 0.7292vw);
}

.front_prepaid_teaser_steps li > span:last-child {
    display: flex;
    flex-direction: column;
    gap: 0.1042vw;
}

.front_prepaid_teaser_steps strong {
    color: #1e293b;
    font-family: 'SemiBold';
    font-size: max(13px, 0.7813vw);
}

.front_prepaid_teaser_steps small {
    color: #77849a;
    font-size: max(11px, 0.6771vw);
}

.prepaid_guide {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 6.25vw;
    padding: 2.0833vw 0 0;
}

.guide_hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(21.875vw, 0.95fr);
    align-items: center;
    gap: 4.1667vw;
    min-height: 31.25vw;
    padding: 3.6458vw 4.1667vw;
    overflow: hidden;
    border: max(1px, 0.0521vw) solid #d9e9ef;
    border-radius: 1.5625vw;
    background:
        radial-gradient(circle at 2% 2%, rgba(73, 184, 213, 0.2), transparent 30%),
        radial-gradient(circle at 97% 92%, rgba(255, 179, 94, 0.15), transparent 27%),
        linear-gradient(135deg, #f7fcfd 0%, #ffffff 57%, #f8fbfc 100%);
}

.guide_hero::before {
    content: '';
    position: absolute;
    right: -5.2083vw;
    bottom: -8.3333vw;
    width: 22.9167vw;
    height: 22.9167vw;
    border: 3.125vw solid rgba(22, 136, 174, 0.055);
    border-radius: 50%;
}

.guide_hero_content,
.guide_account_preview {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.guide_hero_content {
    align-items: flex-start;
    gap: 1.0417vw;
}

.guide_kicker {
    display: inline-flex;
    align-items: center;
    gap: 0.4688vw;
    min-height: 1.875vw;
    padding: 0.3646vw 0.8333vw;
    border-radius: 999px;
    background: #dff3f8;
    color: #126c89;
    font-family: 'Medium';
    font-size: max(11px, 0.6771vw);
}

.guide_hero h1 {
    max-width: 31.25vw;
    color: #15233b;
    font-family: 'SemiBold';
    font-size: max(36px, 2.5vw);
    font-weight: 600;
    letter-spacing: -0.052em;
    line-height: 1.04;
}

.guide_hero_content > p {
    max-width: 31.25vw;
    color: #64748b;
    font-size: max(14px, 0.8333vw);
    line-height: 1.65;
}

.guide_hero_actions {
    gap: 0.625vw;
    margin-top: 0.3125vw;
}

.guide_button {
    min-height: 2.8125vw;
    padding: 0.7292vw 1.3542vw;
    border: max(1px, 0.0521vw) solid transparent;
    border-radius: 0.4167vw;
    font-family: 'SemiBold';
    font-size: max(12px, 0.7292vw);
    line-height: 1;
    text-decoration: none;
    transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.guide_button:hover {
    transform: translateY(-0.1042vw);
}

.guide_button--primary {
    background: #0f7799;
    color: #fff;
    box-shadow: 0 0.5208vw 1.25vw rgba(22, 136, 174, 0.18);
}

.guide_button--primary:hover {
    background: #126f90;
}

.guide_button--secondary {
    border-color: #cbdde4;
    background: rgba(255, 255, 255, 0.84);
    color: #255064;
}

.guide_button--secondary:hover {
    border-color: #8ebccb;
    background: #fff;
}

.guide_proof {
    gap: 1.875vw;
    margin-top: 0.7292vw;
    list-style: none;
}

.guide_proof li {
    display: flex;
    flex-direction: column;
    gap: 0.1563vw;
}

.guide_proof strong {
    color: #173047;
    font-family: 'SemiBold';
    font-size: max(15px, 0.9375vw);
}

.guide_proof span {
    color: #7b8799;
    font-size: max(10px, 0.625vw);
}

.guide_account_preview {
    padding: 1.0417vw;
    border: max(1px, 0.0521vw) solid rgba(22, 136, 174, 0.19);
    border-radius: 1.0417vw;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 1.5625vw 4.1667vw rgba(22, 68, 86, 0.13);
    transform: rotate(1.3deg);
}

.guide_account_top {
    padding: 0.3125vw 0.2083vw 0.9375vw;
}

.guide_account_title {
    gap: 0.625vw;
    color: #1f3046;
    font-family: 'SemiBold';
    font-size: max(13px, 0.7813vw);
}

.guide_account_icon {
    width: 2.0833vw;
    height: 2.0833vw;
    border-radius: 0.5208vw;
    background: #d8f0f7;
    color: #1688ae;
}

.guide_account_status {
    display: inline-flex;
    align-items: center;
    gap: 0.3125vw;
    color: #43805f;
    font-size: max(10px, 0.625vw);
}

.guide_account_status i {
    color: #40a870;
    font-size: 0.4167vw;
}

.guide_balance {
    gap: 0.2083vw;
    padding: 1.25vw;
    border-radius: 0.7292vw;
    background: linear-gradient(135deg, #167fa4 0%, #0e5e7c 100%);
    color: #fff;
}

.guide_balance span,
.guide_balance small {
    color: rgba(255, 255, 255, 0.75);
    font-size: max(10px, 0.625vw);
}

.guide_balance strong {
    font-family: 'SemiBold';
    font-size: max(19px, 1.1979vw);
    letter-spacing: -0.025em;
}

.guide_preview_flow {
    display: grid;
    gap: 0.5208vw;
    margin-top: 0.8333vw;
    list-style: none;
}

.guide_preview_flow li {
    display: grid;
    grid-template-columns: 2.0833vw minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.7292vw;
    min-height: 3.3854vw;
    padding: 0.625vw 0.7292vw;
    border: max(1px, 0.0521vw) solid #edf2f5;
    border-radius: 0.625vw;
    background: #f8fbfc;
}

.guide_flow_number {
    width: 2.0833vw;
    height: 2.0833vw;
    border-radius: 50%;
    background: #e0f3f8;
    color: #157c9f;
    font-family: 'SemiBold';
    font-size: max(11px, 0.6771vw);
}

.guide_preview_flow li > span:nth-child(2) {
    display: flex;
    flex-direction: column;
    gap: 0.1563vw;
}

.guide_preview_flow strong {
    color: #25384d;
    font-family: 'SemiBold';
    font-size: max(12px, 0.7292vw);
}

.guide_preview_flow small {
    color: #7a8798;
    font-size: max(10px, 0.625vw);
}

.guide_preview_flow li > i {
    color: #1688ae;
    font-size: max(11px, 0.6771vw);
}

.guide_section {
    width: 100%;
}

.guide_steps,
.guide_usecases {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.8333vw;
}

.guide_steps {
    list-style: none;
}

.guide_steps:has(> :nth-child(3):last-child),
.guide_usecases:has(> :nth-child(3):last-child) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.guide_step {
    position: relative;
    min-height: 13.5417vw;
    padding: 1.4583vw;
    overflow: hidden;
    border: max(1px, 0.0521vw) solid #dfeaf0;
    border-radius: 0.8333vw;
    background: #fff;
    box-shadow: 0 0.5208vw 1.5625vw rgba(15, 68, 86, 0.045);
}

.guide_step::after {
    content: '';
    position: absolute;
    right: -2.0833vw;
    bottom: -2.0833vw;
    width: 5.7292vw;
    height: 5.7292vw;
    border-radius: 50%;
    background: rgba(22, 136, 174, 0.045);
}

.guide_step_number {
    position: absolute;
    top: 1.25vw;
    right: 1.25vw;
    color: #5c8791;
    font-family: 'SemiBold';
    font-size: max(20px, 1.3542vw);
}

.guide_step_icon,
.guide_usecase_icon {
    width: 2.8125vw;
    height: 2.8125vw;
    margin-bottom: 1.1458vw;
    border-radius: 0.7292vw;
    background: #def2f7;
    color: #1688ae;
    font-size: max(16px, 0.9375vw);
}

.guide_step h3,
.guide_usecase h3 {
    color: #1e293b;
    font-family: 'SemiBold';
    font-size: max(17px, 1.0417vw);
    line-height: 1.2;
}

.guide_step p,
.guide_usecase p {
    margin-top: 0.5208vw;
    color: #6c788b;
    font-size: max(12px, 0.7292vw);
    line-height: 1.55;
}

.guide_compare {
    padding: 3.125vw;
    border: max(1px, 0.0521vw) solid #dce9ef;
    border-radius: 1.25vw;
    background: linear-gradient(145deg, #f4fafc, #fbfdfe);
}

.guide_compare_wrap {
    overflow: hidden;
    border: max(1px, 0.0521vw) solid #dbe7ec;
    border-radius: 0.8333vw;
    background: #fff;
    box-shadow: 0 0.5208vw 1.5625vw rgba(15, 68, 86, 0.045);
}

.guide_compare_table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.guide_compare_table th,
.guide_compare_table td {
    padding: 0.9375vw 1.25vw;
    border-bottom: max(1px, 0.0521vw) solid #e5edf1;
    color: #637084;
    font-size: max(12px, 0.7292vw);
    line-height: 1.4;
    text-align: left;
    vertical-align: middle;
}

.guide_compare_table thead th {
    min-height: 3.6458vw;
    background: #f9fbfc;
    color: #26384c;
    font-family: 'SemiBold';
    font-size: max(12px, 0.7292vw);
}

.guide_compare_table thead th:nth-child(2),
.guide_compare_table tbody td:nth-child(2) {
    background: rgba(22, 136, 174, 0.065);
    color: #23556a;
}

.guide_compare_table tbody th {
    width: 20%;
    color: #25374b;
    font-family: 'SemiBold';
}

.guide_compare_table tr:last-child th,
.guide_compare_table tr:last-child td {
    border-bottom: 0;
}

.guide_compare_table thead small {
    display: block;
    margin-top: 0.1563vw;
    color: #8994a4;
    font-family: 'Regular';
    font-size: max(9px, 0.5729vw);
}

.guide_table_badge {
    display: inline-flex;
    padding: 0.3646vw 0.7292vw;
    border-radius: 999px;
    background: #1688ae;
    color: #fff;
}

.guide_compare_note {
    margin-top: 0.7292vw;
    color: #8490a0;
    font-size: max(10px, 0.625vw);
    line-height: 1.5;
    text-align: center;
}

a.guide_usecase {
    display: flex;
    min-height: 15.625vw;
    padding: 1.4583vw;
    flex-direction: column;
    border: max(1px, 0.0521vw) solid #dfe9ee;
    border-radius: 0.8333vw;
    background: #fff;
    color: inherit;
    text-decoration: none;
    box-shadow: 0 0.5208vw 1.5625vw rgba(15, 68, 86, 0.04);
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

a.guide_usecase:hover {
    transform: translateY(-0.2083vw);
    border-color: rgba(22, 136, 174, 0.32);
    box-shadow: 0 0.9375vw 2.0833vw rgba(15, 68, 86, 0.09);
}

.guide_usecase_label {
    margin-bottom: 0.4167vw;
    color: #0f7799;
    font-family: 'Medium';
    font-size: max(10px, 0.625vw);
}

.guide_usecase_link {
    display: flex;
    align-items: center;
    gap: 0.4167vw;
    margin-top: auto;
    padding-top: 1.0417vw;
    color: #146f8e;
    font-family: 'SemiBold';
    font-size: max(11px, 0.6771vw);
}

.guide_usecase:hover .guide_usecase_link i {
    transform: translateX(0.2083vw);
}

.guide_faq {
    padding: 0;
}

.guide_faq .front_faq_list {
    max-width: 52.0833vw;
    margin-right: auto;
    margin-left: auto;
}

.guide_cta {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1.25vw;
    padding: 2.0833vw 2.6042vw;
    border-radius: 1.0417vw 1.0417vw 0 0;
    background: linear-gradient(135deg, #1688ae 0%, #0f6684 100%);
    color: #fff;
}

.guide_cta_icon {
    width: 3.3333vw;
    height: 3.3333vw;
    border-radius: 0.8333vw;
    background: rgba(255, 255, 255, 0.14);
    font-size: max(18px, 1.0938vw);
}

.guide_cta_content {
    gap: 0.2604vw;
}

.guide_cta_content > span {
    color: #aee5f4;
    font-family: 'Medium';
    font-size: max(10px, 0.625vw);
}

.guide_cta h2 {
    color: #fff;
    font-family: 'SemiBold';
    font-size: max(22px, 1.3542vw);
    font-weight: 600;
    letter-spacing: -0.03em;
}

.guide_cta p {
    color: rgba(255, 255, 255, 0.76);
    font-size: max(11px, 0.6771vw);
}

.guide_cta_actions {
    gap: 0.5208vw;
}

.guide_button--light {
    background: #fff;
    color: #126783;
}

.guide_button--outline {
    border-color: rgba(255, 255, 255, 0.45);
    color: #fff;
}

.guide_button--outline:hover {
    border-color: #fff;
    background: rgba(255, 255, 255, 0.08);
}

.guide_button:focus-visible,
.guide_usecase:focus-visible,
.front_prepaid_teaser_link:focus-visible {
    outline: max(2px, 0.1042vw) solid #f5a623;
    outline-offset: max(2px, 0.1042vw);
}

@media (max-width: 768px) {
    .front_prepaid_teaser {
        grid-template-columns: 1fr;
        gap: 6.1538vw;
        margin-bottom: 12.3077vw;
        padding: 7.6923vw 5.1282vw;
        border-radius: 3.5897vw;
    }

    .front_prepaid_teaser_content {
        gap: 2.5641vw;
    }

    .front_prepaid_teaser_content h2,
    .front_prepaid_teaser_content p {
        max-width: none;
    }

    .front_prepaid_teaser_content h2 {
        font-size: 6.1538vw;
    }

    .front_prepaid_teaser_content p {
        font-size: 3.5897vw;
    }

    .front_prepaid_teaser_link {
        gap: 2.0513vw;
        margin-top: 1.0256vw;
        font-size: 3.3333vw;
    }

    .front_prepaid_teaser_steps {
        gap: 2.0513vw;
        padding: 2.5641vw;
        border-radius: 2.5641vw;
    }

    .front_prepaid_teaser_steps li {
        grid-template-columns: 10.2564vw minmax(0, 1fr);
        gap: 3.0769vw;
        min-height: 15.3846vw;
        padding: 2.5641vw 3.0769vw;
        border-radius: 2.0513vw;
    }

    .front_prepaid_teaser_number {
        width: 10.2564vw;
        height: 10.2564vw;
        border-radius: 2.5641vw;
        font-size: 3.5897vw;
    }

    .front_prepaid_teaser_steps li > span:last-child {
        gap: 0.7692vw;
    }

    .front_prepaid_teaser_steps strong {
        font-size: 4.1026vw;
    }

    .front_prepaid_teaser_steps small {
        font-size: 3.0769vw;
    }

    .prepaid_guide {
        gap: 15.3846vw;
        padding-top: 6.1538vw;
    }

    .guide_hero {
        grid-template-columns: 1fr;
        gap: 8.2051vw;
        padding: 8.2051vw 5.1282vw;
        border-radius: 4.1026vw;
    }

    .guide_hero_content {
        gap: 3.0769vw;
    }

    .guide_kicker {
        gap: 1.5385vw;
        min-height: 7.1795vw;
        padding: 1.2821vw 3.0769vw;
        font-size: 3.0769vw;
    }

    .guide_hero h1,
    .guide_hero_content > p {
        max-width: none;
        overflow-wrap: anywhere;
    }

    .guide_hero h1 {
        font-size: 8.7179vw;
        line-height: 1.03;
    }

    .guide_hero_content > p {
        font-size: 3.5897vw;
        line-height: 1.58;
    }

    .guide_hero_actions {
        width: 100%;
        flex-direction: column;
        gap: 2.0513vw;
        margin-top: 1.0256vw;
    }

    .guide_button {
        width: 100%;
        min-height: 12.8205vw;
        padding: 3.0769vw 4.1026vw;
        border-radius: 2.0513vw;
        font-size: 3.3333vw;
    }

    .guide_proof {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 2.0513vw;
        margin-top: 2.0513vw;
    }

    .guide_proof li {
        min-width: 0;
    }

    .guide_proof strong,
    .guide_proof span {
        overflow-wrap: anywhere;
    }

    .guide_account_preview,
    .guide_balance,
    .guide_preview_flow li {
        width: 100%;
        min-width: 0;
    }

    .guide_proof strong {
        font-size: 4.1026vw;
    }

    .guide_proof span {
        font-size: 2.8205vw;
    }

    .guide_account_preview {
        padding: 3.0769vw;
        border-radius: 3.0769vw;
        box-shadow: 0 5.1282vw 12.8205vw rgba(22, 68, 86, 0.13);
        transform: none;
    }

    .guide_account_top {
        padding: 1.0256vw 1.0256vw 3.0769vw;
    }

    .guide_account_title {
        gap: 2.0513vw;
        font-size: 3.5897vw;
    }

    .guide_account_icon {
        width: 9.2308vw;
        height: 9.2308vw;
        border-radius: 2.0513vw;
    }

    .guide_account_status {
        gap: 1.0256vw;
        font-size: 2.8205vw;
    }

    .guide_account_status i {
        font-size: 1.2821vw;
    }

    .guide_balance {
        gap: 1.0256vw;
        padding: 4.1026vw;
        border-radius: 2.5641vw;
    }

    .guide_balance span,
    .guide_balance small {
        font-size: 2.8205vw;
    }

    .guide_balance strong {
        font-size: 5.1282vw;
        overflow-wrap: anywhere;
    }

    .guide_preview_flow {
        gap: 2.0513vw;
        margin-top: 3.0769vw;
    }

    .guide_preview_flow li {
        grid-template-columns: 9.2308vw minmax(0, 1fr) auto;
        gap: 2.5641vw;
        min-height: 15.3846vw;
        padding: 2.5641vw 3.0769vw;
        border-radius: 2.0513vw;
    }

    .guide_flow_number {
        width: 9.2308vw;
        height: 9.2308vw;
        font-size: 3.3333vw;
    }

    .guide_preview_flow li > span:nth-child(2) {
        gap: 0.5128vw;
    }

    .guide_preview_flow strong {
        font-size: 3.5897vw;
    }

    .guide_preview_flow small,
    .guide_preview_flow li > i {
        font-size: 2.8205vw;
    }

    .guide_steps,
    .guide_usecases {
        grid-template-columns: 1fr;
        gap: 3.0769vw;
    }

    .guide_step,
    a.guide_usecase {
        min-height: auto;
        padding: 5.1282vw;
        border-radius: 3.0769vw;
    }

    .guide_step_number {
        top: 4.1026vw;
        right: 4.1026vw;
        font-size: 5.641vw;
    }

    .guide_step_icon,
    .guide_usecase_icon {
        width: 12.3077vw;
        height: 12.3077vw;
        margin-bottom: 4.1026vw;
        border-radius: 3.0769vw;
        font-size: 4.6154vw;
    }

    .guide_step h3,
    .guide_usecase h3 {
        font-size: 4.6154vw;
    }

    .guide_step p,
    .guide_usecase p {
        margin-top: 2.0513vw;
        font-size: 3.3333vw;
    }

    .guide_compare {
        width: calc(100% + 10.2564vw);
        margin-left: -5.1282vw;
        padding: 8.2051vw 5.1282vw;
        border-right: 0;
        border-left: 0;
        border-radius: 0;
    }

    .guide_compare_wrap {
        overflow-x: auto;
        border-radius: 2.5641vw;
        -webkit-overflow-scrolling: touch;
    }

    .guide_compare_table {
        min-width: 184.6154vw;
    }

    .guide_compare_table th,
    .guide_compare_table td {
        padding: 3.5897vw 4.1026vw;
        font-size: 3.0769vw;
    }

    .guide_compare_table thead th {
        font-size: 3.0769vw;
    }

    .guide_compare_table thead small {
        margin-top: 0.7692vw;
        font-size: 2.3077vw;
    }

    .guide_table_badge {
        padding: 1.5385vw 3.0769vw;
    }

    .guide_compare_note {
        margin-top: 3.0769vw;
        font-size: 2.8205vw;
        text-align: left;
    }

    .guide_usecase_label {
        margin-bottom: 1.5385vw;
        font-size: 2.8205vw;
    }

    .guide_usecase_link {
        gap: 1.5385vw;
        margin-top: 5.1282vw;
        padding-top: 0;
        font-size: 3.3333vw;
    }

    .guide_faq .front_faq_list {
        max-width: none;
    }

    .guide_cta {
        grid-template-columns: 1fr;
        gap: 4.1026vw;
        padding: 7.1795vw 5.1282vw;
        border-radius: 3.5897vw 3.5897vw 0 0;
    }

    .guide_cta_icon {
        width: 12.3077vw;
        height: 12.3077vw;
        border-radius: 3.0769vw;
        font-size: 4.6154vw;
    }

    .guide_cta_content {
        gap: 1.2821vw;
    }

    .guide_cta_content > span {
        font-size: 2.8205vw;
    }

    .guide_cta h2 {
        font-size: 5.641vw;
    }

    .guide_cta p {
        font-size: 3.0769vw;
        line-height: 1.5;
    }

    .guide_cta_actions {
        width: 100%;
        flex-direction: column;
        gap: 2.0513vw;
    }
}

/* Homepage prepaid flow and FAQ refresh */
.prepaid_flow {
    position: relative;
    display: grid !important;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    align-items: stretch;
    gap: 1.0417vw;
    padding: 1.0417vw;
    overflow: hidden;
    border: max(1px, 0.0521vw) solid #d9e8ee;
    border-radius: 1.25vw;
    background:
        radial-gradient(circle at 100% 0%, rgba(93, 194, 220, 0.14), transparent 28%),
        linear-gradient(145deg, #f5fafc 0%, #edf6f9 100%);
}

.prepaid_flow .reviews_cta {
    position: relative;
    order: 1;
    min-width: 0;
    min-height: 23.9583vw;
    justify-content: flex-start;
    gap: 1.5625vw;
    padding: 2.6042vw;
    overflow: hidden;
    border-radius: 0.9375vw;
    background:
        radial-gradient(circle at 105% -5%, rgba(101, 194, 220, 0.32), transparent 34%),
        linear-gradient(145deg, #0f4456 0%, #126e8d 100%);
    box-shadow: 0 1.0417vw 2.6042vw rgba(15, 68, 86, 0.17);
}

.prepaid_flow .reviews_cta::after {
    content: '';
    position: absolute;
    right: -5.2083vw;
    bottom: -7.8125vw;
    width: 17.7083vw;
    height: 17.7083vw;
    border: 2.0833vw solid rgba(255, 255, 255, 0.06);
    border-radius: 50%;
    pointer-events: none;
}

.prepaid_flow .reviews_cta-content {
    position: relative;
    z-index: 1;
    gap: 1.25vw;
}

.prepaid_flow .reviews_cta-content::before {
    content: 'Prepaid in drei Schritten';
    display: inline-flex;
    width: fit-content;
    align-items: center;
    min-height: 1.7708vw;
    padding: 0.2604vw 0.7292vw;
    border: max(1px, 0.0521vw) solid rgba(255, 255, 255, 0.16);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    color: #bfeaf5;
    font-family: 'Medium';
    font-size: max(10px, 0.625vw);
    letter-spacing: 0.02em;
}

.prepaid_flow .reviews_heading {
    max-width: 24.4792vw;
    color: #ffffff;
    font-size: max(28px, 1.7708vw);
    letter-spacing: -0.045em;
    line-height: 1.08;
}

.prepaid_flow .reviews_heading span {
    display: block;
    margin-top: 0.1563vw;
    color: #75d2e8;
}

.prepaid_flow .reviews_features {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5208vw;
}

.prepaid_flow .reviews_feature,
.prepaid_flow .reviews_feature--last {
    min-width: 0;
    gap: 0.5208vw;
    margin: 0;
    padding: 0.625vw 0.7292vw;
    border: max(1px, 0.0521vw) solid rgba(255, 255, 255, 0.12);
    border-radius: 0.5208vw;
    background: rgba(255, 255, 255, 0.075);
}

.prepaid_flow .reviews_feature svg {
    width: 0.7292vw;
    height: 0.5208vw;
    margin: 0;
}

.prepaid_flow .reviews_feature svg path {
    fill: #78d8ed;
}

.prepaid_flow .reviews_feature span {
    color: rgba(255, 255, 255, 0.86);
    font-size: max(11px, 0.6771vw);
    line-height: 1.35;
}

.prepaid_flow .reviews_cta-button {
    position: relative;
    z-index: 1;
    width: fit-content;
    min-width: 10.4167vw;
    height: 2.7083vw;
    margin-top: auto;
    padding: 0 1.0417vw;
    border: max(1px, 0.0521vw) solid #ffffff;
    border-radius: 0.4167vw;
    background: #ffffff;
    box-shadow: 0 0.5208vw 1.25vw rgba(0, 0, 0, 0.12);
}

.prepaid_flow .reviews_cta-button:hover {
    background: #effafe;
    transform: translateY(-0.1042vw);
}

.prepaid_flow .reviews_cta-button span {
    color: #125f7a;
    font-family: 'SemiBold';
    font-size: max(12px, 0.7292vw);
}

.prepaid_flow .reviews_cta-button svg path {
    stroke: #125f7a;
}

.prepaid_flow .reviews_cards {
    position: relative;
    order: 2;
    width: auto;
    min-width: 0;
    justify-content: center;
    gap: 0.7292vw;
    padding: 0.4167vw;
}

.prepaid_flow .reviews_card {
    position: relative;
    min-height: 6.5625vw;
    justify-content: center;
    gap: 0.7292vw;
    padding: 1.0417vw 1.25vw;
    border: max(1px, 0.0521vw) solid #dce8ed;
    border-radius: 0.7292vw;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 0.5208vw 1.5625vw rgba(15, 68, 86, 0.055);
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.prepaid_flow .reviews_card:hover {
    transform: translateX(0.2083vw);
    border-color: rgba(22, 136, 174, 0.28);
    box-shadow: 0 0.7292vw 1.875vw rgba(15, 68, 86, 0.09);
}

.prepaid_flow .reviews_card::before {
    content: '';
    position: absolute;
    top: 1.0417vw;
    bottom: 1.0417vw;
    left: 0;
    width: 0.2083vw;
    border-radius: 0 999px 999px 0;
    background: linear-gradient(180deg, #65c2dc, #1688ae);
}

.prepaid_flow .reviews_card-header {
    padding: 0;
    border: 0;
}

.prepaid_flow .reviews_user {
    gap: 0.7292vw;
}

.prepaid_flow .reviews_avatar {
    width: 2.6042vw;
    height: 2.6042vw;
    border-radius: 0.6771vw;
    background: #dff2f7;
}

.prepaid_flow .reviews_avatar span {
    color: #126b89;
    font-size: max(13px, 0.7813vw);
}

.prepaid_flow .reviews_name {
    font-size: max(15px, 0.9375vw);
}

.prepaid_flow .reviews_service {
    color: #7a8798;
    font-size: max(11px, 0.6771vw);
}

.prepaid_flow .reviews_stars {
    padding: 0.2604vw 0.625vw;
    background: #eef7fa;
    font-size: max(9px, 0.5729vw);
}

.prepaid_flow .reviews_text {
    padding-left: 3.3333vw;
    color: #69768a;
    font-size: max(12px, 0.7292vw);
    line-height: 1.5;
}

.front_faq--home {
    position: relative;
    display: grid !important;
    grid-template-columns: minmax(15.625vw, 0.72fr) minmax(0, 1.28fr);
    align-items: start !important;
    gap: 3.125vw;
    padding: 3.125vw;
    overflow: hidden;
    border: max(1px, 0.0521vw) solid #d9e8ee;
    border-radius: 1.25vw;
    background:
        radial-gradient(circle at 0 0, rgba(80, 188, 216, 0.16), transparent 31%),
        linear-gradient(145deg, #f7fbfc 0%, #f1f8fa 100%);
}

.front_faq--home::after {
    content: '?';
    position: absolute;
    left: 2.0833vw;
    bottom: -5.2083vw;
    color: rgba(22, 136, 174, 0.045);
    font-family: 'ExtraBold';
    font-size: 18.75vw;
    line-height: 1;
    pointer-events: none;
}

.front_faq--home .front_section_header {
    position: relative;
    z-index: 1;
    max-width: 19.7917vw;
    align-items: flex-start;
    gap: 0.625vw;
    margin: 0;
    padding-top: 0.4167vw;
    text-align: left;
}

.front_faq--home .front_section_header h2 {
    font-size: max(28px, 1.7708vw);
    line-height: 1.08;
}

.front_faq--home .front_section_header p {
    max-width: 18.75vw;
    line-height: 1.6;
}

.front_faq_guide {
    width: 100%;
    display: grid;
    grid-template-columns: 2.2917vw minmax(0, 1fr) auto;
    gap: 0.625vw;
    margin-top: 0.8333vw;
    padding: 0.8333vw;
    border: max(1px, 0.0521vw) solid rgba(22, 136, 174, 0.18);
    border-radius: 0.625vw;
    background: rgba(255, 255, 255, 0.78);
    color: inherit;
    text-decoration: none;
    box-shadow: 0 0.4167vw 1.25vw rgba(15, 68, 86, 0.045);
}

.front_faq_guide:hover {
    border-color: rgba(22, 136, 174, 0.38);
    background: #ffffff;
    transform: translateY(-0.1042vw);
}

.front_faq_guide_icon {
    width: 2.2917vw;
    height: 2.2917vw;
    border-radius: 0.5729vw;
    background: #dff2f7;
    color: #1688ae;
    font-size: max(13px, 0.7813vw);
}

.front_faq_guide_text {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 0.1563vw;
}

.front_faq_guide_text strong {
    color: #26384c;
    font-family: 'SemiBold';
    font-size: max(11px, 0.6771vw);
}

.front_faq_guide_text small {
    color: #7b8798;
    font-size: max(9px, 0.5729vw);
    line-height: 1.35;
}

.front_faq_guide > i {
    color: #1688ae;
    font-size: max(11px, 0.6771vw);
}

.front_faq--home .front_faq_list {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: none;
    gap: 0.5208vw;
    border: 0;
    counter-reset: homepage-faq;
}

.front_faq--home .front_faq_item {
    counter-increment: homepage-faq;
    overflow: hidden;
    border: max(1px, 0.0521vw) solid #dce8ed;
    border-radius: 0.625vw;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 0.3125vw 1.0417vw rgba(15, 68, 86, 0.04);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.front_faq--home .front_faq_item:hover,
.front_faq--home .front_faq_item[open] {
    border-color: rgba(22, 136, 174, 0.3);
    box-shadow: 0 0.5208vw 1.4583vw rgba(15, 68, 86, 0.075);
}

.front_faq--home .front_faq_question {
    display: grid;
    grid-template-columns: 2.0833vw minmax(0, 1fr) 2.0833vw;
    align-items: center;
    gap: 0.8333vw;
    min-height: 3.75vw;
    padding: 0.7292vw 0.8333vw;
}

.front_faq--home .front_faq_question::before {
    content: counter(homepage-faq, decimal-leading-zero);
    display: inline-flex;
    width: 2.0833vw;
    height: 2.0833vw;
    align-items: center;
    justify-content: center;
    border-radius: 0.5208vw;
    background: #e2f3f7;
    color: #126f8f;
    font-family: 'SemiBold';
    font-size: max(10px, 0.625vw);
}

.front_faq--home .front_faq_question span {
    min-width: 0;
    font-family: 'SemiBold';
    font-size: max(13px, 0.7813vw);
}

.front_faq--home .front_faq_question > i {
    display: inline-flex;
    width: 2.0833vw;
    height: 2.0833vw;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f0f7f9;
}

.front_faq--home .front_faq_answer {
    margin: 0 0.8333vw 0.8333vw 3.75vw;
    border-left: max(2px, 0.1042vw) solid #c6e7f0;
}

.front_faq--home .front_faq_answer > p {
    padding: 0 0.8333vw 0.9375vw;
    font-size: max(12px, 0.7292vw);
}

@media (max-width: 768px) {
    .prepaid_flow {
        grid-template-columns: 1fr;
        gap: 3.0769vw;
        padding: 3.0769vw;
        border-radius: 3.5897vw;
    }

    .prepaid_flow .reviews_cta {
        min-height: auto;
        gap: 5.1282vw;
        padding: 7.1795vw 5.1282vw;
        border-radius: 2.5641vw;
    }

    .prepaid_flow .reviews_cta-content {
        gap: 4.1026vw;
    }

    .prepaid_flow .reviews_cta-content::before {
        min-height: 7.1795vw;
        padding: 1.2821vw 3.0769vw;
        font-size: 2.8205vw;
    }

    .prepaid_flow .reviews_heading {
        max-width: none;
        font-size: 7.1795vw;
    }

    .prepaid_flow .reviews_heading span {
        margin-top: 1.0256vw;
    }

    .prepaid_flow .reviews_features {
        grid-template-columns: 1fr;
        gap: 2.0513vw;
    }

    .prepaid_flow .reviews_feature,
    .prepaid_flow .reviews_feature--last {
        gap: 2.0513vw;
        padding: 3.0769vw;
        border-radius: 2.0513vw;
    }

    .prepaid_flow .reviews_feature svg {
        width: 3.0769vw;
        height: 2.5641vw;
    }

    .prepaid_flow .reviews_feature span {
        font-size: 3.3333vw;
    }

    .prepaid_flow .reviews_cta-button {
        width: 100%;
        height: 12.8205vw;
        margin-top: 0;
        border-radius: 2.0513vw;
    }

    .prepaid_flow .reviews_cta-button span {
        font-size: 3.3333vw;
    }

    .prepaid_flow .reviews_cards {
        gap: 2.0513vw;
        padding: 0;
    }

    .prepaid_flow .reviews_card {
        min-height: auto;
        gap: 3.0769vw;
        padding: 4.1026vw;
        border-radius: 2.5641vw;
    }

    .prepaid_flow .reviews_card:hover {
        transform: none;
    }

    .prepaid_flow .reviews_card::before {
        top: 4.1026vw;
        bottom: 4.1026vw;
        width: 0.7692vw;
    }

    .prepaid_flow .reviews_user {
        gap: 3.0769vw;
    }

    .prepaid_flow .reviews_avatar {
        width: 10.2564vw;
        height: 10.2564vw;
        border-radius: 2.5641vw;
    }

    .prepaid_flow .reviews_avatar span,
    .prepaid_flow .reviews_name {
        font-size: 3.5897vw;
    }

    .prepaid_flow .reviews_service,
    .prepaid_flow .reviews_stars {
        font-size: 2.8205vw;
    }

    .prepaid_flow .reviews_stars {
        padding: 1.0256vw 2.0513vw;
    }

    .prepaid_flow .reviews_text {
        padding-left: 13.3333vw;
        font-size: 3.3333vw;
    }

    .front_faq--home {
        grid-template-columns: 1fr;
        gap: 7.1795vw;
        padding: 7.1795vw 5.1282vw;
        border-radius: 3.5897vw;
    }

    .front_faq--home::after {
        display: none;
    }

    .front_faq--home .front_section_header {
        max-width: none;
        gap: 2.5641vw;
        padding: 0;
    }

    .front_faq--home .front_section_header h2 {
        font-size: 6.1538vw;
    }

    .front_faq--home .front_section_header p {
        max-width: none;
        font-size: 3.3333vw;
    }

    .front_faq_guide {
        grid-template-columns: 10.2564vw minmax(0, 1fr) auto;
        gap: 3.0769vw;
        margin-top: 2.0513vw;
        padding: 3.0769vw;
        border-radius: 2.5641vw;
    }

    .front_faq_guide_icon {
        width: 10.2564vw;
        height: 10.2564vw;
        border-radius: 2.5641vw;
        font-size: 3.5897vw;
    }

    .front_faq_guide_text {
        gap: 0.7692vw;
    }

    .front_faq_guide_text strong {
        font-size: 3.3333vw;
    }

    .front_faq_guide_text small {
        font-size: 2.8205vw;
    }

    .front_faq_guide > i {
        font-size: 3.0769vw;
    }

    .front_faq--home .front_faq_list {
        gap: 2.0513vw;
    }

    .front_faq--home .front_faq_item {
        border-radius: 2.5641vw;
    }

    .front_faq--home .front_faq_question {
        grid-template-columns: 9.2308vw minmax(0, 1fr) 9.2308vw;
        gap: 2.5641vw;
        min-height: 16.9231vw;
        padding: 3.0769vw;
    }

    .front_faq--home .front_faq_question::before,
    .front_faq--home .front_faq_question > i {
        width: 9.2308vw;
        height: 9.2308vw;
    }

    .front_faq--home .front_faq_question::before {
        border-radius: 2.0513vw;
        font-size: 2.8205vw;
    }

    .front_faq--home .front_faq_question span {
        font-size: 3.3333vw;
    }

    .front_faq--home .front_faq_answer {
        margin: 0 3.0769vw 3.0769vw 14.8718vw;
    }

    .front_faq--home .front_faq_answer > p {
        padding: 0 3.0769vw 3.0769vw;
        font-size: 3.0769vw;
    }
}

/* Consistent vertical rhythm for the homepage */
main#main-content:not(.prepaid_guide) {
    --front-section-space: 4.1667vw;
    --front-card-space: 1.5625vw;
}

main#main-content:not(.prepaid_guide) > .features {
    padding-top: 3.6458vw;
    padding-bottom: var(--front-section-space);
}

main#main-content:not(.prepaid_guide) > .front_prepaid_teaser,
main#main-content:not(.prepaid_guide) > .packages {
    margin-top: 0;
    margin-bottom: var(--front-section-space);
}

main#main-content:not(.prepaid_guide) > .payments {
    margin-top: 0;
    margin-bottom: var(--front-card-space);
}

main#main-content:not(.prepaid_guide) > .prepaid_flow {
    margin-top: 0;
    margin-bottom: var(--front-section-space);
}

main#main-content:not(.prepaid_guide) > .showcase--dashboard {
    margin-top: 0;
    margin-bottom: var(--front-section-space);
    padding-top: 0;
    padding-bottom: 0;
}

main#main-content:not(.prepaid_guide) > .front_transparency {
    margin-top: 0;
    margin-bottom: var(--front-card-space);
}

main#main-content:not(.prepaid_guide) > .front_faq--home {
    margin-top: 0;
    margin-bottom: var(--front-card-space);
}

main#main-content:not(.prepaid_guide) > .front_final_cta {
    margin-top: 0;
    margin-bottom: 0;
}

@media (max-width: 768px) {
    main#main-content:not(.prepaid_guide) {
        --front-section-space: 12.3077vw;
        --front-card-space: 4.1026vw;
    }

    main#main-content:not(.prepaid_guide) > .features {
        padding-top: var(--front-section-space);
        padding-bottom: var(--front-section-space);
    }

    main#main-content:not(.prepaid_guide) > .showcase--dashboard {
        gap: 7.1795vw;
    }
}