* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
:root {
    --main-color: #1688AE;
}

::-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: 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);
    }
}

/* Scroll / load reveal (mainpage & pages using .reveal) */
.reveal {
    opacity: 0;
    transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform;
}
.reveal.reveal--up {
    transform: translateY(1.25vw);
}
.reveal.reveal--down {
    transform: translateY(-0.85vw);
}
.reveal.reveal--left {
    transform: translateX(-1.25vw);
}
.reveal.reveal--right {
    transform: translateX(1.25vw);
}
.reveal.reveal--fade {
    transform: none;
}
.reveal.reveal--scale {
    transform: scale(0.96);
}
.reveal.is-visible {
    opacity: 1;
    transform: none;
}
.reveal.reveal--scale.is-visible {
    transform: scale(1);
}
@media (prefers-reduced-motion: reduce) {
    .reveal {
        opacity: 1;
        transform: none;
        transition: none;
        will-change: auto;
    }
}

body,
html {
    position: relative;
    height: 100%;
    width: 100%;
    font-size: 0.7292vw;
    overflow: hidden;
    color: white;
    color: #1E293B;
    scroll-behavior: smooth;
}
body {
    padding-left: 23.4896vw;
    padding-right: 23.4896vw;
    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;
}

span,
div:not(.form),
img,
svg,
path,
input,
g {
    transition: all 0.3s ease;
}


img {
    pointer-events: none;
}

.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: 6.5625vw;
    height: 1.3036vw;
}
.category_header {
    height: 1.875vw;
    border-radius: 0.156vw;
    gap: 0.2083vw;
    padding: 0.469vw 0.573vw;
    cursor: pointer;
    user-select: none;
}
.category_header span {
    font-size: 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: 0.7292vw;
    font-family: 'SemiBold';
    color: #1e293b;
    letter-spacing: -0.02em;
}
.nav_dd_desc {
    font-size: 0.5729vw;
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.45);
}

.input_box {
    position: relative;
    width: 100%;
    border-radius: 0.2083vw;
}
.search_domain {
    position: relative;
    width: 100%;
    background: #e5e7eb;
    height: 2.1354vw;
    outline: none;
    padding-left: 1.5625vw;
    font-size: 0.7813vw;
    font-family: 'Medium';
    color: #1E293B;
    border: none;
    padding-right: 0.8333vw;
    border-radius: 0.2083vw;
}
.search_domain:hover {
    background: #D7DADE;
}
.search_domain:focus {
    background: rgba(22, 136, 174, 0.2);
}
.input_box svg {
    position: absolute;
    left: 0.5208vw;
    width: 0.7292vw;
    height: 0.7292vw;
}
.search_domain::placeholder {
    color: rgba(30, 41, 59, 0.75);
}
.button_domain {
    border-radius: 0.208vw;
    padding: 0.521vw 0.833vw;
    height: 2.1354vw;
    background: #1688ae;
    gap: 0.2604vw;
    cursor: pointer;
    flex-shrink: 0;
}
.button_domain:hover {
    transform: translateY(0.1vw);
    background: #147a9c;
}
.button_domain:active {
    opacity: 0.75;
}
.flex_search_domain {
    gap: 0.625vw;
}
.button_domain span {
    font-size: 0.7813vw;
    font-family: 'Medium';
    color: white;
}
.home_page {
    position: relative;
}
.home_pic {
    width: 29.4792vw;
    height: 34.7917vw;
}
.button_domain svg {
    width: 0.8854vw;
    height: 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: 0.7813vw;
    font-family: 'Medium';
    color: #1688AE;
}
.row_main {
    width: 21.8229vw;
    margin-right: auto;
}
.row_text_page {
    gap: 0.8333vw;
    margin-top: 1.25vw;
}
.row_text_page span:first-child {
    font-size: 2.6563vw;
    font-family: 'SemiBold';
    letter-spacing: -0.05em;
    line-height: 102%;
}
.row_text_page span:last-child {
    font-size: 0.9375vw;
    font-family: 'Regular';
    color: #6b7280;
}
.button {
    cursor: pointer;
    height: 2.4479vw;
    width: 100%;
    background: #1688ae;
    gap: 0.2604vw;
    border-radius: 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: #147a9c;
}
.button:active {
    opacity: 0.7;
}
.button span {
    font-size: 0.8333vw;
    color: white;
    font-family: 'Medium';
}
.button svg {
    width: 0.8854vw;
    height: 0.8854vw;
}
.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: #00b67a;
}
.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%;
}
.trust_pilot_card {
    cursor: pointer;
    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 {
    flex-shrink: 0;
    line-height: 0;
}
.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: 0.7292vw;
    font-family: 'SemiBold', system-ui, sans-serif;
    color: #1e293b;
    letter-spacing: -0.02em;
}
.trust_pilot_label {
    font-size: 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: #1688ae;
    border-radius: 0.208vw;
    padding: 0.469vw 2.604vw;
}
.games_supposed img {
    height: 1.4427vw;
}
.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: 1.2583vw;
    color: #1688AE;
}
.row_feature {
    gap: 0.1042vw;
}
.row_feature span:first-child {
    font-size: 1.0417vw;
    font-family: 'SemiBold';
    color: #1e293b;
    letter-spacing: -0.02em;
}
.row_feature span:last-child {
    font-size: 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: 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: 1.0417vw;
    font-family: 'SemiBold';
    color: #1e293b;
    letter-spacing: -0.02em;
}
.card_pack_desc {
    font-size: 0.8333vw;
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.5);
    line-height: 1.45;
}
.card_pack_pricing {
    gap: 0.8333vw;
}
.card_pack_price {
    gap: 0;
}
.card_pack_price-amount {
    font-size: 1.25vw;
    font-family: 'SemiBold';
    color: #1688AE;
    letter-spacing: -0.02em;
}
.card_pack_price-period {
    font-size: 0.8333vw;
    font-family: 'Medium';
    color: rgba(26, 165, 195, 0.75);
}
.card_pack_button {
    width: 100%;
    height: 2.1875vw;
    background: #1688AE;
    border-radius: 0.2083vw;
    gap: 0.4167vw;
    cursor: pointer;
}
.card_pack_button:hover {
    background: #147a9c;
    transform: translateY(0.052vw);
}
.card_pack_button:active {
    opacity: 0.75;
}
.card_pack_button span {
    font-size: 0.8333vw;
    font-family: 'Medium';
    color: white;
}
.card_pack_button svg {
    width: 0.8854vw;
    height: 0.8854vw;
}
.card_pack_features {
    gap: 0.4167vw;
}
.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: 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%);
}
.ddos_pic {
    height: 21.3021vw;
    position: absolute;
    top: 4vw;
    animation: floatShield 3s ease-in-out infinite;
}
.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: 1.25vw;
    font-family: 'SemiBold';
    color: #1e293b;
    letter-spacing: -0.02em;
}
.payments_title span {
    color: #1688AE;
}
.payments_subtitle {
    font-size: 0.8333vw;
    font-family: 'Regular';
    color: rgba(0, 0, 0, 0.5);
    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%;
}
.payments_card {
    height: 2.8563vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e5e7eb;
    border-radius: 0.1563vw;
}
.payments_card .pf {
    font-size: 1.5229vw;
    color: rgba(30, 41, 59, 0.8);
}
.payments_card:hover {
    background: #1688AE;
}
.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;
}
.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: #1688AE;
    flex-shrink: 0;
}
.reviews_avatar span {
    font-size: 0.8854vw;
    font-family: 'SemiBold';
    color: white;
}
.reviews_user-info {
    gap: 0;
}
.reviews_name {
    font-size: 0.9375vw;
    font-family: 'SemiBold';
    color: #1e293b;
    letter-spacing: -0.02em;
}
.reviews_service {
    font-size: 0.8333vw;
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.5);
}
.reviews_stars {
    font-size: 0.9375vw;
    line-height: 1;
}
.reviews_text {
    font-size: 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: 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;

}
.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: 0.8333vw;
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.7);
}
.reviews_cta-button {
    width: 9.3229vw;
    height: 2.4479vw;
    background: #1688AE;
    border-radius: 0.2083vw;
    gap: 0.4167vw;
    cursor: pointer;
}
.reviews_cta-button:hover {
    background: #147a9c;
    transform: translateY(0.052vw);
}
.reviews_cta-button:active {
    opacity: 0.75;
}
.reviews_cta-button span {
    font-size: 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_image {
    width: 25.5729vw;
    height: 18.0729vw;
    background: #ededed;
    border: 0.052vw solid #c8c8c8;
    border-radius: 1.0417vw;
    flex-shrink: 0;
}
.showcase_content {
    flex: 1;
    gap: 2.0833vw;
}
.showcase_top {
    gap: 1.25vw;
}
.showcase_header {
    gap: 0.625vw;
}
.showcase_title {
    font-size: 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: #1688AE;
    flex-shrink: 0;
}
.showcase_badge-icon svg {
    width: 0.625vw;
    height: 0.4688vw;
}
.showcase_badge span {
    font-size: 0.8333vw;
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.7);
}
.showcase_desc {
    font-size: 0.9375vw;
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.7);
    line-height: 1.45;
}
.showcase_button {
    width: 8.6979vw;
    height: 2.4479vw;
    background: #1688AE;
    border-radius: 0.2083vw;
    gap: 0.4167vw;
    cursor: pointer;
}
.showcase_button:hover {
    background: #147a9c;
    transform: translateY(0.052vw);
}
.showcase_button:active {
    opacity: 0.75;
}
.showcase_button span {
    font-size: 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: rgba(22, 136, 174, 0.75);
}
.features_second_badge span {
    font-size: 0.6771vw;
    font-family: 'Medium';
    color: rgba(22, 136, 174, 0.75);
}
.features_second_titles {
    gap: 0.4167vw;
    width: 28.125vw;
    text-align: center;
}
.features_second_title {
    font-size: 1.25vw;
    font-family: 'SemiBold';
    color: #1e293b;
    letter-spacing: -0.02em;
}
.features_second_subtitle {
    font-size: 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: 0.9375vw;
    font-family: 'SemiBold';
    color: #1e293b;
    letter-spacing: -0.02em;
}
.features_second_card-desc {
    font-size: 0.7292vw;
    font-family: 'Regular';
    color: #6b7280;
    letter-spacing: -0.03em;
    margin-top: 0.1563vw;
}

.badges_ddos {
    padding-top: 3.2292vw;
    padding-bottom: 5.2083vw;
    gap: 2.0833vw;
    width: 100%;
}
.badges_ddos_header {
    gap: 1.25vw;
}
.badges_ddos_pill {
    height: 1.875vw;
    padding: 0 0.8333vw;
    background: rgba(185, 108, 109, 0.15);
    border-radius: 2.3958vw;
    gap: 0.4167vw;
}
.badges_ddos_pill i {
    font-size: 0.7292vw;
    color: rgba(185, 108, 109, 0.75);
}
.badges_ddos_pill span {
    font-size: 0.6771vw;
    font-family: 'Medium';
    color: rgba(185, 108, 109, 0.75);
}
.badges_ddos_titles {
    gap: 0.4167vw;
    text-align: center;
}
.badges_ddos_title {
    font-size: 1.25vw;
    font-family: 'SemiBold';
    color: #1e293b;
    letter-spacing: -0.02em;
}
.badges_ddos_subtitle {
    font-size: 0.9375vw;
    font-family: 'Regular';
    color: #6b7280;
}
.badges_ddos_grid {
    width: 100%;
    gap: 0.8333vw;
}
.badges_ddos_card {
    flex: 1;
    height: 2.8125vw;
    background: #ffffff;
    border: 0.052vw solid #e6eef6;
    border-radius: 0.2604vw;
    padding: 0.4167vw 0.625vw;
    gap: 0.5208vw;
}
.badges_ddos_card-icon {
    width: 1.6667vw;
    height: 1.6667vw;
    background: rgba(185, 108, 109, 0.35);
    border-radius: 0.1563vw;
    flex-shrink: 0;
}
.badges_ddos_card-icon i {
    font-size: 0.7813vw;
    color: #b96c6d;
}
.badges_ddos_card-text {
    gap: 0;
}
.badges_ddos_card-name {
    font-size: 0.6771vw;
    font-family: 'SemiBold';
    color: #1e293b;
}
.badges_ddos_card-type {
    font-size: 0.625vw;
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.75);
}

.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: 1.0417vw;
    font-family: 'SemiBold';
    color: #1e293b;
}
.team_role {
    
    font-size: 0.7292vw;
    font-family: 'Regular';
    color: #6b7280;
}
.team_cta {
    flex: 1;
    gap: 1.6667vw;
}
.team_cta-content {
    gap: 0.2604vw;
}
.team_heading {
    font-size: 1.25vw;
    font-family: 'SemiBold';
    color: #1e293b;
    letter-spacing: -0.03em;
    line-height: 108%;
    max-width: 14.7917vw;
}
.team_desc {
    font-size: 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: 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;
}

.domain_page_tabs {
    gap: 0.625vw;
    width: 100%;
}
.flex_features_section {
    gap: 0.625vw;
}
.domain_page_tab {
    height: 1.7188vw;
    border-radius: 0.1938vw;
    padding: 0.1875vw 0.5156vw;
    cursor: pointer;
    flex: 1;
    min-width: 0;
}
.domain_page_tab:hover {
    background: #00000010;
}
.domain_page_tab:active {
    opacity: 0.75;
}
.domain_page_tab span {
    font-size: 0.6771vw;
    font-family: 'Regular';
    color: #64748B;
}
.domain_page_tab--active {
    background: rgba(22, 136, 174, 0.15);
    border-radius: 0.2083vw;
}
.domain_page_tab--active:hover {
    background: rgba(22, 136, 174, 0.2);
}
.domain_page_tab--active span {
    color: #1688AE;
}
.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: 1.0417vw;
    font-family: 'SemiBold';
    color: #1E293B;
}
.domain_page_tld span {
    color: #1688AE;
}
.domain_page_price {
    gap: 0.0521vw;
}
.domain_page_amount {
    font-size: 0.7292vw;
    font-family: 'SemiBold';
    color: #1688AE;
}
.domain_page_period {
    font-size: 0.625vw;
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.5);
}

.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: rgba(22, 136, 174, 0.75);
}
.faq_pill span {
    font-size: 0.6771vw;
    font-family: 'Medium';
    color: rgba(22, 136, 174, 0.75);
}
.faq_title {
    font-size: 1.25vw;
    font-family: 'SemiBold';
    color: #1E293B;
}
.faq_filters {
    gap: 0.625vw;
}
.faq_filter {
    height: 1.7188vw;
    background: rgba(100, 116, 139, 0.15);
    border-radius: 3.0729vw;
    padding: 0.1875vw 0.7813vw;
    cursor: pointer;
}
.faq_filter:hover {
    background: rgba(100, 116, 139, 0.25);
}
.faq_filter span {
    font-size: 0.7292vw;
    font-family: 'Medium';
    color: #64748B;
}
.faq_filter--active {
    background: #1688AE;
}
.faq_filter--active:hover {
    background: #147a9c;
}
.faq_filter--active span {
    color: #FFFFFF;
}
.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: 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: 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;
    cursor: pointer;
    overflow: hidden;
}
.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;
    height: 3.2292vw;
    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: 0.8333vw;
    font-family: 'SemiBold';
    color: #1E293B;
}
.game_card_pricing {
    gap: 0.0521vw;
}
.game_card_from {
    font-size: 0.6771vw;
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.5);
}
.game_card_price {
    font-size: 0.9375vw;
    font-family: 'SemiBold';
    color: #1688AE;
}
.game_card_period {
    font-size: 0.6771vw;
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.5);
}
.features_game_server {
    padding: 2.0833vw 0;
    gap: 1.6667vw;
}
.fgs_title {
    font-size: 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: 1.0417vw;
    font-family: 'SemiBold';
    color: #1E293B;
    letter-spacing: -0.02em;
}
.fgs_text span:last-child {
    font-size: 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: 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: 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: 0.7292vw;
    font-family: 'Medium';
    color: #1E293B;
}
.ogs_plans {
    gap: 0.4167vw;
}
.ogs_plan {
    background: #F8FAFC;
    border: 0.0521vw solid #F8FAFC;
    border-radius: 0.2604vw;
    padding: 0.5208vw 0.8854vw;
    cursor: pointer;
}
.ogs_plan:hover {
    background: #f1f5f9;
    border-color: #E6EEF6;
    transform: translateY(0.052vw);
}
.ogs_plan:active {
    opacity: 0.75;
}
.ogs_plan--selected {
    border-color:  rgba(22, 136, 174, 0.15);
    background: rgba(22, 136, 174, 0.15);
}
.ogs_plan-info {
    gap: 0;
}
.ogs_plan-name {
    font-size: 0.7292vw;
    font-family: 'SemiBold';
    color: #1E293B;
}
.ogs_plan-specs {
    font-size: 0.7292vw;
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.75);
}
.ogs_plan-price {
    gap: 0.0521vw;
}
.ogs_price-value {
    font-size: 0.9375vw;
    font-family: 'SemiBold';
    color: #1688AE;
}
.ogs_price-period {
    font-size: 0.6771vw;
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.5);
}
.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;
}
.ogs_locations {
    gap: 0.625vw;
}
.ogs_location {
    flex: 1;
    background: #F8FAFC;
    text-align: center;
    border-radius: 0.2604vw;
    padding: 0.5208vw 0.8854vw;
    gap: 0.2042vw;
    cursor: pointer;
}
.ogs_location:hover {
    background: #f1f5f9;
    transform: translateY(0.052vw);
}
.ogs_location:active {
    opacity: 0.75;
}
.ogs_location--selected {
    background: rgba(22, 136, 174, 0.15);
    border-color:  rgba(22, 136, 174, 0.15);
}
.ogs_location-flag {
    width: 1.8229vw;
    height: 1.1458vw;
    object-fit: cover;
    border-radius: 0.1042vw;
}
.row_ogs_loc span:first-child {
    font-size: 0.7292vw;
    font-family: 'Medium';
    color: #1E293B;
}
.row_ogs_loc span:last-child {
    font-size: 0.7292vw;
    font-family: 'Medium';
    color: #00B67A;
}
.ogs_total {
    gap: 1.25vw;
}
.ogs_durations {
    gap: 0.625vw;
}
.ogs_duration {
    flex: 1;
    height: 3.125vw;
    background: #F8FAFC;
    border-radius: 0.2604vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0;
    cursor: pointer;
}
.ogs_duration:hover {
    background: #f1f5f9;
    transform: translateY(0.052vw);
}
.ogs_duration:active {
    opacity: 0.75;
}
.ogs_duration--selected {
    background: rgba(22, 136, 174, 0.15);
    border-color:  rgba(22, 136, 174, 0.15);
}
.ogs_duration-name {
    font-size: 0.7292vw;
    font-family: 'Medium';
    color: #1E293B;
}
.ogs_duration-discount {
    font-size: 0.7292vw;
    font-family: 'Medium';
    color: #3F9A7C;
}
.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: 0.7292vw;
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.5);
}
.ogs_summary-value {
    font-size: 0.7292vw;
    font-family: 'Medium';
    color: #1E293B;
}
.ogs_total-label {
    font-size: 0.7292vw;
    font-family: 'Medium';
    color: #1E293B;
}
.ogs_total-price {
    gap: 0.2083vw;
}
.ogs_total-value {
    font-size: 0.9375vw;
    font-family: 'SemiBold';
    color: #1E293B;
}
.ogs_total-discount {
    font-size: 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: 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: 1.0417vw;
    font-family: 'SemiBold';
    color: #1E293B;
    letter-spacing: -0.02em;
}
.ff_desc {
    font-size: 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: 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: 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: 0.8333vw;
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.75);
}
.td_row span:last-child {
    font-size: 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: 0.8333vw;
    font-family: 'Medium';
    color: #1E293B;
}
.sl_location {
    font-size: 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: 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: 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: 0.6417vw;
    font-family: 'SemiBold';
    color: #1E293B;
}
.map_tooltip_location {
    font-size: 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: 0.625vw;
    font-family: 'Medium';
    color: #1688AE;
}
.rv2_body {
    flex: 1;
    justify-content: space-between;
}
.rv2_text {
    font-size: 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: 0.9375vw;
    font-family: 'SemiBold';
    color: #1E293B;
}
.rv2_role {
    font-size: 0.8333vw;
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.5);
}
.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: 1.0417vw;
    font-family: 'SemiBold';
    color: #1E293B;
}
.fab_desc {
    font-size: 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: 1.0417vw;
    font-family: 'SemiBold';
    color: #1E293B;
}
.ts_role {
    font-size: 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: rgba(22, 136, 174, 0.75);
}
.ab_badge span {
    font-size: 0.6771vw;
    font-family: 'Medium';
    color: rgba(22, 136, 174, 0.75);
}
.ab_content {
    gap: 0.4167vw;
}
.ab_title {
    font-size: 1.25vw;
    font-family: 'SemiBold';
    color: #1E293B;
}
.ab_desc {
    font-size: 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: 1.4583vw;
    font-family: 'SemiBold';
    color: #1688AE;
}
.stat_text {
    gap: 0;
}
.stat_label {
    font-size: 0.8333vw;
    font-family: 'SemiBold';
    color: #1E293B;
}
.stat_sub {
    font-size: 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;
    border: 0.0521vw solid #E6EEF6;
    border-radius: 0.4167vw;
    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: 1.0417vw;
    font-family: 'SemiBold';
    color: #1E293B;
}
.pkg_desc {
    font-size: 0.8333vw;
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.5);
    line-height: 1.45;
}
.pkg_price {
    gap: 0.1042vw;
    align-items: baseline;
}
.pkg_amount {
    font-size: 1.3021vw;
    font-family: 'SemiBold';
    color: #1688AE;
}
.pkg_period {
    font-size: 0.9375vw;
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.5);
}
.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: 0.8333vw;
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.7);
}
.pkg_cta {
    width: 100%;
    height: 2.1875vw;
    background: #1688AE;
    border-radius: 0.2083vw;
    cursor: pointer;
    gap: 0.4167vw;
    transition: all 0.2s ease;
}
.pkg_cta:hover {
    background: #147a9c;
}
.pkg_cta:active {
    opacity: 0.75;
}
.pkg_cta span {
    font-size: 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_select {
    width: 100%;
    height: 2.1875vw;
    padding: 0 0.625vw;
    background: #FFFFFF;
    border: 0.052vw solid rgba(22, 136, 174, 0.25);
    border-radius: 0.2083vw;
    font-size: 0.8333vw;
    font-family: 'Medium';
    color: #1E293B;
    cursor: pointer;
    outline: none;
    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='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 1.5L6 6.5L11 1.5' stroke='%231688AE' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-repeat: no-repeat;
    background-position: right 0.625vw center;
    background-size: 0.625vw 0.4167vw;
    padding-right: 1.875vw;
    transition: border-color 0.2s ease;
}
.pkg_location_select:hover {
    border-color: #1688AE;
}
.pkg_location_select:focus {
    border-color: #1688AE;
}
.pkg_location_hint {
    font-size: 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 23.4896vw 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: 0.9375vw;
    font-family: 'SemiBold';
    color: #1e293b;
    letter-spacing: -0.02em;
}

.site_footer_nav {
    gap: 0.4167vw;
}

.site_footer_nav a {
    font-size: 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;
    border-top: 0.0521vw solid rgba(30, 41, 59, 0.12);
    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: 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: 0.7292vw;
    color: rgba(30, 41, 59, 0.5);
}

.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: 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: 0.9375vw;
    font-family: 'SemiBold';
    color: #1E293B;
}
.imp_text {
    font-size: 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: inset(0 0 100% 0);
    animation: revealDown 1s cubic-bezier(0.65, 0, 0.35, 1) 0s forwards;
}
.first_pic {
    height: 22.6563vw;
    right: 0;
    top: 6.9271vw;
    position: absolute;
}
.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: 0.677vw;
    font-family: 'Medium';
    color: #1e293b;
}
.flex_dd_i {
    gap: 0.2083vw;
}
.flex_tx_dd span {
    font-size: 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: 0.8333vw;
    font-family: 'SemiBold';
    color: #1e293b;
    letter-spacing: -0.02em;
}
.wk_item_specs {
    gap: 0.4167vw;
}
.wk_spec {
    font-size: 0.625vw;
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.5);
    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_btn {
    width: 1.4583vw;
    height: 1.4583vw;
    border: none;
    background: #ffffff;
    border-radius: 0.2083vw;
    cursor: pointer;
    box-shadow: 0 0.0521vw 0.2083vw rgba(0, 0, 0, 0.06);
    transition: background 0.15s;
}
.wk_qty_btn:hover {
    background: #1688AE;
}
.wk_qty_btn i {
    font-size: 0.6688vw;
    color: #1e293b;
}
.wk_qty_val {
    font-size: 0.7292vw;
    font-family: 'SemiBold';
    color: #1e293b;
    min-width: 1.25vw;
    text-align: center;
}
.wk_item_price {
    font-size: 0.833vw;
    font-family: 'SemiBold';
    color: #1688AE;
    letter-spacing: -0.02em;
    min-width: 5.2083vw;
    text-align: right;
}
.wk_item_price span {
    font-size: 0.677vw;
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.4);
}
.wk_remove {
    width: 1.6667vw;
    height: 1.6667vw;
    border: none;
    background: transparent;
    border-radius: 0.2604vw;
    cursor: pointer;
    transition: background 0.15s;
}
.wk_remove:hover {
    background: #b1303223;
}
.wk_remove i {
    font-size: 0.625vw;
    color: rgba(30, 41, 59, 0.3);
    transition: color 0.15s;
}
.wk_remove:hover i {
    color: #B13032;
}

.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: 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: 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_promo_btn {
    height: 2.0833vw;
    padding: 0 0.8333vw;
    background: rgba(22, 136, 174, 0.1);
    color: #1688AE;
    border: none;
    border-radius: 0.2604vw;
    font-size: 0.625vw;
    font-family: 'SemiBold';
    cursor: pointer;
    transition: background 0.15s;
}
.wk_promo_btn:hover {
    background: rgba(22, 136, 174, 0.18);
}
.wk_summary_rows {
    gap: 0.5208vw;
}
.wk_row {
    justify-content: space-between;
}
.wk_row span {
    font-size: 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: 0.833vw;
    font-family: 'SemiBold';
    color: #1e293b;
}
.wk_row--total span:last-child {
    font-size: 1.25vw;
    color: #1688AE;
    font-family: 'SemiBold';
}
.cart_page {
    gap: 2.9167vw;
    padding-top: 5.2083vw;
    padding-bottom: 5.2083vw;
}
.next_wk  {
    font-size: 0.625vw !important;
    font-family: 'SemiBold' !important;
    color: rgba(22, 136, 174, 0.5) !important;
}
.wk_checkout {
    width: 100%;
    height: 2.6042vw;
    background: #1688AE;
    border: none;
    border-radius: 0.3125vw;
    gap: 0.4167vw;
    cursor: pointer;
    transition: background 0.2s, transform 0.15s;
}
.wk_checkout:hover {
    background: #147a9c;
    transform: translateY(-0.0521vw);
}
.wk_checkout:active {
    transform: translateY(0.0521vw);
}
.wk_checkout span {
    font-size: 0.7813vw;
    font-family: 'SemiBold';
    color: white;
}
.wk_checkout svg {
    width: 0.8854vw;
    height: 0.8854vw;
}
.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.5);
}
.wk_secure {
    justify-content: center;
    gap: 0.3125vw;
}
.wk_secure i {
    font-size: 0.5208vw;
    color: #059669;
}
.wk_secure span {
    font-size: 0.5729vw;
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.4);
}

.burger_btn {
    display: none;
    width: 10.2564vw;
    height: 10.2564vw;
    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;
    padding: 3.5897vw 0;
    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: 768px) {


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

    body {
        padding-left: 7.1026vw;
        padding-right: 7.1026vw;
        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: 11.2821vw;
        border-radius: 2.0513vw;
        gap: 1.5385vw;
    }

    .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 span:first-child {
        font-size: 3.5897vw;
    }

    .row_feature span:last-child {
        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;
        border-radius: 2.5641vw;
    }

    .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_filters {
        gap: 1.5385vw;
        flex-wrap: wrap;
        justify-content: center;
    }

    .faq_filter {
        height: 7.6923vw;
        padding: 0 3.5897vw;
        border-radius: 10.2564vw;
    }

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

    .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;
    }

    .home_page--ddos .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--ddos .logo_bg,
    .home_page--ddos .ddos_pic {
        display: none;
    }

    .home_page--ddos .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;
    }

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

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

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

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

    .badges_ddos {
        padding: 10.2564vw 0;
        gap: 5.1282vw;
    }

    .badges_ddos_header {
        gap: 2.5641vw;
    }

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

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

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

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

    .badges_ddos_title {
        font-size: 5.1282vw;
    }

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

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

    .badges_ddos_card {
        width: 100%;
        height: auto;
        padding: 3.0769vw;
        border-radius: 2.0513vw;
        gap: 2.5641vw;
        border-width: 0.2564vw;
    }

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

    .badges_ddos_card-icon i {
        font-size: 3.5897vw;
    }

    .badges_ddos_card-name {
        font-size: 3.5897vw;
    }

    .badges_ddos_card-type {
        font-size: 3.0769vw;
    }

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

    .team {
        display: none;
    }

    .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_tabs {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr);
        gap: 2.0513vw;
        width: 100%;
        overflow: visible;
        padding-bottom: 0;
    }

    .domain_page_tab {
        width: 100%;
        min-width: 0;
        flex: unset;
        height: auto;
        min-height: 9.2308vw;
        padding: 2.0513vw 1.5385vw;
        border-radius: 2.0513vw;
        box-sizing: border-box;
    }

    .domain_page_tab span {
        font-size: 2.8205vw;
        white-space: normal;
        text-align: center;
        line-height: 1.25;
    }

    .domain_page_tab--active {
        border-radius: 2.0513vw;
    }

    .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_plans {
        gap: 2.0513vw;
    }

    .ogs_plan {
        padding: 3.0769vw;
        border-radius: 2.0513vw;
        border-width: 0.2564vw;
        flex-wrap: wrap;
        gap: 2.0513vw;
    }

    .ogs_plan-name {
        font-size: 3.3333vw;
    }

    .ogs_plan-specs {
        font-size: 3.0769vw;
    }

    .ogs_plan-price {
        gap: 0.5128vw;
    }

    .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;
    }

    .ogs_locations {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr);
        gap: 2.0513vw;
    }

    .ogs_location {
        flex: unset;
        width: 100%;
        min-width: 0;
        padding: 2.5641vw 1.5385vw;
        border-radius: 2.0513vw;
        gap: 1.5385vw;
        box-sizing: border-box;
    }

    .ogs_location-flag {
        width: 7.6923vw;
        height: 4.8718vw;
        border-radius: 1.0256vw;
    }

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

    .ogs_durations {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        gap: 2.0513vw;
    }

    .ogs_duration {
        flex: unset;
        width: 100%;
        height: auto;
        min-height: 12.8205vw;
        padding: 2.5641vw 2.0513vw;
        border-radius: 2.0513vw;
        box-sizing: border-box;
    }

    .ogs_duration-name,
    .ogs_duration-discount {
        font-size: 3.0769vw;
    }

    .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_btn {
        width: 8.2051vw;
        height: 8.2051vw;
        border-radius: 1.5385vw;
    }

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

    .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_remove {
        width: 10.2564vw;
        height: 10.2564vw;
        border-radius: 2.0513vw;
    }

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

    .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_promo_btn {
        width: 100%;
        height: 10.2564vw;
        border-radius: 2.0513vw;
        font-size: 3.3333vw;
        justify-content: center;
    }

    .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 7.1026vw 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;
        border-top-width: 0.2564vw;
        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: 0.7292vw;
    font-family: 'Medium';
    color: #1e293b;
}
.head_in {
    gap: 0.3125vw;
}
.descr_hdin {
    font-size: 0.6771vw;
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.5);
}
.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: 0.6771vw;
    font-family: 'SemiBold';
    color: #1e293b;
}
.hd_serv svg {
    width: 0.781vw;
    height: 0.7813vw;
}
.descr_serv {
    font-size: 0.625vw;
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.75);
}
.left_serv {
    gap: 0.5208vw;
}
.service_status {
    font-family: 'Regular';
    font-size: 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: 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_send {
    width: 1.719vw;
    height: 1.719vw;
    background: var(--main-color);
    border: none;
    border-radius: 0.208vw;
    cursor: pointer;
    transition: all 0.2s ease;
}
.btn_send:hover {
    background: #1a9bc7;
}
.btn_send svg {
    width: 0.729vw;
    height: 0.729vw;
}
.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: 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: 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: 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;
}
.checkbox_input {
    display: none;
}
.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: 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: 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: 0.677vw;
    font-family: 'Medium';
    color: rgba(30, 41, 59, 0.75);
}
.modal_input {
    height: 2.083vw;
    border: 0.052vw solid #e6eef6;
    border-radius: 0.26vw;
    padding: 0 0.625vw;
    font-size: 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: 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_wrap {
    position: relative;
    display: flex;
    flex: 1;
}
.modal_select {
    width: 100%;
    height: 2.083vw;
    border: 0.052vw solid #e6eef6;
    border-radius: 0.26vw;
    padding: 0 0.625vw;
    font-size: 0.729vw;
    font-family: 'Medium';
    color: #1e293b;
    background: white;
    cursor: pointer;
    transition: all 0.2s ease;
    appearance: none;
    padding-right: 1.8vw;
}
.modal_select:focus {
    outline: none;
    border-color: var(--main-color);
}
.modal_select_wrap::after {
    content: '';
    position: absolute;
    right: 0.625vw;
    top: 50%;
    transform: translateY(-50%);
    width: 0.521vw;
    height: 0.313vw;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%231E293B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
    transition: transform 0.2s ease;
}
.modal_select_wrap.open::after {
    transform: translateY(-50%) rotate(180deg);
}
.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: 0.625vw;
    color: rgba(30, 41, 59, 0.6);
}
.btn_modal {
    cursor: pointer;
    flex: 1;
    height: 2.083vw;
    border-radius: 0.26vw;
    font-size: 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: 0.7292vw;
    font-family: 'Medium';
    color: #1e293b;
}
.config_price_ucp {
    font-size: 0.6771vw;
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.5);
}
.range_slider_ucp {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 0.208vw;
    background: #e5e7eb;
    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;
    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: 0.5729vw;
    font-family: 'Medium';
    color: rgba(30, 41, 59, 0.4);
    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: 0.7292vw;
    font-family: 'Medium';
    color: #1e293b;
}
.check_item_sub_ucp {
    font-size: 0.625vw;
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.5);
}
.check_item_price_ucp {
    align-items: flex-end;
    gap: 0.104vw;
}
.price_per_ucp {
    font-size: 0.5729vw;
    font-family: 'Regular';
    color: rgba(30, 41, 59, 0.4);
}
.price_total_ucp {
    font-size: 0.6771vw;
    font-family: 'SemiBold';
    color: var(--main-color);
}
.check_item_value_ucp {
    font-size: 0.6771vw;
    font-family: 'SemiBold';
    color: var(--main-color);
}

.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: 0.781vw;
    font-family: 'SemiBold';
    color: #1e293b;
}
.packet_price_tag_ucp {
    display: flex;
    align-items: baseline;
    gap: 0.104vw;
}
.packet_price_ucp {
    font-size: 0.781vw;
    font-family: 'Bold';
    color: var(--main-color);
}
.packet_period_ucp {
    font-size: 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: 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: 0.7292vw;
    font-family: 'SemiBold';
    color: #1e293b;
}
.kvm_choice_sub {
    font-size: 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: 4px;
        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;
    }
}