/* SR Host BD VPS page — consolidated stylesheet.
   Edit visual styling/animations here. Page text/content remains in 2vps-server.tpl. */

/* ===== style-01.css ===== */
.section_main .uh_content.flush > img.img-fluid.mb-4 {
        width: 50px;
        height: 50px;
        object-fit: contain;
        border-radius: 14px;
        display: inline-block;
    }

    .compare-brand {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        white-space: nowrap;
        line-height: 1;
    }
    .compare-brand svg {display:block; flex:none;}
    .compare-brand .brand-text {
        font-weight: 800;
        letter-spacing: -0.03em;
        color: #111827;
    }
    .compare-brand.srhostbd .brand-text {
        font-size: 21px;
        color: #1492ff;
    }
    .compare-brand.small .brand-text {
        font-size: 18px;
    }
    .compare-brand.namecheap .brand-text { color:#111827; font-weight:700; }
    .compare-brand.dreamhost .brand-text { color:#111827; font-weight:700; }
    .compare-brand.hostingcom .brand-text,
    .compare-brand.godaddy .brand-text { color:#111827; font-weight:700; }
    .highlight_plan .compare-brand svg { width: 42px; height: 42px; }
    .highlight_plan .compare-brand.srhostbd .brand-text { font-size: 26px; }

/* ===== style-02.css ===== */
@charset "UTF-8";/*! * Bootstrap v5.3.8 (https://getbootstrap.com/) * Copyright 2011-2025 The Bootstrap Authors * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */
    :root,[data-bs-theme=light] {
        --bs-blue: #0d6efd;
        --bs-indigo: #6610f2;
        --bs-purple: #6f42c1;
        --bs-pink: #d63384;
        --bs-red: #dc3545;
        --bs-orange: #fd7e14;
        --bs-yellow: #ffc107;
        --bs-green: #198754;
        --bs-teal: #20c997;
        --bs-cyan: #0dcaf0;
        --bs-black: #000;
        --bs-white: #fff;
        --bs-gray: #6c757d;
        --bs-gray-dark: #343a40;
        --bs-gray-100: #f8f9fa;
        --bs-gray-200: #e9ecef;
        --bs-gray-300: #dee2e6;
        --bs-gray-400: #ced4da;
        --bs-gray-500: #adb5bd;
        --bs-gray-600: #6c757d;
        --bs-gray-700: #495057;
        --bs-gray-800: #343a40;
        --bs-gray-900: #212529;
        --bs-primary: #0d6efd;
        --bs-secondary: #6c757d;
        --bs-success: #198754;
        --bs-info: #0dcaf0;
        --bs-warning: #ffc107;
        --bs-danger: #dc3545;
        --bs-light: #f8f9fa;
        --bs-dark: #212529;
        --bs-primary-rgb: 13,110,253;
        --bs-secondary-rgb: 108,117,125;
        --bs-success-rgb: 25,135,84;
        --bs-info-rgb: 13,202,240;
        --bs-warning-rgb: 255,193,7;
        --bs-danger-rgb: 220,53,69;
        --bs-light-rgb: 248,249,250;
        --bs-dark-rgb: 33,37,41;
        --bs-primary-text-emphasis: #052c65;
        --bs-secondary-text-emphasis: #2b2f32;
        --bs-success-text-emphasis: #0a3622;
        --bs-info-text-emphasis: #055160;
        --bs-warning-text-emphasis: #664d03;
        --bs-danger-text-emphasis: #58151c;
        --bs-light-text-emphasis: #495057;
        --bs-dark-text-emphasis: #495057;
        --bs-primary-bg-subtle: #cfe2ff;
        --bs-secondary-bg-subtle: #e2e3e5;
        --bs-success-bg-subtle: #d1e7dd;
        --bs-info-bg-subtle: #cff4fc;
        --bs-warning-bg-subtle: #fff3cd;
        --bs-danger-bg-subtle: #f8d7da;
        --bs-light-bg-subtle: #fcfcfd;
        --bs-dark-bg-subtle: #ced4da;
        --bs-primary-border-subtle: #9ec5fe;
        --bs-secondary-border-subtle: #c4c8cb;
        --bs-success-border-subtle: #a3cfbb;
        --bs-info-border-subtle: #9eeaf9;
        --bs-warning-border-subtle: #ffe69c;
        --bs-danger-border-subtle: #f1aeb5;
        --bs-light-border-subtle: #e9ecef;
        --bs-dark-border-subtle: #adb5bd;
        --bs-white-rgb: 255,255,255;
        --bs-black-rgb: 0,0,0;
        --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
        --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
        --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
        --bs-body-font-family: var(--bs-font-sans-serif);
        --bs-body-font-size: 1rem;
        --bs-body-font-weight: 400;
        --bs-body-line-height: 1.5;
        --bs-body-color: #212529;
        --bs-body-color-rgb: 33,37,41;
        --bs-body-bg: #fff;
        --bs-body-bg-rgb: 255,255,255;
        --bs-emphasis-color: #000;
        --bs-emphasis-color-rgb: 0,0,0;
        --bs-secondary-color: rgba(33, 37, 41, 0.75);
        --bs-secondary-color-rgb: 33,37,41;
        --bs-secondary-bg: #e9ecef;
        --bs-secondary-bg-rgb: 233,236,239;
        --bs-tertiary-color: rgba(33, 37, 41, 0.5);
        --bs-tertiary-color-rgb: 33,37,41;
        --bs-tertiary-bg: #f8f9fa;
        --bs-tertiary-bg-rgb: 248,249,250;
        --bs-heading-color: inherit;
        --bs-link-color: #0d6efd;
        --bs-link-color-rgb: 13,110,253;
        --bs-link-decoration: underline;
        --bs-link-hover-color: #0a58ca;
        --bs-link-hover-color-rgb: 10,88,202;
        --bs-code-color: #d63384;
        --bs-highlight-color: #212529;
        --bs-highlight-bg: #fff3cd;
        --bs-border-width: 1px;
        --bs-border-style: solid;
        --bs-border-color: #dee2e6;
        --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
        --bs-border-radius: 0.375rem;
        --bs-border-radius-sm: 0.25rem;
        --bs-border-radius-lg: 0.5rem;
        --bs-border-radius-xl: 1rem;
        --bs-border-radius-xxl: 2rem;
        --bs-border-radius-2xl: var(--bs-border-radius-xxl);
        --bs-border-radius-pill: 50rem;
        --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
        --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
        --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
        --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
        --bs-focus-ring-width: 0.25rem;
        --bs-focus-ring-opacity: 0.25;
        --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
        --bs-form-valid-color: #198754;
        --bs-form-valid-border-color: #198754;
        --bs-form-invalid-color: #dc3545;
        --bs-form-invalid-border-color: #dc3545
    }

    [data-bs-theme=dark] {
        color-scheme: dark;
        --bs-body-color: #dee2e6;
        --bs-body-color-rgb: 222,226,230;
        --bs-body-bg: #212529;
        --bs-body-bg-rgb: 33,37,41;
        --bs-emphasis-color: #fff;
        --bs-emphasis-color-rgb: 255,255,255;
        --bs-secondary-color: rgba(222, 226, 230, 0.75);
        --bs-secondary-color-rgb: 222,226,230;
        --bs-secondary-bg: #343a40;
        --bs-secondary-bg-rgb: 52,58,64;
        --bs-tertiary-color: rgba(222, 226, 230, 0.5);
        --bs-tertiary-color-rgb: 222,226,230;
        --bs-tertiary-bg: #2b3035;
        --bs-tertiary-bg-rgb: 43,48,53;
        --bs-primary-text-emphasis: #6ea8fe;
        --bs-secondary-text-emphasis: #a7acb1;
        --bs-success-text-emphasis: #75b798;
        --bs-info-text-emphasis: #6edff6;
        --bs-warning-text-emphasis: #ffda6a;
        --bs-danger-text-emphasis: #ea868f;
        --bs-light-text-emphasis: #f8f9fa;
        --bs-dark-text-emphasis: #dee2e6;
        --bs-primary-bg-subtle: #031633;
        --bs-secondary-bg-subtle: #161719;
        --bs-success-bg-subtle: #051b11;
        --bs-info-bg-subtle: #032830;
        --bs-warning-bg-subtle: #332701;
        --bs-danger-bg-subtle: #2c0b0e;
        --bs-light-bg-subtle: #343a40;
        --bs-dark-bg-subtle: #1a1d20;
        --bs-primary-border-subtle: #084298;
        --bs-secondary-border-subtle: #41464b;
        --bs-success-border-subtle: #0f5132;
        --bs-info-border-subtle: #087990;
        --bs-warning-border-subtle: #997404;
        --bs-danger-border-subtle: #842029;
        --bs-light-border-subtle: #495057;
        --bs-dark-border-subtle: #343a40;
        --bs-heading-color: inherit;
        --bs-link-color: #6ea8fe;
        --bs-link-hover-color: #8bb9fe;
        --bs-link-color-rgb: 110,168,254;
        --bs-link-hover-color-rgb: 139,185,254;
        --bs-code-color: #e685b5;
        --bs-highlight-color: #dee2e6;
        --bs-highlight-bg: #664d03;
        --bs-border-color: #495057;
        --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
        --bs-form-valid-color: #75b798;
        --bs-form-valid-border-color: #75b798;
        --bs-form-invalid-color: #ea868f;
        --bs-form-invalid-border-color: #ea868f
    }

    *,::after,::before {
        box-sizing: border-box
    }

    @media (prefers-reduced-motion:no-preference) {
        :root {
            scroll-behavior: smooth
        }
    }

    body {
        margin: 0;
        font-family: var(--bs-body-font-family);
        font-size: var(--bs-body-font-size);
        font-weight: var(--bs-body-font-weight);
        line-height: var(--bs-body-line-height);
        color: var(--bs-body-color);
        text-align: var(--bs-body-text-align);
        background-color: var(--bs-body-bg);
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: transparent
    }

    hr {
        margin: 1rem 0;
        color: inherit;
        border: 0;
        border-top: var(--bs-border-width) solid;
        opacity: .25
    }

    .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
        margin-top: 0;
        margin-bottom: .5rem;
        font-weight: 500;
        line-height: 1.2;
        color: var(--bs-heading-color)
    }

    .h1,h1 {
        font-size: calc(1.375rem + 1.5vw)
    }

    @media (min-width: 1200px) {
        .h1,h1 {
            font-size:2.5rem
        }
    }

    .h2,h2 {
        font-size: calc(1.325rem + .9vw)
    }

    @media (min-width: 1200px) {
        .h2,h2 {
            font-size:2rem
        }
    }

    .h3,h3 {
        font-size: calc(1.3rem + .6vw)
    }

    @media (min-width: 1200px) {
        .h3,h3 {
            font-size:1.75rem
        }
    }

    .h4,h4 {
        font-size: calc(1.275rem + .3vw)
    }

    @media (min-width: 1200px) {
        .h4,h4 {
            font-size:1.5rem
        }
    }

    .h5,h5 {
        font-size: 1.25rem
    }

    .h6,h6 {
        font-size: 1rem
    }

    p {
        margin-top: 0;
        margin-bottom: 1rem
    }

    abbr[title] {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted;
        cursor: help;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none
    }

    address {
        margin-bottom: 1rem;
        font-style: normal;
        line-height: inherit
    }

    ol,ul {
        padding-left: 2rem
    }

    dl,ol,ul {
        margin-top: 0;
        margin-bottom: 1rem
    }

    ol ol,ol ul,ul ol,ul ul {
        margin-bottom: 0
    }

    dt {
        font-weight: 700
    }

    dd {
        margin-bottom: .5rem;
        margin-left: 0
    }

    blockquote {
        margin: 0 0 1rem
    }

    b,strong {
        font-weight: bolder
    }

    .small,small {
        font-size: .875em
    }

    .mark,mark {
        padding: .1875em;
        color: var(--bs-highlight-color);
        background-color: var(--bs-highlight-bg)
    }

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

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

    a {
        color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));
        text-decoration: underline
    }

    a:hover {
        --bs-link-color-rgb: var(--bs-link-hover-color-rgb)
    }

    a:not([href]):not([class]),a:not([href]):not([class]):hover {
        color: inherit;
        text-decoration: none
    }

    code,kbd,pre,samp {
        font-family: var(--bs-font-monospace);
        font-size: 1em
    }

    pre {
        display: block;
        margin-top: 0;
        margin-bottom: 1rem;
        overflow: auto;
        font-size: .875em
    }

    pre code {
        font-size: inherit;
        color: inherit;
        word-break: normal
    }

    code {
        font-size: .875em;
        color: var(--bs-code-color);
        word-wrap: break-word
    }

    a>code {
        color: inherit
    }

    kbd {
        padding: .1875rem .375rem;
        font-size: .875em;
        color: var(--bs-body-bg);
        background-color: var(--bs-body-color);
        border-radius: .25rem
    }

    kbd kbd {
        padding: 0;
        font-size: 1em
    }

    figure {
        margin: 0 0 1rem
    }

    img,svg {
        vertical-align: middle
    }

    table {
        caption-side: bottom;
        border-collapse: collapse
    }

    caption {
        padding-top: .5rem;
        padding-bottom: .5rem;
        color: var(--bs-secondary-color);
        text-align: left
    }

    th {
        text-align: inherit;
        text-align: -webkit-match-parent
    }

    tbody,td,tfoot,th,thead,tr {
        border-color: inherit;
        border-style: solid;
        border-width: 0
    }

    label {
        display: inline-block
    }

    button {
        border-radius: 0
    }

    button:focus:not(:focus-visible) {
        outline: 0
    }

    button,input,optgroup,select,textarea {
        margin: 0;
        font-family: inherit;
        font-size: inherit;
        line-height: inherit
    }

    button,select {
        text-transform: none
    }

    [role=button] {
        cursor: pointer
    }

    select {
        word-wrap: normal
    }

    select:disabled {
        opacity: 1
    }

    [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
        display: none!important
    }

    [type=button],[type=reset],[type=submit],button {
        -webkit-appearance: button
    }

    [type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled) {
        cursor: pointer
    }

    ::-moz-focus-inner {
        padding: 0;
        border-style: none
    }

    textarea {
        resize: vertical
    }

    fieldset {
        min-width: 0;
        padding: 0;
        margin: 0;
        border: 0
    }

    legend {
        float: left;
        width: 100%;
        padding: 0;
        margin-bottom: .5rem;
        line-height: inherit;
        font-size: calc(1.275rem + .3vw)
    }

    @media (min-width: 1200px) {
        legend {
            font-size:1.5rem
        }
    }

    legend+* {
        clear: left
    }

    ::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field {
        padding: 0
    }

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

    [type=search] {
        -webkit-appearance: textfield;
        outline-offset: -2px
    }

    [type=search]::-webkit-search-cancel-button {
        cursor: pointer;
        filter: grayscale(1)
    }

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

    ::-webkit-color-swatch-wrapper {
        padding: 0
    }

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

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

    output {
        display: inline-block
    }

    iframe {
        border: 0
    }

    summary {
        display: list-item;
        cursor: pointer
    }

    progress {
        vertical-align: baseline
    }

    [hidden] {
        display: none!important
    }

    .lead {
        font-size: 1.25rem;
        font-weight: 300
    }

    .display-1 {
        font-weight: 300;
        line-height: 1.2;
        font-size: calc(1.625rem + 4.5vw)
    }

    @media (min-width: 1200px) {
        .display-1 {
            font-size:5rem
        }
    }

    .display-2 {
        font-weight: 300;
        line-height: 1.2;
        font-size: calc(1.575rem + 3.9vw)
    }

    @media (min-width: 1200px) {
        .display-2 {
            font-size:4.5rem
        }
    }

    .display-3 {
        font-weight: 300;
        line-height: 1.2;
        font-size: calc(1.525rem + 3.3vw)
    }

    @media (min-width: 1200px) {
        .display-3 {
            font-size:4rem
        }
    }

    .display-4 {
        font-weight: 300;
        line-height: 1.2;
        font-size: calc(1.475rem + 2.7vw)
    }

    @media (min-width: 1200px) {
        .display-4 {
            font-size:3.5rem
        }
    }

    .display-5 {
        font-weight: 300;
        line-height: 1.2;
        font-size: calc(1.425rem + 2.1vw)
    }

    @media (min-width: 1200px) {
        .display-5 {
            font-size:3rem
        }
    }

    .display-6 {
        font-weight: 300;
        line-height: 1.2;
        font-size: calc(1.375rem + 1.5vw)
    }

    @media (min-width: 1200px) {
        .display-6 {
            font-size:2.5rem
        }
    }

    .list-unstyled {
        padding-left: 0;
        list-style: none
    }

    .list-inline {
        padding-left: 0;
        list-style: none
    }

    .list-inline-item {
        display: inline-block
    }

    .list-inline-item:not(:last-child) {
        margin-right: .5rem
    }

    .initialism {
        font-size: .875em;
        text-transform: uppercase
    }

    .blockquote {
        margin-bottom: 1rem;
        font-size: 1.25rem
    }

    .blockquote>:last-child {
        margin-bottom: 0
    }

    .blockquote-footer {
        margin-top: -1rem;
        margin-bottom: 1rem;
        font-size: .875em;
        color: #6c757d
    }

    .blockquote-footer::before {
        content: "— "
    }

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

    .img-thumbnail {
        padding: .25rem;
        background-color: var(--bs-body-bg);
        border: var(--bs-border-width) solid var(--bs-border-color);
        border-radius: var(--bs-border-radius);
        max-width: 100%;
        height: auto
    }

    .figure {
        display: inline-block
    }

    .figure-img {
        margin-bottom: .5rem;
        line-height: 1
    }

    .figure-caption {
        font-size: .875em;
        color: var(--bs-secondary-color)
    }

    .container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-right: auto;
        margin-left: auto
    }

    @media (min-width: 576px) {
        .container,.container-sm {
            max-width:540px
        }
    }

    @media (min-width: 768px) {
        .container,.container-md,.container-sm {
            max-width:720px
        }
    }

    @media (min-width: 992px) {
        .container,.container-lg,.container-md,.container-sm {
            max-width:960px
        }
    }

    @media (min-width: 1200px) {
        .container,.container-lg,.container-md,.container-sm,.container-xl {
            max-width:1140px
        }
    }

    @media (min-width: 1400px) {
        .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
            max-width:1320px
        }
    }

    :root {
        --bs-breakpoint-xs: 0;
        --bs-breakpoint-sm: 576px;
        --bs-breakpoint-md: 768px;
        --bs-breakpoint-lg: 992px;
        --bs-breakpoint-xl: 1200px;
        --bs-breakpoint-xxl: 1400px
    }

    .row {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1 * var(--bs-gutter-y));
        margin-right: calc(-.5 * var(--bs-gutter-x));
        margin-left: calc(-.5 * var(--bs-gutter-x))
    }

    .row>* {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-top: var(--bs-gutter-y)
    }

    .col {
        flex: 1 0 0
    }

    .row-cols-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-1 {
        margin-left: 8.33333333%
    }

    .offset-2 {
        margin-left: 16.66666667%
    }

    .offset-3 {
        margin-left: 25%
    }

    .offset-4 {
        margin-left: 33.33333333%
    }

    .offset-5 {
        margin-left: 41.66666667%
    }

    .offset-6 {
        margin-left: 50%
    }

    .offset-7 {
        margin-left: 58.33333333%
    }

    .offset-8 {
        margin-left: 66.66666667%
    }

    .offset-9 {
        margin-left: 75%
    }

    .offset-10 {
        margin-left: 83.33333333%
    }

    .offset-11 {
        margin-left: 91.66666667%
    }

    .g-0,.gx-0 {
        --bs-gutter-x: 0
    }

    .g-0,.gy-0 {
        --bs-gutter-y: 0
    }

    .g-1,.gx-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-1,.gy-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-2,.gx-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-2,.gy-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-3,.gx-3 {
        --bs-gutter-x: 1rem
    }

    .g-3,.gy-3 {
        --bs-gutter-y: 1rem
    }

    .g-4,.gx-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-4,.gy-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-5,.gx-5 {
        --bs-gutter-x: 3rem
    }

    .g-5,.gy-5 {
        --bs-gutter-y: 3rem
    }

    @media (min-width: 576px) {
        .col-sm {
            flex:1 0 0
        }

        .row-cols-sm-auto>* {
            flex: 0 0 auto;
            width: auto
        }

        .row-cols-sm-1>* {
            flex: 0 0 auto;
            width: 100%
        }

        .row-cols-sm-2>* {
            flex: 0 0 auto;
            width: 50%
        }

        .row-cols-sm-3>* {
            flex: 0 0 auto;
            width: 33.33333333%
        }

        .row-cols-sm-4>* {
            flex: 0 0 auto;
            width: 25%
        }

        .row-cols-sm-5>* {
            flex: 0 0 auto;
            width: 20%
        }

        .row-cols-sm-6>* {
            flex: 0 0 auto;
            width: 16.66666667%
        }

        .col-sm-auto {
            flex: 0 0 auto;
            width: auto
        }

        .col-sm-1 {
            flex: 0 0 auto;
            width: 8.33333333%
        }

        .col-sm-2 {
            flex: 0 0 auto;
            width: 16.66666667%
        }

        .col-sm-3 {
            flex: 0 0 auto;
            width: 25%
        }

        .col-sm-4 {
            flex: 0 0 auto;
            width: 33.33333333%
        }

        .col-sm-5 {
            flex: 0 0 auto;
            width: 41.66666667%
        }

        .col-sm-6 {
            flex: 0 0 auto;
            width: 50%
        }

        .col-sm-7 {
            flex: 0 0 auto;
            width: 58.33333333%
        }

        .col-sm-8 {
            flex: 0 0 auto;
            width: 66.66666667%
        }

        .col-sm-9 {
            flex: 0 0 auto;
            width: 75%
        }

        .col-sm-10 {
            flex: 0 0 auto;
            width: 83.33333333%
        }

        .col-sm-11 {
            flex: 0 0 auto;
            width: 91.66666667%
        }

        .col-sm-12 {
            flex: 0 0 auto;
            width: 100%
        }

        .offset-sm-0 {
            margin-left: 0
        }

        .offset-sm-1 {
            margin-left: 8.33333333%
        }

        .offset-sm-2 {
            margin-left: 16.66666667%
        }

        .offset-sm-3 {
            margin-left: 25%
        }

        .offset-sm-4 {
            margin-left: 33.33333333%
        }

        .offset-sm-5 {
            margin-left: 41.66666667%
        }

        .offset-sm-6 {
            margin-left: 50%
        }

        .offset-sm-7 {
            margin-left: 58.33333333%
        }

        .offset-sm-8 {
            margin-left: 66.66666667%
        }

        .offset-sm-9 {
            margin-left: 75%
        }

        .offset-sm-10 {
            margin-left: 83.33333333%
        }

        .offset-sm-11 {
            margin-left: 91.66666667%
        }

        .g-sm-0,.gx-sm-0 {
            --bs-gutter-x: 0
        }

        .g-sm-0,.gy-sm-0 {
            --bs-gutter-y: 0
        }

        .g-sm-1,.gx-sm-1 {
            --bs-gutter-x: 0.25rem
        }

        .g-sm-1,.gy-sm-1 {
            --bs-gutter-y: 0.25rem
        }

        .g-sm-2,.gx-sm-2 {
            --bs-gutter-x: 0.5rem
        }

        .g-sm-2,.gy-sm-2 {
            --bs-gutter-y: 0.5rem
        }

        .g-sm-3,.gx-sm-3 {
            --bs-gutter-x: 1rem
        }

        .g-sm-3,.gy-sm-3 {
            --bs-gutter-y: 1rem
        }

        .g-sm-4,.gx-sm-4 {
            --bs-gutter-x: 1.5rem
        }

        .g-sm-4,.gy-sm-4 {
            --bs-gutter-y: 1.5rem
        }

        .g-sm-5,.gx-sm-5 {
            --bs-gutter-x: 3rem
        }

        .g-sm-5,.gy-sm-5 {
            --bs-gutter-y: 3rem
        }
    }

    @media (min-width: 768px) {
        .col-md {
            flex:1 0 0
        }

        .row-cols-md-auto>* {
            flex: 0 0 auto;
            width: auto
        }

        .row-cols-md-1>* {
            flex: 0 0 auto;
            width: 100%
        }

        .row-cols-md-2>* {
            flex: 0 0 auto;
            width: 50%
        }

        .row-cols-md-3>* {
            flex: 0 0 auto;
            width: 33.33333333%
        }

        .row-cols-md-4>* {
            flex: 0 0 auto;
            width: 25%
        }

        .row-cols-md-5>* {
            flex: 0 0 auto;
            width: 20%
        }

        .row-cols-md-6>* {
            flex: 0 0 auto;
            width: 16.66666667%
        }

        .col-md-auto {
            flex: 0 0 auto;
            width: auto
        }

        .col-md-1 {
            flex: 0 0 auto;
            width: 8.33333333%
        }

        .col-md-2 {
            flex: 0 0 auto;
            width: 16.66666667%
        }

        .col-md-3 {
            flex: 0 0 auto;
            width: 25%
        }

        .col-md-4 {
            flex: 0 0 auto;
            width: 33.33333333%
        }

        .col-md-5 {
            flex: 0 0 auto;
            width: 41.66666667%
        }

        .col-md-6 {
            flex: 0 0 auto;
            width: 50%
        }

        .col-md-7 {
            flex: 0 0 auto;
            width: 58.33333333%
        }

        .col-md-8 {
            flex: 0 0 auto;
            width: 66.66666667%
        }

        .col-md-9 {
            flex: 0 0 auto;
            width: 75%
        }

        .col-md-10 {
            flex: 0 0 auto;
            width: 83.33333333%
        }

        .col-md-11 {
            flex: 0 0 auto;
            width: 91.66666667%
        }

        .col-md-12 {
            flex: 0 0 auto;
            width: 100%
        }

        .offset-md-0 {
            margin-left: 0
        }

        .offset-md-1 {
            margin-left: 8.33333333%
        }

        .offset-md-2 {
            margin-left: 16.66666667%
        }

        .offset-md-3 {
            margin-left: 25%
        }

        .offset-md-4 {
            margin-left: 33.33333333%
        }

        .offset-md-5 {
            margin-left: 41.66666667%
        }

        .offset-md-6 {
            margin-left: 50%
        }

        .offset-md-7 {
            margin-left: 58.33333333%
        }

        .offset-md-8 {
            margin-left: 66.66666667%
        }

        .offset-md-9 {
            margin-left: 75%
        }

        .offset-md-10 {
            margin-left: 83.33333333%
        }

        .offset-md-11 {
            margin-left: 91.66666667%
        }

        .g-md-0,.gx-md-0 {
            --bs-gutter-x: 0
        }

        .g-md-0,.gy-md-0 {
            --bs-gutter-y: 0
        }

        .g-md-1,.gx-md-1 {
            --bs-gutter-x: 0.25rem
        }

        .g-md-1,.gy-md-1 {
            --bs-gutter-y: 0.25rem
        }

        .g-md-2,.gx-md-2 {
            --bs-gutter-x: 0.5rem
        }

        .g-md-2,.gy-md-2 {
            --bs-gutter-y: 0.5rem
        }

        .g-md-3,.gx-md-3 {
            --bs-gutter-x: 1rem
        }

        .g-md-3,.gy-md-3 {
            --bs-gutter-y: 1rem
        }

        .g-md-4,.gx-md-4 {
            --bs-gutter-x: 1.5rem
        }

        .g-md-4,.gy-md-4 {
            --bs-gutter-y: 1.5rem
        }

        .g-md-5,.gx-md-5 {
            --bs-gutter-x: 3rem
        }

        .g-md-5,.gy-md-5 {
            --bs-gutter-y: 3rem
        }
    }

    @media (min-width: 992px) {
        .col-lg {
            flex:1 0 0
        }

        .row-cols-lg-auto>* {
            flex: 0 0 auto;
            width: auto
        }

        .row-cols-lg-1>* {
            flex: 0 0 auto;
            width: 100%
        }

        .row-cols-lg-2>* {
            flex: 0 0 auto;
            width: 50%
        }

        .row-cols-lg-3>* {
            flex: 0 0 auto;
            width: 33.33333333%
        }

        .row-cols-lg-4>* {
            flex: 0 0 auto;
            width: 25%
        }

        .row-cols-lg-5>* {
            flex: 0 0 auto;
            width: 20%
        }

        .row-cols-lg-6>* {
            flex: 0 0 auto;
            width: 16.66666667%
        }

        .col-lg-auto {
            flex: 0 0 auto;
            width: auto
        }

        .col-lg-1 {
            flex: 0 0 auto;
            width: 8.33333333%
        }

        .col-lg-2 {
            flex: 0 0 auto;
            width: 16.66666667%
        }

        .col-lg-3 {
            flex: 0 0 auto;
            width: 25%
        }

        .col-lg-4 {
            flex: 0 0 auto;
            width: 33.33333333%
        }

        .col-lg-5 {
            flex: 0 0 auto;
            width: 41.66666667%
        }

        .col-lg-6 {
            flex: 0 0 auto;
            width: 50%
        }

        .col-lg-7 {
            flex: 0 0 auto;
            width: 58.33333333%
        }

        .col-lg-8 {
            flex: 0 0 auto;
            width: 66.66666667%
        }

        .col-lg-9 {
            flex: 0 0 auto;
            width: 75%
        }

        .col-lg-10 {
            flex: 0 0 auto;
            width: 83.33333333%
        }

        .col-lg-11 {
            flex: 0 0 auto;
            width: 91.66666667%
        }

        .col-lg-12 {
            flex: 0 0 auto;
            width: 100%
        }

        .offset-lg-0 {
            margin-left: 0
        }

        .offset-lg-1 {
            margin-left: 8.33333333%
        }

        .offset-lg-2 {
            margin-left: 16.66666667%
        }

        .offset-lg-3 {
            margin-left: 25%
        }

        .offset-lg-4 {
            margin-left: 33.33333333%
        }

        .offset-lg-5 {
            margin-left: 41.66666667%
        }

        .offset-lg-6 {
            margin-left: 50%
        }

        .offset-lg-7 {
            margin-left: 58.33333333%
        }

        .offset-lg-8 {
            margin-left: 66.66666667%
        }

        .offset-lg-9 {
            margin-left: 75%
        }

        .offset-lg-10 {
            margin-left: 83.33333333%
        }

        .offset-lg-11 {
            margin-left: 91.66666667%
        }

        .g-lg-0,.gx-lg-0 {
            --bs-gutter-x: 0
        }

        .g-lg-0,.gy-lg-0 {
            --bs-gutter-y: 0
        }

        .g-lg-1,.gx-lg-1 {
            --bs-gutter-x: 0.25rem
        }

        .g-lg-1,.gy-lg-1 {
            --bs-gutter-y: 0.25rem
        }

        .g-lg-2,.gx-lg-2 {
            --bs-gutter-x: 0.5rem
        }

        .g-lg-2,.gy-lg-2 {
            --bs-gutter-y: 0.5rem
        }

        .g-lg-3,.gx-lg-3 {
            --bs-gutter-x: 1rem
        }

        .g-lg-3,.gy-lg-3 {
            --bs-gutter-y: 1rem
        }

        .g-lg-4,.gx-lg-4 {
            --bs-gutter-x: 1.5rem
        }

        .g-lg-4,.gy-lg-4 {
            --bs-gutter-y: 1.5rem
        }

        .g-lg-5,.gx-lg-5 {
            --bs-gutter-x: 3rem
        }

        .g-lg-5,.gy-lg-5 {
            --bs-gutter-y: 3rem
        }
    }

    @media (min-width: 1200px) {
        .col-xl {
            flex:1 0 0
        }

        .row-cols-xl-auto>* {
            flex: 0 0 auto;
            width: auto
        }

        .row-cols-xl-1>* {
            flex: 0 0 auto;
            width: 100%
        }

        .row-cols-xl-2>* {
            flex: 0 0 auto;
            width: 50%
        }

        .row-cols-xl-3>* {
            flex: 0 0 auto;
            width: 33.33333333%
        }

        .row-cols-xl-4>* {
            flex: 0 0 auto;
            width: 25%
        }

        .row-cols-xl-5>* {
            flex: 0 0 auto;
            width: 20%
        }

        .row-cols-xl-6>* {
            flex: 0 0 auto;
            width: 16.66666667%
        }

        .col-xl-auto {
            flex: 0 0 auto;
            width: auto
        }

        .col-xl-1 {
            flex: 0 0 auto;
            width: 8.33333333%
        }

        .col-xl-2 {
            flex: 0 0 auto;
            width: 16.66666667%
        }

        .col-xl-3 {
            flex: 0 0 auto;
            width: 25%
        }

        .col-xl-4 {
            flex: 0 0 auto;
            width: 33.33333333%
        }

        .col-xl-5 {
            flex: 0 0 auto;
            width: 41.66666667%
        }

        .col-xl-6 {
            flex: 0 0 auto;
            width: 50%
        }

        .col-xl-7 {
            flex: 0 0 auto;
            width: 58.33333333%
        }

        .col-xl-8 {
            flex: 0 0 auto;
            width: 66.66666667%
        }

        .col-xl-9 {
            flex: 0 0 auto;
            width: 75%
        }

        .col-xl-10 {
            flex: 0 0 auto;
            width: 83.33333333%
        }

        .col-xl-11 {
            flex: 0 0 auto;
            width: 91.66666667%
        }

        .col-xl-12 {
            flex: 0 0 auto;
            width: 100%
        }

        .offset-xl-0 {
            margin-left: 0
        }

        .offset-xl-1 {
            margin-left: 8.33333333%
        }

        .offset-xl-2 {
            margin-left: 16.66666667%
        }

        .offset-xl-3 {
            margin-left: 25%
        }

        .offset-xl-4 {
            margin-left: 33.33333333%
        }

        .offset-xl-5 {
            margin-left: 41.66666667%
        }

        .offset-xl-6 {
            margin-left: 50%
        }

        .offset-xl-7 {
            margin-left: 58.33333333%
        }

        .offset-xl-8 {
            margin-left: 66.66666667%
        }

        .offset-xl-9 {
            margin-left: 75%
        }

        .offset-xl-10 {
            margin-left: 83.33333333%
        }

        .offset-xl-11 {
            margin-left: 91.66666667%
        }

        .g-xl-0,.gx-xl-0 {
            --bs-gutter-x: 0
        }

        .g-xl-0,.gy-xl-0 {
            --bs-gutter-y: 0
        }

        .g-xl-1,.gx-xl-1 {
            --bs-gutter-x: 0.25rem
        }

        .g-xl-1,.gy-xl-1 {
            --bs-gutter-y: 0.25rem
        }

        .g-xl-2,.gx-xl-2 {
            --bs-gutter-x: 0.5rem
        }

        .g-xl-2,.gy-xl-2 {
            --bs-gutter-y: 0.5rem
        }

        .g-xl-3,.gx-xl-3 {
            --bs-gutter-x: 1rem
        }

        .g-xl-3,.gy-xl-3 {
            --bs-gutter-y: 1rem
        }

        .g-xl-4,.gx-xl-4 {
            --bs-gutter-x: 1.5rem
        }

        .g-xl-4,.gy-xl-4 {
            --bs-gutter-y: 1.5rem
        }

        .g-xl-5,.gx-xl-5 {
            --bs-gutter-x: 3rem
        }

        .g-xl-5,.gy-xl-5 {
            --bs-gutter-y: 3rem
        }
    }

    @media (min-width: 1400px) {
        .col-xxl {
            flex:1 0 0
        }

        .row-cols-xxl-auto>* {
            flex: 0 0 auto;
            width: auto
        }

        .row-cols-xxl-1>* {
            flex: 0 0 auto;
            width: 100%
        }

        .row-cols-xxl-2>* {
            flex: 0 0 auto;
            width: 50%
        }

        .row-cols-xxl-3>* {
            flex: 0 0 auto;
            width: 33.33333333%
        }

        .row-cols-xxl-4>* {
            flex: 0 0 auto;
            width: 25%
        }

        .row-cols-xxl-5>* {
            flex: 0 0 auto;
            width: 20%
        }

        .row-cols-xxl-6>* {
            flex: 0 0 auto;
            width: 16.66666667%
        }

        .col-xxl-auto {
            flex: 0 0 auto;
            width: auto
        }

        .col-xxl-1 {
            flex: 0 0 auto;
            width: 8.33333333%
        }

        .col-xxl-2 {
            flex: 0 0 auto;
            width: 16.66666667%
        }

        .col-xxl-3 {
            flex: 0 0 auto;
            width: 25%
        }

        .col-xxl-4 {
            flex: 0 0 auto;
            width: 33.33333333%
        }

        .col-xxl-5 {
            flex: 0 0 auto;
            width: 41.66666667%
        }

        .col-xxl-6 {
            flex: 0 0 auto;
            width: 50%
        }

        .col-xxl-7 {
            flex: 0 0 auto;
            width: 58.33333333%
        }

        .col-xxl-8 {
            flex: 0 0 auto;
            width: 66.66666667%
        }

        .col-xxl-9 {
            flex: 0 0 auto;
            width: 75%
        }

        .col-xxl-10 {
            flex: 0 0 auto;
            width: 83.33333333%
        }

        .col-xxl-11 {
            flex: 0 0 auto;
            width: 91.66666667%
        }

        .col-xxl-12 {
            flex: 0 0 auto;
            width: 100%
        }

        .offset-xxl-0 {
            margin-left: 0
        }

        .offset-xxl-1 {
            margin-left: 8.33333333%
        }

        .offset-xxl-2 {
            margin-left: 16.66666667%
        }

        .offset-xxl-3 {
            margin-left: 25%
        }

        .offset-xxl-4 {
            margin-left: 33.33333333%
        }

        .offset-xxl-5 {
            margin-left: 41.66666667%
        }

        .offset-xxl-6 {
            margin-left: 50%
        }

        .offset-xxl-7 {
            margin-left: 58.33333333%
        }

        .offset-xxl-8 {
            margin-left: 66.66666667%
        }

        .offset-xxl-9 {
            margin-left: 75%
        }

        .offset-xxl-10 {
            margin-left: 83.33333333%
        }

        .offset-xxl-11 {
            margin-left: 91.66666667%
        }

        .g-xxl-0,.gx-xxl-0 {
            --bs-gutter-x: 0
        }

        .g-xxl-0,.gy-xxl-0 {
            --bs-gutter-y: 0
        }

        .g-xxl-1,.gx-xxl-1 {
            --bs-gutter-x: 0.25rem
        }

        .g-xxl-1,.gy-xxl-1 {
            --bs-gutter-y: 0.25rem
        }

        .g-xxl-2,.gx-xxl-2 {
            --bs-gutter-x: 0.5rem
        }

        .g-xxl-2,.gy-xxl-2 {
            --bs-gutter-y: 0.5rem
        }

        .g-xxl-3,.gx-xxl-3 {
            --bs-gutter-x: 1rem
        }

        .g-xxl-3,.gy-xxl-3 {
            --bs-gutter-y: 1rem
        }

        .g-xxl-4,.gx-xxl-4 {
            --bs-gutter-x: 1.5rem
        }

        .g-xxl-4,.gy-xxl-4 {
            --bs-gutter-y: 1.5rem
        }

        .g-xxl-5,.gx-xxl-5 {
            --bs-gutter-x: 3rem
        }

        .g-xxl-5,.gy-xxl-5 {
            --bs-gutter-y: 3rem
        }
    }

    .table {
        --bs-table-color-type: initial;
        --bs-table-bg-type: initial;
        --bs-table-color-state: initial;
        --bs-table-bg-state: initial;
        --bs-table-color: var(--bs-emphasis-color);
        --bs-table-bg: var(--bs-body-bg);
        --bs-table-border-color: var(--bs-border-color);
        --bs-table-accent-bg: transparent;
        --bs-table-striped-color: var(--bs-emphasis-color);
        --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
        --bs-table-active-color: var(--bs-emphasis-color);
        --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
        --bs-table-hover-color: var(--bs-emphasis-color);
        --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
        width: 100%;
        margin-bottom: 1rem;
        vertical-align: top;
        border-color: var(--bs-table-border-color)
    }

    .table>:not(caption)>*>* {
        padding: .5rem .5rem;
        color: var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));
        background-color: var(--bs-table-bg);
        border-bottom-width: var(--bs-border-width);
        box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))
    }

    .table>tbody {
        vertical-align: inherit
    }

    .table>thead {
        vertical-align: bottom
    }

    .table-group-divider {
        border-top: calc(var(--bs-border-width) * 2) solid currentcolor
    }

    .caption-top {
        caption-side: top
    }

    .table-sm>:not(caption)>*>* {
        padding: .25rem .25rem
    }

    .table-bordered>:not(caption)>* {
        border-width: var(--bs-border-width) 0
    }

    .table-bordered>:not(caption)>*>* {
        border-width: 0 var(--bs-border-width)
    }

    .table-borderless>:not(caption)>*>* {
        border-bottom-width: 0
    }

    .table-borderless>:not(:first-child) {
        border-top-width: 0
    }

    .table-striped>tbody>tr:nth-of-type(odd)>* {
        --bs-table-color-type: var(--bs-table-striped-color);
        --bs-table-bg-type: var(--bs-table-striped-bg)
    }

    .table-striped-columns>:not(caption)>tr>:nth-child(2n) {
        --bs-table-color-type: var(--bs-table-striped-color);
        --bs-table-bg-type: var(--bs-table-striped-bg)
    }

    .table-active {
        --bs-table-color-state: var(--bs-table-active-color);
        --bs-table-bg-state: var(--bs-table-active-bg)
    }

    .table-hover>tbody>tr:hover>* {
        --bs-table-color-state: var(--bs-table-hover-color);
        --bs-table-bg-state: var(--bs-table-hover-bg)
    }

    .table-primary {
        --bs-table-color: #000;
        --bs-table-bg: #cfe2ff;
        --bs-table-border-color: #a6b5cc;
        --bs-table-striped-bg: #c5d7f2;
        --bs-table-striped-color: #000;
        --bs-table-active-bg: #bacbe6;
        --bs-table-active-color: #000;
        --bs-table-hover-bg: #bfd1ec;
        --bs-table-hover-color: #000;
        color: var(--bs-table-color);
        border-color: var(--bs-table-border-color)
    }

    .table-secondary {
        --bs-table-color: #000;
        --bs-table-bg: #e2e3e5;
        --bs-table-border-color: #b5b6b7;
        --bs-table-striped-bg: #d7d8da;
        --bs-table-striped-color: #000;
        --bs-table-active-bg: #cbccce;
        --bs-table-active-color: #000;
        --bs-table-hover-bg: #d1d2d4;
        --bs-table-hover-color: #000;
        color: var(--bs-table-color);
        border-color: var(--bs-table-border-color)
    }

    .table-success {
        --bs-table-color: #000;
        --bs-table-bg: #d1e7dd;
        --bs-table-border-color: #a7b9b1;
        --bs-table-striped-bg: #c7dbd2;
        --bs-table-striped-color: #000;
        --bs-table-active-bg: #bcd0c7;
        --bs-table-active-color: #000;
        --bs-table-hover-bg: #c1d6cc;
        --bs-table-hover-color: #000;
        color: var(--bs-table-color);
        border-color: var(--bs-table-border-color)
    }

    .table-info {
        --bs-table-color: #000;
        --bs-table-bg: #cff4fc;
        --bs-table-border-color: #a6c3ca;
        --bs-table-striped-bg: #c5e8ef;
        --bs-table-striped-color: #000;
        --bs-table-active-bg: #badce3;
        --bs-table-active-color: #000;
        --bs-table-hover-bg: #bfe2e9;
        --bs-table-hover-color: #000;
        color: var(--bs-table-color);
        border-color: var(--bs-table-border-color)
    }

    .table-warning {
        --bs-table-color: #000;
        --bs-table-bg: #fff3cd;
        --bs-table-border-color: #ccc2a4;
        --bs-table-striped-bg: #f2e7c3;
        --bs-table-striped-color: #000;
        --bs-table-active-bg: #e6dbb9;
        --bs-table-active-color: #000;
        --bs-table-hover-bg: #ece1be;
        --bs-table-hover-color: #000;
        color: var(--bs-table-color);
        border-color: var(--bs-table-border-color)
    }

    .table-danger {
        --bs-table-color: #000;
        --bs-table-bg: #f8d7da;
        --bs-table-border-color: #c6acae;
        --bs-table-striped-bg: #eccccf;
        --bs-table-striped-color: #000;
        --bs-table-active-bg: #dfc2c4;
        --bs-table-active-color: #000;
        --bs-table-hover-bg: #e5c7ca;
        --bs-table-hover-color: #000;
        color: var(--bs-table-color);
        border-color: var(--bs-table-border-color)
    }

    .table-light {
        --bs-table-color: #000;
        --bs-table-bg: #f8f9fa;
        --bs-table-border-color: #c6c7c8;
        --bs-table-striped-bg: #ecedee;
        --bs-table-striped-color: #000;
        --bs-table-active-bg: #dfe0e1;
        --bs-table-active-color: #000;
        --bs-table-hover-bg: #e5e6e7;
        --bs-table-hover-color: #000;
        color: var(--bs-table-color);
        border-color: var(--bs-table-border-color)
    }

    .table-dark {
        --bs-table-color: #fff;
        --bs-table-bg: #212529;
        --bs-table-border-color: #4d5154;
        --bs-table-striped-bg: #2c3034;
        --bs-table-striped-color: #fff;
        --bs-table-active-bg: #373b3e;
        --bs-table-active-color: #fff;
        --bs-table-hover-bg: #323539;
        --bs-table-hover-color: #fff;
        color: var(--bs-table-color);
        border-color: var(--bs-table-border-color)
    }

    .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    @media (max-width: 575.98px) {
        .table-responsive-sm {
            overflow-x:auto;
            -webkit-overflow-scrolling: touch
        }
    }

    @media (max-width: 767.98px) {
        .table-responsive-md {
            overflow-x:auto;
            -webkit-overflow-scrolling: touch
        }
    }

    @media (max-width: 991.98px) {
        .table-responsive-lg {
            overflow-x:auto;
            -webkit-overflow-scrolling: touch
        }
    }

    @media (max-width: 1199.98px) {
        .table-responsive-xl {
            overflow-x:auto;
            -webkit-overflow-scrolling: touch
        }
    }

    @media (max-width: 1399.98px) {
        .table-responsive-xxl {
            overflow-x:auto;
            -webkit-overflow-scrolling: touch
        }
    }

    .form-label {
        margin-bottom: .5rem
    }

    .col-form-label {
        padding-top: calc(.375rem + var(--bs-border-width));
        padding-bottom: calc(.375rem + var(--bs-border-width));
        margin-bottom: 0;
        font-size: inherit;
        line-height: 1.5
    }

    .col-form-label-lg {
        padding-top: calc(.5rem + var(--bs-border-width));
        padding-bottom: calc(.5rem + var(--bs-border-width));
        font-size: 1.25rem
    }

    .col-form-label-sm {
        padding-top: calc(.25rem + var(--bs-border-width));
        padding-bottom: calc(.25rem + var(--bs-border-width));
        font-size: .875rem
    }

    .form-text {
        margin-top: .25rem;
        font-size: .875em;
        color: var(--bs-secondary-color)
    }

    .form-control {
        display: block;
        width: 100%;
        padding: .375rem .75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: var(--bs-body-color);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: var(--bs-body-bg);
        background-clip: padding-box;
        border: var(--bs-border-width) solid var(--bs-border-color);
        border-radius: var(--bs-border-radius);
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
    }

    @media (prefers-reduced-motion:reduce) {
        .form-control {
            transition: none
        }
    }

    .form-control[type=file] {
        overflow: hidden
    }

    .form-control[type=file]:not(:disabled):not([readonly]) {
        cursor: pointer
    }

    .form-control:focus {
        color: var(--bs-body-color);
        background-color: var(--bs-body-bg);
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
    }

    .form-control::-webkit-date-and-time-value {
        min-width: 85px;
        height: 1.5em;
        margin: 0
    }

    .form-control::-webkit-datetime-edit {
        display: block;
        padding: 0
    }

    .form-control::placeholder {
        color: var(--bs-secondary-color);
        opacity: 1
    }

    .form-control:disabled {
        background-color: var(--bs-secondary-bg);
        opacity: 1
    }

    .form-control::-webkit-file-upload-button {
        padding: .375rem .75rem;
        margin: -.375rem -.75rem;
        -webkit-margin-end: .75rem;
        margin-inline-end:.75rem;color: var(--bs-body-color);
        background-color: var(--bs-tertiary-bg);
        pointer-events: none;
        border-color: inherit;
        border-style: solid;
        border-width: 0;
        border-inline-end-width:var(--bs-border-width);border-radius: 0;
        -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
    }

    .form-control::file-selector-button {
        padding: .375rem .75rem;
        margin: -.375rem -.75rem;
        -webkit-margin-end: .75rem;
        margin-inline-end:.75rem;color: var(--bs-body-color);
        background-color: var(--bs-tertiary-bg);
        pointer-events: none;
        border-color: inherit;
        border-style: solid;
        border-width: 0;
        border-inline-end-width:var(--bs-border-width);border-radius: 0;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
    }

    @media (prefers-reduced-motion:reduce) {
        .form-control::-webkit-file-upload-button {
            -webkit-transition: none;
            transition: none
        }

        .form-control::file-selector-button {
            transition: none
        }
    }

    .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
        background-color: var(--bs-secondary-bg)
    }

    .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
        background-color: var(--bs-secondary-bg)
    }

    .form-control-plaintext {
        display: block;
        width: 100%;
        padding: .375rem 0;
        margin-bottom: 0;
        line-height: 1.5;
        color: var(--bs-body-color);
        background-color: transparent;
        border: solid transparent;
        border-width: var(--bs-border-width) 0
    }

    .form-control-plaintext:focus {
        outline: 0
    }

    .form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm {
        padding-right: 0;
        padding-left: 0
    }

    .form-control-sm {
        min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));
        padding: .25rem .5rem;
        font-size: .875rem;
        border-radius: var(--bs-border-radius-sm)
    }

    .form-control-sm::-webkit-file-upload-button {
        padding: .25rem .5rem;
        margin: -.25rem -.5rem;
        -webkit-margin-end: .5rem;
        margin-inline-end:.5rem}

    .form-control-sm::file-selector-button {
        padding: .25rem .5rem;
        margin: -.25rem -.5rem;
        -webkit-margin-end: .5rem;
        margin-inline-end:.5rem}

    .form-control-lg {
        min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
        padding: .5rem 1rem;
        font-size: 1.25rem;
        border-radius: var(--bs-border-radius-lg)
    }

    .form-control-lg::-webkit-file-upload-button {
        padding: .5rem 1rem;
        margin: -.5rem -1rem;
        -webkit-margin-end: 1rem;
        margin-inline-end:1rem}

    .form-control-lg::file-selector-button {
        padding: .5rem 1rem;
        margin: -.5rem -1rem;
        -webkit-margin-end: 1rem;
        margin-inline-end:1rem}

    textarea.form-control {
        min-height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))
    }

    textarea.form-control-sm {
        min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))
    }

    textarea.form-control-lg {
        min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))
    }

    .form-control-color {
        width: 3rem;
        height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));
        padding: .375rem
    }

    .form-control-color:not(:disabled):not([readonly]) {
        cursor: pointer
    }

    .form-control-color::-moz-color-swatch {
        border: 0!important;
        border-radius: var(--bs-border-radius)
    }

    .form-control-color::-webkit-color-swatch {
        border: 0!important;
        border-radius: var(--bs-border-radius)
    }

    .form-control-color.form-control-sm {
        height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))
    }

    .form-control-color.form-control-lg {
        height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))
    }

    .form-select {
        --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
        display: block;
        width: 100%;
        padding: .375rem 2.25rem .375rem .75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: var(--bs-body-color);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: var(--bs-body-bg);
        background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
        background-repeat: no-repeat;
        background-position: right .75rem center;
        background-size: 16px 12px;
        border: var(--bs-border-width) solid var(--bs-border-color);
        border-radius: var(--bs-border-radius);
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
    }

    @media (prefers-reduced-motion:reduce) {
        .form-select {
            transition: none
        }
    }

    .form-select:focus {
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
    }

    .form-select[multiple],.form-select[size]:not([size="1"]) {
        padding-right: .75rem;
        background-image: none
    }

    .form-select:disabled {
        background-color: var(--bs-secondary-bg)
    }

    .form-select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 var(--bs-body-color)
    }

    .form-select-sm {
        padding-top: .25rem;
        padding-bottom: .25rem;
        padding-left: .5rem;
        font-size: .875rem;
        border-radius: var(--bs-border-radius-sm)
    }

    .form-select-lg {
        padding-top: .5rem;
        padding-bottom: .5rem;
        padding-left: 1rem;
        font-size: 1.25rem;
        border-radius: var(--bs-border-radius-lg)
    }

    [data-bs-theme=dark] .form-select {
        --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")
    }

    .form-check {
        display: block;
        min-height: 1.5rem;
        padding-left: 1.5em;
        margin-bottom: .125rem
    }

    .form-check .form-check-input {
        float: left;
        margin-left: -1.5em
    }

    .form-check-reverse {
        padding-right: 1.5em;
        padding-left: 0;
        text-align: right
    }

    .form-check-reverse .form-check-input {
        float: right;
        margin-right: -1.5em;
        margin-left: 0
    }

    .form-check-input {
        --bs-form-check-bg: var(--bs-body-bg);
        flex-shrink: 0;
        width: 1em;
        height: 1em;
        margin-top: .25em;
        vertical-align: top;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: var(--bs-form-check-bg);
        background-image: var(--bs-form-check-bg-image);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        border: var(--bs-border-width) solid var(--bs-border-color);
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
        print-color-adjust: exact
    }

    .form-check-input[type=checkbox] {
        border-radius: .25em
    }

    .form-check-input[type=radio] {
        border-radius: 50%
    }

    .form-check-input:active {
        filter: brightness(90%)
    }

    .form-check-input:focus {
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
    }

    .form-check-input:checked {
        background-color: #0d6efd;
        border-color: #0d6efd
    }

    .form-check-input:checked[type=checkbox] {
        --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
    }

    .form-check-input:checked[type=radio] {
        --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
    }

    .form-check-input[type=checkbox]:indeterminate {
        background-color: #0d6efd;
        border-color: #0d6efd;
        --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
    }

    .form-check-input:disabled {
        pointer-events: none;
        filter: none;
        opacity: .5
    }

    .form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label {
        cursor: default;
        opacity: .5
    }

    .form-switch {
        padding-left: 2.5em
    }

    .form-switch .form-check-input {
        --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
        width: 2em;
        margin-left: -2.5em;
        background-image: var(--bs-form-switch-bg);
        background-position: left center;
        border-radius: 2em;
        transition: background-position .15s ease-in-out
    }

    @media (prefers-reduced-motion:reduce) {
        .form-switch .form-check-input {
            transition: none
        }
    }

    .form-switch .form-check-input:focus {
        --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")
    }

    .form-switch .form-check-input:checked {
        background-position: right center;
        --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
    }

    .form-switch.form-check-reverse {
        padding-right: 2.5em;
        padding-left: 0
    }

    .form-switch.form-check-reverse .form-check-input {
        margin-right: -2.5em;
        margin-left: 0
    }

    .form-check-inline {
        display: inline-block;
        margin-right: 1rem
    }

    .btn-check {
        position: absolute;
        clip: rect(0,0,0,0);
        pointer-events: none
    }

    .btn-check:disabled+.btn,.btn-check[disabled]+.btn {
        pointer-events: none;
        filter: none;
        opacity: .65
    }

    [data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
        --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")
    }

    .form-range {
        width: 100%;
        height: 1.5rem;
        padding: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: transparent
    }

    .form-range:focus {
        outline: 0
    }

    .form-range:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)
    }

    .form-range:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)
    }

    .form-range::-moz-focus-outer {
        border: 0
    }

    .form-range::-webkit-slider-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: -.25rem;
        -webkit-appearance: none;
        appearance: none;
        background-color: #0d6efd;
        border: 0;
        border-radius: 1rem;
        -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
    }

    @media (prefers-reduced-motion:reduce) {
        .form-range::-webkit-slider-thumb {
            -webkit-transition: none;
            transition: none
        }
    }

    .form-range::-webkit-slider-thumb:active {
        background-color: #b6d4fe
    }

    .form-range::-webkit-slider-runnable-track {
        width: 100%;
        height: .5rem;
        color: transparent;
        cursor: pointer;
        background-color: var(--bs-secondary-bg);
        border-color: transparent;
        border-radius: 1rem
    }

    .form-range::-moz-range-thumb {
        width: 1rem;
        height: 1rem;
        -moz-appearance: none;
        appearance: none;
        background-color: #0d6efd;
        border: 0;
        border-radius: 1rem;
        -moz-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
    }

    @media (prefers-reduced-motion:reduce) {
        .form-range::-moz-range-thumb {
            -moz-transition: none;
            transition: none
        }
    }

    .form-range::-moz-range-thumb:active {
        background-color: #b6d4fe
    }

    .form-range::-moz-range-track {
        width: 100%;
        height: .5rem;
        color: transparent;
        cursor: pointer;
        background-color: var(--bs-secondary-bg);
        border-color: transparent;
        border-radius: 1rem
    }

    .form-range:disabled {
        pointer-events: none
    }

    .form-range:disabled::-webkit-slider-thumb {
        background-color: var(--bs-secondary-color)
    }

    .form-range:disabled::-moz-range-thumb {
        background-color: var(--bs-secondary-color)
    }

    .form-floating {
        position: relative
    }

    .form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select {
        height: calc(3.5rem + calc(var(--bs-border-width) * 2));
        min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
        line-height: 1.25
    }

    .form-floating>label {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        max-width: 100%;
        height: 100%;
        padding: 1rem .75rem;
        overflow: hidden;
        color: rgba(var(--bs-body-color-rgb),.65);
        text-align: start;
        text-overflow: ellipsis;
        white-space: nowrap;
        pointer-events: none;
        border: var(--bs-border-width) solid transparent;
        transform-origin: 0 0;
        transition: opacity .1s ease-in-out,transform .1s ease-in-out
    }

    @media (prefers-reduced-motion:reduce) {
        .form-floating>label {
            transition: none
        }
    }

    .form-floating>.form-control,.form-floating>.form-control-plaintext {
        padding: 1rem .75rem
    }

    .form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder {
        color: transparent
    }

    .form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown) {
        padding-top: 1.625rem;
        padding-bottom: .625rem
    }

    .form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill {
        padding-top: 1.625rem;
        padding-bottom: .625rem
    }

    .form-floating>.form-select {
        padding-top: 1.625rem;
        padding-bottom: .625rem;
        padding-left: .75rem
    }

    .form-floating>.form-control-plaintext~label,.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label {
        transform: scale(.85) translateY(-.5rem) translateX(.15rem)
    }

    .form-floating>.form-control:-webkit-autofill~label {
        transform: scale(.85) translateY(-.5rem) translateX(.15rem)
    }

    .form-floating>textarea:focus~label::after,.form-floating>textarea:not(:placeholder-shown)~label::after {
        position: absolute;
        inset: 1rem 0.375rem;
        z-index: -1;
        height: 1.5em;
        content: "";
        background-color: var(--bs-body-bg);
        border-radius: var(--bs-border-radius)
    }

    .form-floating>textarea:disabled~label::after {
        background-color: var(--bs-secondary-bg)
    }

    .form-floating>.form-control-plaintext~label {
        border-width: var(--bs-border-width) 0
    }

    .form-floating>.form-control:disabled~label,.form-floating>:disabled~label {
        color: #6c757d
    }

    .input-group {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        width: 100%
    }

    .input-group>.form-control,.input-group>.form-floating,.input-group>.form-select {
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0
    }

    .input-group>.form-control:focus,.input-group>.form-floating:focus-within,.input-group>.form-select:focus {
        z-index: 5
    }

    .input-group .btn {
        position: relative;
        z-index: 2
    }

    .input-group .btn:focus {
        z-index: 5
    }

    .input-group-text {
        display: flex;
        align-items: center;
        padding: .375rem .75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: var(--bs-body-color);
        text-align: center;
        white-space: nowrap;
        background-color: var(--bs-tertiary-bg);
        border: var(--bs-border-width) solid var(--bs-border-color);
        border-radius: var(--bs-border-radius)
    }

    .input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text {
        padding: .5rem 1rem;
        font-size: 1.25rem;
        border-radius: var(--bs-border-radius-lg)
    }

    .input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text {
        padding: .25rem .5rem;
        font-size: .875rem;
        border-radius: var(--bs-border-radius-sm)
    }

    .input-group-lg>.form-select,.input-group-sm>.form-select {
        padding-right: 3rem
    }

    .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
        margin-left: calc(-1 * var(--bs-border-width));
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .valid-feedback {
        display: none;
        width: 100%;
        margin-top: .25rem;
        font-size: .875em;
        color: var(--bs-form-valid-color)
    }

    .valid-tooltip {
        position: absolute;
        top: 100%;
        z-index: 5;
        display: none;
        max-width: 100%;
        padding: .25rem .5rem;
        margin-top: .1rem;
        font-size: .875rem;
        color: #fff;
        background-color: var(--bs-success);
        border-radius: var(--bs-border-radius)
    }

    .is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip {
        display: block
    }

    .form-control.is-valid,.was-validated .form-control:valid {
        border-color: var(--bs-form-valid-border-color);
        padding-right: calc(1.5em + .75rem);
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: right calc(.375em + .1875rem) center;
        background-size: calc(.75em + .375rem) calc(.75em + .375rem)
    }

    .form-control.is-valid:focus,.was-validated .form-control:valid:focus {
        border-color: var(--bs-form-valid-border-color);
        box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25)
    }

    .was-validated textarea.form-control:valid,textarea.form-control.is-valid {
        padding-right: calc(1.5em + .75rem);
        background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
    }

    .form-select.is-valid,.was-validated .form-select:valid {
        border-color: var(--bs-form-valid-border-color)
    }

    .form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"] {
        --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
        padding-right: 4.125rem;
        background-position: right .75rem center,center right 2.25rem;
        background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
    }

    .form-select.is-valid:focus,.was-validated .form-select:valid:focus {
        border-color: var(--bs-form-valid-border-color);
        box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25)
    }

    .form-control-color.is-valid,.was-validated .form-control-color:valid {
        width: calc(3rem + calc(1.5em + .75rem))
    }

    .form-check-input.is-valid,.was-validated .form-check-input:valid {
        border-color: var(--bs-form-valid-border-color)
    }

    .form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked {
        background-color: var(--bs-form-valid-color)
    }

    .form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus {
        box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25)
    }

    .form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label {
        color: var(--bs-form-valid-color)
    }

    .form-check-inline .form-check-input~.valid-feedback {
        margin-left: .5em
    }

    .input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):valid {
        z-index: 3
    }

    .invalid-feedback {
        display: none;
        width: 100%;
        margin-top: .25rem;
        font-size: .875em;
        color: var(--bs-form-invalid-color)
    }

    .invalid-tooltip {
        position: absolute;
        top: 100%;
        z-index: 5;
        display: none;
        max-width: 100%;
        padding: .25rem .5rem;
        margin-top: .1rem;
        font-size: .875rem;
        color: #fff;
        background-color: var(--bs-danger);
        border-radius: var(--bs-border-radius)
    }

    .is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip {
        display: block
    }

    .form-control.is-invalid,.was-validated .form-control:invalid {
        border-color: var(--bs-form-invalid-border-color);
        padding-right: calc(1.5em + .75rem);
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: right calc(.375em + .1875rem) center;
        background-size: calc(.75em + .375rem) calc(.75em + .375rem)
    }

    .form-control.is-invalid:focus,.was-validated .form-control:invalid:focus {
        border-color: var(--bs-form-invalid-border-color);
        box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)
    }

    .was-validated textarea.form-control:invalid,textarea.form-control.is-invalid {
        padding-right: calc(1.5em + .75rem);
        background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
    }

    .form-select.is-invalid,.was-validated .form-select:invalid {
        border-color: var(--bs-form-invalid-border-color)
    }

    .form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"] {
        --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
        padding-right: 4.125rem;
        background-position: right .75rem center,center right 2.25rem;
        background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
    }

    .form-select.is-invalid:focus,.was-validated .form-select:invalid:focus {
        border-color: var(--bs-form-invalid-border-color);
        box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)
    }

    .form-control-color.is-invalid,.was-validated .form-control-color:invalid {
        width: calc(3rem + calc(1.5em + .75rem))
    }

    .form-check-input.is-invalid,.was-validated .form-check-input:invalid {
        border-color: var(--bs-form-invalid-border-color)
    }

    .form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked {
        background-color: var(--bs-form-invalid-color)
    }

    .form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus {
        box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)
    }

    .form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label {
        color: var(--bs-form-invalid-color)
    }

    .form-check-inline .form-check-input~.invalid-feedback {
        margin-left: .5em
    }

    .input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid {
        z-index: 4
    }

    .btn {
        --bs-btn-padding-x: 0.75rem;
        --bs-btn-padding-y: 0.375rem;
        --bs-btn-font-family: ;
        --bs-btn-font-size: 1rem;
        --bs-btn-font-weight: 400;
        --bs-btn-line-height: 1.5;
        --bs-btn-color: var(--bs-body-color);
        --bs-btn-bg: transparent;
        --bs-btn-border-width: var(--bs-border-width);
        --bs-btn-border-color: transparent;
        --bs-btn-border-radius: var(--bs-border-radius);
        --bs-btn-hover-border-color: transparent;
        --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);
        --bs-btn-disabled-opacity: 0.65;
        --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
        display: inline-block;
        padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
        font-family: var(--bs-btn-font-family);
        font-size: var(--bs-btn-font-size);
        font-weight: var(--bs-btn-font-weight);
        line-height: var(--bs-btn-line-height);
        color: var(--bs-btn-color);
        text-align: center;
        text-decoration: none;
        vertical-align: middle;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
        border-radius: var(--bs-btn-border-radius);
        background-color: var(--bs-btn-bg);
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
    }

    @media (prefers-reduced-motion:reduce) {
        .btn {
            transition: none
        }
    }

    .btn:hover {
        color: var(--bs-btn-hover-color);
        background-color: var(--bs-btn-hover-bg);
        border-color: var(--bs-btn-hover-border-color)
    }

    .btn-check+.btn:hover {
        color: var(--bs-btn-color);
        background-color: var(--bs-btn-bg);
        border-color: var(--bs-btn-border-color)
    }

    .btn:focus-visible {
        color: var(--bs-btn-hover-color);
        background-color: var(--bs-btn-hover-bg);
        border-color: var(--bs-btn-hover-border-color);
        outline: 0;
        box-shadow: var(--bs-btn-focus-box-shadow)
    }

    .btn-check:focus-visible+.btn {
        border-color: var(--bs-btn-hover-border-color);
        outline: 0;
        box-shadow: var(--bs-btn-focus-box-shadow)
    }

    .btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active {
        color: var(--bs-btn-active-color);
        background-color: var(--bs-btn-active-bg);
        border-color: var(--bs-btn-active-border-color)
    }

    .btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible {
        box-shadow: var(--bs-btn-focus-box-shadow)
    }

    .btn-check:checked:focus-visible+.btn {
        box-shadow: var(--bs-btn-focus-box-shadow)
    }

    .btn.disabled,.btn:disabled,fieldset:disabled .btn {
        color: var(--bs-btn-disabled-color);
        pointer-events: none;
        background-color: var(--bs-btn-disabled-bg);
        border-color: var(--bs-btn-disabled-border-color);
        opacity: var(--bs-btn-disabled-opacity)
    }

    .btn-primary {
        --bs-btn-color: #fff;
        --bs-btn-bg: #0d6efd;
        --bs-btn-border-color: #0d6efd;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #0b5ed7;
        --bs-btn-hover-border-color: #0a58ca;
        --bs-btn-focus-shadow-rgb: 49,132,253;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #0a58ca;
        --bs-btn-active-border-color: #0a53be;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #0d6efd;
        --bs-btn-disabled-border-color: #0d6efd
    }

    .btn-secondary {
        --bs-btn-color: #fff;
        --bs-btn-bg: #6c757d;
        --bs-btn-border-color: #6c757d;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #5c636a;
        --bs-btn-hover-border-color: #565e64;
        --bs-btn-focus-shadow-rgb: 130,138,145;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #565e64;
        --bs-btn-active-border-color: #51585e;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #6c757d;
        --bs-btn-disabled-border-color: #6c757d
    }

    .btn-success {
        --bs-btn-color: #fff;
        --bs-btn-bg: #198754;
        --bs-btn-border-color: #198754;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #157347;
        --bs-btn-hover-border-color: #146c43;
        --bs-btn-focus-shadow-rgb: 60,153,110;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #146c43;
        --bs-btn-active-border-color: #13653f;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #198754;
        --bs-btn-disabled-border-color: #198754
    }

    .btn-info {
        --bs-btn-color: #000;
        --bs-btn-bg: #0dcaf0;
        --bs-btn-border-color: #0dcaf0;
        --bs-btn-hover-color: #000;
        --bs-btn-hover-bg: #31d2f2;
        --bs-btn-hover-border-color: #25cff2;
        --bs-btn-focus-shadow-rgb: 11,172,204;
        --bs-btn-active-color: #000;
        --bs-btn-active-bg: #3dd5f3;
        --bs-btn-active-border-color: #25cff2;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #000;
        --bs-btn-disabled-bg: #0dcaf0;
        --bs-btn-disabled-border-color: #0dcaf0
    }

    .btn-warning {
        --bs-btn-color: #000;
        --bs-btn-bg: #ffc107;
        --bs-btn-border-color: #ffc107;
        --bs-btn-hover-color: #000;
        --bs-btn-hover-bg: #ffca2c;
        --bs-btn-hover-border-color: #ffc720;
        --bs-btn-focus-shadow-rgb: 217,164,6;
        --bs-btn-active-color: #000;
        --bs-btn-active-bg: #ffcd39;
        --bs-btn-active-border-color: #ffc720;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #000;
        --bs-btn-disabled-bg: #ffc107;
        --bs-btn-disabled-border-color: #ffc107
    }

    .btn-danger {
        --bs-btn-color: #fff;
        --bs-btn-bg: #dc3545;
        --bs-btn-border-color: #dc3545;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #bb2d3b;
        --bs-btn-hover-border-color: #b02a37;
        --bs-btn-focus-shadow-rgb: 225,83,97;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #b02a37;
        --bs-btn-active-border-color: #a52834;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #dc3545;
        --bs-btn-disabled-border-color: #dc3545
    }

    .btn-light {
        --bs-btn-color: #000;
        --bs-btn-bg: #f8f9fa;
        --bs-btn-border-color: #f8f9fa;
        --bs-btn-hover-color: #000;
        --bs-btn-hover-bg: #d3d4d5;
        --bs-btn-hover-border-color: #c6c7c8;
        --bs-btn-focus-shadow-rgb: 211,212,213;
        --bs-btn-active-color: #000;
        --bs-btn-active-bg: #c6c7c8;
        --bs-btn-active-border-color: #babbbc;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #000;
        --bs-btn-disabled-bg: #f8f9fa;
        --bs-btn-disabled-border-color: #f8f9fa
    }

    .btn-dark {
        --bs-btn-color: #fff;
        --bs-btn-bg: #212529;
        --bs-btn-border-color: #212529;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #424649;
        --bs-btn-hover-border-color: #373b3e;
        --bs-btn-focus-shadow-rgb: 66,70,73;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #4d5154;
        --bs-btn-active-border-color: #373b3e;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #212529;
        --bs-btn-disabled-border-color: #212529
    }

    .btn-outline-primary {
        --bs-btn-color: #0d6efd;
        --bs-btn-border-color: #0d6efd;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #0d6efd;
        --bs-btn-hover-border-color: #0d6efd;
        --bs-btn-focus-shadow-rgb: 13,110,253;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #0d6efd;
        --bs-btn-active-border-color: #0d6efd;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #0d6efd;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #0d6efd;
        --bs-gradient: none
    }

    .btn-outline-secondary {
        --bs-btn-color: #6c757d;
        --bs-btn-border-color: #6c757d;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #6c757d;
        --bs-btn-hover-border-color: #6c757d;
        --bs-btn-focus-shadow-rgb: 108,117,125;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #6c757d;
        --bs-btn-active-border-color: #6c757d;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #6c757d;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #6c757d;
        --bs-gradient: none
    }

    .btn-outline-success {
        --bs-btn-color: #198754;
        --bs-btn-border-color: #198754;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #198754;
        --bs-btn-hover-border-color: #198754;
        --bs-btn-focus-shadow-rgb: 25,135,84;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #198754;
        --bs-btn-active-border-color: #198754;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #198754;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #198754;
        --bs-gradient: none
    }

    .btn-outline-info {
        --bs-btn-color: #0dcaf0;
        --bs-btn-border-color: #0dcaf0;
        --bs-btn-hover-color: #000;
        --bs-btn-hover-bg: #0dcaf0;
        --bs-btn-hover-border-color: #0dcaf0;
        --bs-btn-focus-shadow-rgb: 13,202,240;
        --bs-btn-active-color: #000;
        --bs-btn-active-bg: #0dcaf0;
        --bs-btn-active-border-color: #0dcaf0;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #0dcaf0;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #0dcaf0;
        --bs-gradient: none
    }

    .btn-outline-warning {
        --bs-btn-color: #ffc107;
        --bs-btn-border-color: #ffc107;
        --bs-btn-hover-color: #000;
        --bs-btn-hover-bg: #ffc107;
        --bs-btn-hover-border-color: #ffc107;
        --bs-btn-focus-shadow-rgb: 255,193,7;
        --bs-btn-active-color: #000;
        --bs-btn-active-bg: #ffc107;
        --bs-btn-active-border-color: #ffc107;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #ffc107;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #ffc107;
        --bs-gradient: none
    }

    .btn-outline-danger {
        --bs-btn-color: #dc3545;
        --bs-btn-border-color: #dc3545;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #dc3545;
        --bs-btn-hover-border-color: #dc3545;
        --bs-btn-focus-shadow-rgb: 220,53,69;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #dc3545;
        --bs-btn-active-border-color: #dc3545;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #dc3545;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #dc3545;
        --bs-gradient: none
    }

    .btn-outline-light {
        --bs-btn-color: #f8f9fa;
        --bs-btn-border-color: #f8f9fa;
        --bs-btn-hover-color: #000;
        --bs-btn-hover-bg: #f8f9fa;
        --bs-btn-hover-border-color: #f8f9fa;
        --bs-btn-focus-shadow-rgb: 248,249,250;
        --bs-btn-active-color: #000;
        --bs-btn-active-bg: #f8f9fa;
        --bs-btn-active-border-color: #f8f9fa;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #f8f9fa;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #f8f9fa;
        --bs-gradient: none
    }

    .btn-outline-dark {
        --bs-btn-color: #212529;
        --bs-btn-border-color: #212529;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #212529;
        --bs-btn-hover-border-color: #212529;
        --bs-btn-focus-shadow-rgb: 33,37,41;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #212529;
        --bs-btn-active-border-color: #212529;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #212529;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #212529;
        --bs-gradient: none
    }

    .btn-link {
        --bs-btn-font-weight: 400;
        --bs-btn-color: var(--bs-link-color);
        --bs-btn-bg: transparent;
        --bs-btn-border-color: transparent;
        --bs-btn-hover-color: var(--bs-link-hover-color);
        --bs-btn-hover-border-color: transparent;
        --bs-btn-active-color: var(--bs-link-hover-color);
        --bs-btn-active-border-color: transparent;
        --bs-btn-disabled-color: #6c757d;
        --bs-btn-disabled-border-color: transparent;
        --bs-btn-box-shadow: 0 0 0 #000;
        --bs-btn-focus-shadow-rgb: 49,132,253;
        text-decoration: underline
    }

    .btn-link:focus-visible {
        color: var(--bs-btn-color)
    }

    .btn-link:hover {
        color: var(--bs-btn-hover-color)
    }

    .btn-group-lg>.btn,.btn-lg {
        --bs-btn-padding-y: 0.5rem;
        --bs-btn-padding-x: 1rem;
        --bs-btn-font-size: 1.25rem;
        --bs-btn-border-radius: var(--bs-border-radius-lg)
    }

    .btn-group-sm>.btn,.btn-sm {
        --bs-btn-padding-y: 0.25rem;
        --bs-btn-padding-x: 0.5rem;
        --bs-btn-font-size: 0.875rem;
        --bs-btn-border-radius: var(--bs-border-radius-sm)
    }

    .fade {
        transition: opacity .15s linear
    }

    @media (prefers-reduced-motion:reduce) {
        .fade {
            transition: none
        }
    }

    .fade:not(.show) {
        opacity: 0
    }

    .collapse:not(.show) {
        display: none
    }

    .collapsing {
        height: 0;
        overflow: hidden;
        transition: height .35s ease
    }

    @media (prefers-reduced-motion:reduce) {
        .collapsing {
            transition: none
        }
    }

    .collapsing.collapse-horizontal {
        width: 0;
        height: auto;
        transition: width .35s ease
    }

    @media (prefers-reduced-motion:reduce) {
        .collapsing.collapse-horizontal {
            transition: none
        }
    }

    .dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center {
        position: relative
    }

    .dropdown-toggle {
        white-space: nowrap
    }

    .dropdown-toggle::after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent
    }

    .dropdown-toggle:empty::after {
        margin-left: 0
    }

    .dropdown-menu {
        --bs-dropdown-zindex: 1000;
        --bs-dropdown-min-width: 10rem;
        --bs-dropdown-padding-x: 0;
        --bs-dropdown-padding-y: 0.5rem;
        --bs-dropdown-spacer: 0.125rem;
        --bs-dropdown-font-size: 1rem;
        --bs-dropdown-color: var(--bs-body-color);
        --bs-dropdown-bg: var(--bs-body-bg);
        --bs-dropdown-border-color: var(--bs-border-color-translucent);
        --bs-dropdown-border-radius: var(--bs-border-radius);
        --bs-dropdown-border-width: var(--bs-border-width);
        --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
        --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
        --bs-dropdown-divider-margin-y: 0.5rem;
        --bs-dropdown-box-shadow: var(--bs-box-shadow);
        --bs-dropdown-link-color: var(--bs-body-color);
        --bs-dropdown-link-hover-color: var(--bs-body-color);
        --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
        --bs-dropdown-link-active-color: #fff;
        --bs-dropdown-link-active-bg: #0d6efd;
        --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
        --bs-dropdown-item-padding-x: 1rem;
        --bs-dropdown-item-padding-y: 0.25rem;
        --bs-dropdown-header-color: #6c757d;
        --bs-dropdown-header-padding-x: 1rem;
        --bs-dropdown-header-padding-y: 0.5rem;
        position: absolute;
        z-index: var(--bs-dropdown-zindex);
        display: none;
        min-width: var(--bs-dropdown-min-width);
        padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
        margin: 0;
        font-size: var(--bs-dropdown-font-size);
        color: var(--bs-dropdown-color);
        text-align: left;
        list-style: none;
        background-color: var(--bs-dropdown-bg);
        background-clip: padding-box;
        border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
        border-radius: var(--bs-dropdown-border-radius)
    }

    .dropdown-menu[data-bs-popper] {
        top: 100%;
        left: 0;
        margin-top: var(--bs-dropdown-spacer)
    }

    .dropdown-menu-start {
        --bs-position: start
    }

    .dropdown-menu-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-end {
        --bs-position: end
    }

    .dropdown-menu-end[data-bs-popper] {
        right: 0;
        left: auto
    }

    @media (min-width: 576px) {
        .dropdown-menu-sm-start {
            --bs-position:start
        }

        .dropdown-menu-sm-start[data-bs-popper] {
            right: auto;
            left: 0
        }

        .dropdown-menu-sm-end {
            --bs-position: end
        }

        .dropdown-menu-sm-end[data-bs-popper] {
            right: 0;
            left: auto
        }
    }

    @media (min-width: 768px) {
        .dropdown-menu-md-start {
            --bs-position:start
        }

        .dropdown-menu-md-start[data-bs-popper] {
            right: auto;
            left: 0
        }

        .dropdown-menu-md-end {
            --bs-position: end
        }

        .dropdown-menu-md-end[data-bs-popper] {
            right: 0;
            left: auto
        }
    }

    @media (min-width: 992px) {
        .dropdown-menu-lg-start {
            --bs-position:start
        }

        .dropdown-menu-lg-start[data-bs-popper] {
            right: auto;
            left: 0
        }

        .dropdown-menu-lg-end {
            --bs-position: end
        }

        .dropdown-menu-lg-end[data-bs-popper] {
            right: 0;
            left: auto
        }
    }

    @media (min-width: 1200px) {
        .dropdown-menu-xl-start {
            --bs-position:start
        }

        .dropdown-menu-xl-start[data-bs-popper] {
            right: auto;
            left: 0
        }

        .dropdown-menu-xl-end {
            --bs-position: end
        }

        .dropdown-menu-xl-end[data-bs-popper] {
            right: 0;
            left: auto
        }
    }

    @media (min-width: 1400px) {
        .dropdown-menu-xxl-start {
            --bs-position:start
        }

        .dropdown-menu-xxl-start[data-bs-popper] {
            right: auto;
            left: 0
        }

        .dropdown-menu-xxl-end {
            --bs-position: end
        }

        .dropdown-menu-xxl-end[data-bs-popper] {
            right: 0;
            left: auto
        }
    }

    .dropup .dropdown-menu[data-bs-popper] {
        top: auto;
        bottom: 100%;
        margin-top: 0;
        margin-bottom: var(--bs-dropdown-spacer)
    }

    .dropup .dropdown-toggle::after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: 0;
        border-right: .3em solid transparent;
        border-bottom: .3em solid;
        border-left: .3em solid transparent
    }

    .dropup .dropdown-toggle:empty::after {
        margin-left: 0
    }

    .dropend .dropdown-menu[data-bs-popper] {
        top: 0;
        right: auto;
        left: 100%;
        margin-top: 0;
        margin-left: var(--bs-dropdown-spacer)
    }

    .dropend .dropdown-toggle::after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid transparent;
        border-right: 0;
        border-bottom: .3em solid transparent;
        border-left: .3em solid
    }

    .dropend .dropdown-toggle:empty::after {
        margin-left: 0
    }

    .dropend .dropdown-toggle::after {
        vertical-align: 0
    }

    .dropstart .dropdown-menu[data-bs-popper] {
        top: 0;
        right: 100%;
        left: auto;
        margin-top: 0;
        margin-right: var(--bs-dropdown-spacer)
    }

    .dropstart .dropdown-toggle::after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: ""
    }

    .dropstart .dropdown-toggle::after {
        display: none
    }

    .dropstart .dropdown-toggle::before {
        display: inline-block;
        margin-right: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid transparent;
        border-right: .3em solid;
        border-bottom: .3em solid transparent
    }

    .dropstart .dropdown-toggle:empty::after {
        margin-left: 0
    }

    .dropstart .dropdown-toggle::before {
        vertical-align: 0
    }

    .dropdown-divider {
        height: 0;
        margin: var(--bs-dropdown-divider-margin-y) 0;
        overflow: hidden;
        border-top: 1px solid var(--bs-dropdown-divider-bg);
        opacity: 1
    }

    .dropdown-item {
        display: block;
        width: 100%;
        padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
        clear: both;
        font-weight: 400;
        color: var(--bs-dropdown-link-color);
        text-align: inherit;
        text-decoration: none;
        white-space: nowrap;
        background-color: transparent;
        border: 0;
        border-radius: var(--bs-dropdown-item-border-radius,0)
    }

    .dropdown-item:focus,.dropdown-item:hover {
        color: var(--bs-dropdown-link-hover-color);
        background-color: var(--bs-dropdown-link-hover-bg)
    }

    .dropdown-item.active,.dropdown-item:active {
        color: var(--bs-dropdown-link-active-color);
        text-decoration: none;
        background-color: var(--bs-dropdown-link-active-bg)
    }

    .dropdown-item.disabled,.dropdown-item:disabled {
        color: var(--bs-dropdown-link-disabled-color);
        pointer-events: none;
        background-color: transparent
    }

    .dropdown-menu.show {
        display: block
    }

    .dropdown-header {
        display: block;
        padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
        margin-bottom: 0;
        font-size: .875rem;
        color: var(--bs-dropdown-header-color);
        white-space: nowrap
    }

    .dropdown-item-text {
        display: block;
        padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
        color: var(--bs-dropdown-link-color)
    }

    .dropdown-menu-dark {
        --bs-dropdown-color: #dee2e6;
        --bs-dropdown-bg: #343a40;
        --bs-dropdown-border-color: var(--bs-border-color-translucent);
        --bs-dropdown-box-shadow: ;
        --bs-dropdown-link-color: #dee2e6;
        --bs-dropdown-link-hover-color: #fff;
        --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
        --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
        --bs-dropdown-link-active-color: #fff;
        --bs-dropdown-link-active-bg: #0d6efd;
        --bs-dropdown-link-disabled-color: #adb5bd;
        --bs-dropdown-header-color: #adb5bd
    }

    .btn-group,.btn-group-vertical {
        position: relative;
        display: inline-flex;
        vertical-align: middle
    }

    .btn-group-vertical>.btn,.btn-group>.btn {
        position: relative;
        flex: 1 1 auto
    }

    .btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover {
        z-index: 1
    }

    .btn-toolbar {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start
    }

    .btn-toolbar .input-group {
        width: auto
    }

    .btn-group {
        border-radius: var(--bs-border-radius)
    }

    .btn-group>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn {
        margin-left: calc(-1 * var(--bs-border-width))
    }

    .btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .dropdown-toggle-split {
        padding-right: .5625rem;
        padding-left: .5625rem
    }

    .dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after {
        margin-left: 0
    }

    .dropstart .dropdown-toggle-split::before {
        margin-right: 0
    }

    .btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split {
        padding-right: .375rem;
        padding-left: .375rem
    }

    .btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split {
        padding-right: .75rem;
        padding-left: .75rem
    }

    .btn-group-vertical {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center
    }

    .btn-group-vertical>.btn,.btn-group-vertical>.btn-group {
        width: 100%
    }

    .btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child) {
        margin-top: calc(-1 * var(--bs-border-width))
    }

    .btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:nth-child(n+3),.btn-group-vertical>:not(.btn-check)+.btn {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .nav {
        --bs-nav-link-padding-x: 1rem;
        --bs-nav-link-padding-y: 0.5rem;
        --bs-nav-link-font-weight: ;
        --bs-nav-link-color: var(--bs-link-color);
        --bs-nav-link-hover-color: var(--bs-link-hover-color);
        --bs-nav-link-disabled-color: var(--bs-secondary-color);
        display: flex;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none
    }

    .nav-link {
        display: block;
        padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
        font-size: var(--bs-nav-link-font-size);
        font-weight: var(--bs-nav-link-font-weight);
        color: var(--bs-nav-link-color);
        text-decoration: none;
        background: 0 0;
        border: 0;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out
    }

    @media (prefers-reduced-motion:reduce) {
        .nav-link {
            transition: none
        }
    }

    .nav-link:focus,.nav-link:hover {
        color: var(--bs-nav-link-hover-color)
    }

    .nav-link:focus-visible {
        outline: 0;
        box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
    }

    .nav-link.disabled,.nav-link:disabled {
        color: var(--bs-nav-link-disabled-color);
        pointer-events: none;
        cursor: default
    }

    .nav-tabs {
        --bs-nav-tabs-border-width: var(--bs-border-width);
        --bs-nav-tabs-border-color: var(--bs-border-color);
        --bs-nav-tabs-border-radius: var(--bs-border-radius);
        --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
        --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
        --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
        --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
        border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
    }

    .nav-tabs .nav-link {
        margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
        border: var(--bs-nav-tabs-border-width) solid transparent;
        border-top-left-radius: var(--bs-nav-tabs-border-radius);
        border-top-right-radius: var(--bs-nav-tabs-border-radius)
    }

    .nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover {
        isolation: isolate;
        border-color: var(--bs-nav-tabs-link-hover-border-color)
    }

    .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
        color: var(--bs-nav-tabs-link-active-color);
        background-color: var(--bs-nav-tabs-link-active-bg);
        border-color: var(--bs-nav-tabs-link-active-border-color)
    }

    .nav-tabs .dropdown-menu {
        margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .nav-pills {
        --bs-nav-pills-border-radius: var(--bs-border-radius);
        --bs-nav-pills-link-active-color: #fff;
        --bs-nav-pills-link-active-bg: #0d6efd
    }

    .nav-pills .nav-link {
        border-radius: var(--bs-nav-pills-border-radius)
    }

    .nav-pills .nav-link.active,.nav-pills .show>.nav-link {
        color: var(--bs-nav-pills-link-active-color);
        background-color: var(--bs-nav-pills-link-active-bg)
    }

    .nav-underline {
        --bs-nav-underline-gap: 1rem;
        --bs-nav-underline-border-width: 0.125rem;
        --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
        gap: var(--bs-nav-underline-gap)
    }

    .nav-underline .nav-link {
        padding-right: 0;
        padding-left: 0;
        border-bottom: var(--bs-nav-underline-border-width) solid transparent
    }

    .nav-underline .nav-link:focus,.nav-underline .nav-link:hover {
        border-bottom-color: currentcolor
    }

    .nav-underline .nav-link.active,.nav-underline .show>.nav-link {
        font-weight: 700;
        color: var(--bs-nav-underline-link-active-color);
        border-bottom-color: currentcolor
    }

    .nav-fill .nav-item,.nav-fill>.nav-link {
        flex: 1 1 auto;
        text-align: center
    }

    .nav-justified .nav-item,.nav-justified>.nav-link {
        flex-grow: 1;
        flex-basis: 0;
        text-align: center
    }

    .nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link {
        width: 100%
    }

    .tab-content>.tab-pane {
        display: none
    }

    .tab-content>.active {
        display: block
    }

    .navbar {
        --bs-navbar-padding-x: 0;
        --bs-navbar-padding-y: 0.5rem;
        --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
        --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
        --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
        --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
        --bs-navbar-brand-padding-y: 0.3125rem;
        --bs-navbar-brand-margin-end: 1rem;
        --bs-navbar-brand-font-size: 1.25rem;
        --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
        --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
        --bs-navbar-nav-link-padding-x: 0.5rem;
        --bs-navbar-toggler-padding-y: 0.25rem;
        --bs-navbar-toggler-padding-x: 0.75rem;
        --bs-navbar-toggler-font-size: 1.25rem;
        --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
        --bs-navbar-toggler-border-radius: var(--bs-border-radius);
        --bs-navbar-toggler-focus-width: 0.25rem;
        --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)
    }

    .navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl {
        display: flex;
        flex-wrap: inherit;
        align-items: center;
        justify-content: space-between
    }

    .navbar-brand {
        padding-top: var(--bs-navbar-brand-padding-y);
        padding-bottom: var(--bs-navbar-brand-padding-y);
        margin-right: var(--bs-navbar-brand-margin-end);
        font-size: var(--bs-navbar-brand-font-size);
        color: var(--bs-navbar-brand-color);
        text-decoration: none;
        white-space: nowrap
    }

    .navbar-brand:focus,.navbar-brand:hover {
        color: var(--bs-navbar-brand-hover-color)
    }

    .navbar-nav {
        --bs-nav-link-padding-x: 0;
        --bs-nav-link-padding-y: 0.5rem;
        --bs-nav-link-font-weight: ;
        --bs-nav-link-color: var(--bs-navbar-color);
        --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
        --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
        display: flex;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none
    }

    .navbar-nav .nav-link.active,.navbar-nav .nav-link.show {
        color: var(--bs-navbar-active-color)
    }

    .navbar-nav .dropdown-menu {
        position: static
    }

    .navbar-text {
        padding-top: .5rem;
        padding-bottom: .5rem;
        color: var(--bs-navbar-color)
    }

    .navbar-text a,.navbar-text a:focus,.navbar-text a:hover {
        color: var(--bs-navbar-active-color)
    }

    .navbar-collapse {
        flex-grow: 1;
        flex-basis: 100%;
        align-items: center
    }

    .navbar-toggler {
        padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
        font-size: var(--bs-navbar-toggler-font-size);
        line-height: 1;
        color: var(--bs-navbar-color);
        background-color: transparent;
        border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
        border-radius: var(--bs-navbar-toggler-border-radius);
        transition: var(--bs-navbar-toggler-transition)
    }

    @media (prefers-reduced-motion:reduce) {
        .navbar-toggler {
            transition: none
        }
    }

    .navbar-toggler:hover {
        text-decoration: none
    }

    .navbar-toggler:focus {
        text-decoration: none;
        outline: 0;
        box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width)
    }

    .navbar-toggler-icon {
        display: inline-block;
        width: 1.5em;
        height: 1.5em;
        vertical-align: middle;
        background-image: var(--bs-navbar-toggler-icon-bg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%
    }

    .navbar-nav-scroll {
        max-height: var(--bs-scroll-height,75vh);
        overflow-y: auto
    }

    @media (min-width: 576px) {
        .navbar-expand-sm {
            flex-wrap:nowrap;
            justify-content: flex-start
        }

        .navbar-expand-sm .navbar-nav {
            flex-direction: row
        }

        .navbar-expand-sm .navbar-nav .dropdown-menu {
            position: absolute
        }

        .navbar-expand-sm .navbar-nav .nav-link {
            padding-right: var(--bs-navbar-nav-link-padding-x);
            padding-left: var(--bs-navbar-nav-link-padding-x)
        }

        .navbar-expand-sm .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-sm .navbar-collapse {
            display: flex!important;
            flex-basis: auto
        }

        .navbar-expand-sm .navbar-toggler {
            display: none
        }

        .navbar-expand-sm .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto!important;
            height: auto!important;
            visibility: visible!important;
            background-color: transparent!important;
            border: 0!important;
            transform: none!important;
            transition: none
        }

        .navbar-expand-sm .offcanvas .offcanvas-header {
            display: none
        }

        .navbar-expand-sm .offcanvas .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible
        }
    }

    @media (min-width: 768px) {
        .navbar-expand-md {
            flex-wrap:nowrap;
            justify-content: flex-start
        }

        .navbar-expand-md .navbar-nav {
            flex-direction: row
        }

        .navbar-expand-md .navbar-nav .dropdown-menu {
            position: absolute
        }

        .navbar-expand-md .navbar-nav .nav-link {
            padding-right: var(--bs-navbar-nav-link-padding-x);
            padding-left: var(--bs-navbar-nav-link-padding-x)
        }

        .navbar-expand-md .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-md .navbar-collapse {
            display: flex!important;
            flex-basis: auto
        }

        .navbar-expand-md .navbar-toggler {
            display: none
        }

        .navbar-expand-md .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto!important;
            height: auto!important;
            visibility: visible!important;
            background-color: transparent!important;
            border: 0!important;
            transform: none!important;
            transition: none
        }

        .navbar-expand-md .offcanvas .offcanvas-header {
            display: none
        }

        .navbar-expand-md .offcanvas .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible
        }
    }

    @media (min-width: 992px) {
        .navbar-expand-lg {
            flex-wrap:nowrap;
            justify-content: flex-start
        }

        .navbar-expand-lg .navbar-nav {
            flex-direction: row
        }

        .navbar-expand-lg .navbar-nav .dropdown-menu {
            position: absolute
        }

        .navbar-expand-lg .navbar-nav .nav-link {
            padding-right: var(--bs-navbar-nav-link-padding-x);
            padding-left: var(--bs-navbar-nav-link-padding-x)
        }

        .navbar-expand-lg .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-lg .navbar-collapse {
            display: flex!important;
            flex-basis: auto
        }

        .navbar-expand-lg .navbar-toggler {
            display: none
        }

        .navbar-expand-lg .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto!important;
            height: auto!important;
            visibility: visible!important;
            background-color: transparent!important;
            border: 0!important;
            transform: none!important;
            transition: none
        }

        .navbar-expand-lg .offcanvas .offcanvas-header {
            display: none
        }

        .navbar-expand-lg .offcanvas .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible
        }
    }

    @media (min-width: 1200px) {
        .navbar-expand-xl {
            flex-wrap:nowrap;
            justify-content: flex-start
        }

        .navbar-expand-xl .navbar-nav {
            flex-direction: row
        }

        .navbar-expand-xl .navbar-nav .dropdown-menu {
            position: absolute
        }

        .navbar-expand-xl .navbar-nav .nav-link {
            padding-right: var(--bs-navbar-nav-link-padding-x);
            padding-left: var(--bs-navbar-nav-link-padding-x)
        }

        .navbar-expand-xl .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-xl .navbar-collapse {
            display: flex!important;
            flex-basis: auto
        }

        .navbar-expand-xl .navbar-toggler {
            display: none
        }

        .navbar-expand-xl .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto!important;
            height: auto!important;
            visibility: visible!important;
            background-color: transparent!important;
            border: 0!important;
            transform: none!important;
            transition: none
        }

        .navbar-expand-xl .offcanvas .offcanvas-header {
            display: none
        }

        .navbar-expand-xl .offcanvas .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible
        }
    }

    @media (min-width: 1400px) {
        .navbar-expand-xxl {
            flex-wrap:nowrap;
            justify-content: flex-start
        }

        .navbar-expand-xxl .navbar-nav {
            flex-direction: row
        }

        .navbar-expand-xxl .navbar-nav .dropdown-menu {
            position: absolute
        }

        .navbar-expand-xxl .navbar-nav .nav-link {
            padding-right: var(--bs-navbar-nav-link-padding-x);
            padding-left: var(--bs-navbar-nav-link-padding-x)
        }

        .navbar-expand-xxl .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-xxl .navbar-collapse {
            display: flex!important;
            flex-basis: auto
        }

        .navbar-expand-xxl .navbar-toggler {
            display: none
        }

        .navbar-expand-xxl .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto!important;
            height: auto!important;
            visibility: visible!important;
            background-color: transparent!important;
            border: 0!important;
            transform: none!important;
            transition: none
        }

        .navbar-expand-xxl .offcanvas .offcanvas-header {
            display: none
        }

        .navbar-expand-xxl .offcanvas .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible
        }
    }

    .navbar-expand {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand .navbar-nav {
        flex-direction: row
    }

    .navbar-expand .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }

    .navbar-expand .navbar-toggler {
        display: none
    }

    .navbar-expand .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto!important;
        height: auto!important;
        visibility: visible!important;
        background-color: transparent!important;
        border: 0!important;
        transform: none!important;
        transition: none
    }

    .navbar-expand .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }

    .navbar-dark,.navbar[data-bs-theme=dark] {
        --bs-navbar-color: rgba(255, 255, 255, 0.55);
        --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
        --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
        --bs-navbar-active-color: #fff;
        --bs-navbar-brand-color: #fff;
        --bs-navbar-brand-hover-color: #fff;
        --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
        --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
    }

    [data-bs-theme=dark] .navbar-toggler-icon {
        --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
    }

    .card {
        --bs-card-spacer-y: 1rem;
        --bs-card-spacer-x: 1rem;
        --bs-card-title-spacer-y: 0.5rem;
        --bs-card-title-color: ;
        --bs-card-subtitle-color: ;
        --bs-card-border-width: var(--bs-border-width);
        --bs-card-border-color: var(--bs-border-color-translucent);
        --bs-card-border-radius: var(--bs-border-radius);
        --bs-card-box-shadow: ;
        --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
        --bs-card-cap-padding-y: 0.5rem;
        --bs-card-cap-padding-x: 1rem;
        --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
        --bs-card-cap-color: ;
        --bs-card-height: ;
        --bs-card-color: ;
        --bs-card-bg: var(--bs-body-bg);
        --bs-card-img-overlay-padding: 1rem;
        --bs-card-group-margin: 0.75rem;
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        height: var(--bs-card-height);
        color: var(--bs-body-color);
        word-wrap: break-word;
        background-color: var(--bs-card-bg);
        background-clip: border-box;
        border: var(--bs-card-border-width) solid var(--bs-card-border-color);
        border-radius: var(--bs-card-border-radius)
    }

    .card>hr {
        margin-right: 0;
        margin-left: 0
    }

    .card>.list-group {
        border-top: inherit;
        border-bottom: inherit
    }

    .card>.list-group:first-child {
        border-top-width: 0;
        border-top-left-radius: var(--bs-card-inner-border-radius);
        border-top-right-radius: var(--bs-card-inner-border-radius)
    }

    .card>.list-group:last-child {
        border-bottom-width: 0;
        border-bottom-right-radius: var(--bs-card-inner-border-radius);
        border-bottom-left-radius: var(--bs-card-inner-border-radius)
    }

    .card>.card-header+.list-group,.card>.list-group+.card-footer {
        border-top: 0
    }

    .card-body {
        flex: 1 1 auto;
        padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
        color: var(--bs-card-color)
    }

    .card-title {
        margin-bottom: var(--bs-card-title-spacer-y);
        color: var(--bs-card-title-color)
    }

    .card-subtitle {
        margin-top: calc(-.5 * var(--bs-card-title-spacer-y));
        margin-bottom: 0;
        color: var(--bs-card-subtitle-color)
    }

    .card-text:last-child {
        margin-bottom: 0
    }

    .card-link+.card-link {
        margin-left: var(--bs-card-spacer-x)
    }

    .card-header {
        padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
        margin-bottom: 0;
        color: var(--bs-card-cap-color);
        background-color: var(--bs-card-cap-bg);
        border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color)
    }

    .card-header:first-child {
        border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
    }

    .card-footer {
        padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
        color: var(--bs-card-cap-color);
        background-color: var(--bs-card-cap-bg);
        border-top: var(--bs-card-border-width) solid var(--bs-card-border-color)
    }

    .card-footer:last-child {
        border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
    }

    .card-header-tabs {
        margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
        margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
        margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
        border-bottom: 0
    }

    .card-header-tabs .nav-link.active {
        background-color: var(--bs-card-bg);
        border-bottom-color: var(--bs-card-bg)
    }

    .card-header-pills {
        margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
        margin-left: calc(-.5 * var(--bs-card-cap-padding-x))
    }

    .card-img-overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: var(--bs-card-img-overlay-padding);
        border-radius: var(--bs-card-inner-border-radius)
    }

    .card-img,.card-img-bottom,.card-img-top {
        width: 100%
    }

    .card-img,.card-img-top {
        border-top-left-radius: var(--bs-card-inner-border-radius);
        border-top-right-radius: var(--bs-card-inner-border-radius)
    }

    .card-img,.card-img-bottom {
        border-bottom-right-radius: var(--bs-card-inner-border-radius);
        border-bottom-left-radius: var(--bs-card-inner-border-radius)
    }

    .card-group>.card {
        margin-bottom: var(--bs-card-group-margin)
    }

    @media (min-width: 576px) {
        .card-group {
            display:flex;
            flex-flow: row wrap
        }

        .card-group>.card {
            flex: 1 0 0;
            margin-bottom: 0
        }

        .card-group>.card+.card {
            margin-left: 0;
            border-left: 0
        }

        .card-group>.card:not(:last-child) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .card-group>.card:not(:last-child)>.card-header,.card-group>.card:not(:last-child)>.card-img-top {
            border-top-right-radius: 0
        }

        .card-group>.card:not(:last-child)>.card-footer,.card-group>.card:not(:last-child)>.card-img-bottom {
            border-bottom-right-radius: 0
        }

        .card-group>.card:not(:first-child) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        .card-group>.card:not(:first-child)>.card-header,.card-group>.card:not(:first-child)>.card-img-top {
            border-top-left-radius: 0
        }

        .card-group>.card:not(:first-child)>.card-footer,.card-group>.card:not(:first-child)>.card-img-bottom {
            border-bottom-left-radius: 0
        }
    }

    .accordion {
        --bs-accordion-color: var(--bs-body-color);
        --bs-accordion-bg: var(--bs-body-bg);
        --bs-accordion-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
        --bs-accordion-border-color: var(--bs-border-color);
        --bs-accordion-border-width: var(--bs-border-width);
        --bs-accordion-border-radius: var(--bs-border-radius);
        --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
        --bs-accordion-btn-padding-x: 1.25rem;
        --bs-accordion-btn-padding-y: 1rem;
        --bs-accordion-btn-color: var(--bs-body-color);
        --bs-accordion-btn-bg: var(--bs-accordion-bg);
        --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
        --bs-accordion-btn-icon-width: 1.25rem;
        --bs-accordion-btn-icon-transform: rotate(-180deg);
        --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
        --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
        --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
        --bs-accordion-body-padding-x: 1.25rem;
        --bs-accordion-body-padding-y: 1rem;
        --bs-accordion-active-color: var(--bs-primary-text-emphasis);
        --bs-accordion-active-bg: var(--bs-primary-bg-subtle)
    }

    .accordion-button {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
        padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
        font-size: 1rem;
        color: var(--bs-accordion-btn-color);
        text-align: left;
        background-color: var(--bs-accordion-btn-bg);
        border: 0;
        border-radius: 0;
        overflow-anchor: none;
        transition: var(--bs-accordion-transition)
    }

    @media (prefers-reduced-motion:reduce) {
        .accordion-button {
            transition: none
        }
    }

    .accordion-button:not(.collapsed) {
        color: var(--bs-accordion-active-color);
        background-color: var(--bs-accordion-active-bg);
        box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)
    }

    .accordion-button:not(.collapsed)::after {
        background-image: var(--bs-accordion-btn-active-icon);
        transform: var(--bs-accordion-btn-icon-transform)
    }

    .accordion-button::after {
        flex-shrink: 0;
        width: var(--bs-accordion-btn-icon-width);
        height: var(--bs-accordion-btn-icon-width);
        margin-left: auto;
        content: "";
        background-image: var(--bs-accordion-btn-icon);
        background-repeat: no-repeat;
        background-size: var(--bs-accordion-btn-icon-width);
        transition: var(--bs-accordion-btn-icon-transition)
    }

    @media (prefers-reduced-motion:reduce) {
        .accordion-button::after {
            transition: none
        }
    }

    .accordion-button:hover {
        z-index: 2
    }

    .accordion-button:focus {
        z-index: 3;
        outline: 0;
        box-shadow: var(--bs-accordion-btn-focus-box-shadow)
    }

    .accordion-header {
        margin-bottom: 0
    }

    .accordion-item {
        color: var(--bs-accordion-color);
        background-color: var(--bs-accordion-bg);
        border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
    }

    .accordion-item:first-of-type {
        border-top-left-radius: var(--bs-accordion-border-radius);
        border-top-right-radius: var(--bs-accordion-border-radius)
    }

    .accordion-item:first-of-type>.accordion-header .accordion-button {
        border-top-left-radius: var(--bs-accordion-inner-border-radius);
        border-top-right-radius: var(--bs-accordion-inner-border-radius)
    }

    .accordion-item:not(:first-of-type) {
        border-top: 0
    }

    .accordion-item:last-of-type {
        border-bottom-right-radius: var(--bs-accordion-border-radius);
        border-bottom-left-radius: var(--bs-accordion-border-radius)
    }

    .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
        border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
        border-bottom-left-radius: var(--bs-accordion-inner-border-radius)
    }

    .accordion-item:last-of-type>.accordion-collapse {
        border-bottom-right-radius: var(--bs-accordion-border-radius);
        border-bottom-left-radius: var(--bs-accordion-border-radius)
    }

    .accordion-body {
        padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
    }

    .accordion-flush>.accordion-item {
        border-right: 0;
        border-left: 0;
        border-radius: 0
    }

    .accordion-flush>.accordion-item:first-child {
        border-top: 0
    }

    .accordion-flush>.accordion-item:last-child {
        border-bottom: 0
    }

    .accordion-flush>.accordion-item>.accordion-collapse,.accordion-flush>.accordion-item>.accordion-header .accordion-button,.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed {
        border-radius: 0
    }

    [data-bs-theme=dark] .accordion-button::after {
        --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
        --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")
    }

    .breadcrumb {
        --bs-breadcrumb-padding-x: 0;
        --bs-breadcrumb-padding-y: 0;
        --bs-breadcrumb-margin-bottom: 1rem;
        --bs-breadcrumb-bg: ;
        --bs-breadcrumb-border-radius: ;
        --bs-breadcrumb-divider-color: var(--bs-secondary-color);
        --bs-breadcrumb-item-padding-x: 0.5rem;
        --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
        display: flex;
        flex-wrap: wrap;
        padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
        margin-bottom: var(--bs-breadcrumb-margin-bottom);
        font-size: var(--bs-breadcrumb-font-size);
        list-style: none;
        background-color: var(--bs-breadcrumb-bg);
        border-radius: var(--bs-breadcrumb-border-radius)
    }

    .breadcrumb-item+.breadcrumb-item {
        padding-left: var(--bs-breadcrumb-item-padding-x)
    }

    .breadcrumb-item+.breadcrumb-item::before {
        float: left;
        padding-right: var(--bs-breadcrumb-item-padding-x);
        color: var(--bs-breadcrumb-divider-color);
        content: var(--bs-breadcrumb-divider, "/")
    }

    .breadcrumb-item.active {
        color: var(--bs-breadcrumb-item-active-color)
    }

    .pagination {
        --bs-pagination-padding-x: 0.75rem;
        --bs-pagination-padding-y: 0.375rem;
        --bs-pagination-font-size: 1rem;
        --bs-pagination-color: var(--bs-link-color);
        --bs-pagination-bg: var(--bs-body-bg);
        --bs-pagination-border-width: var(--bs-border-width);
        --bs-pagination-border-color: var(--bs-border-color);
        --bs-pagination-border-radius: var(--bs-border-radius);
        --bs-pagination-hover-color: var(--bs-link-hover-color);
        --bs-pagination-hover-bg: var(--bs-tertiary-bg);
        --bs-pagination-hover-border-color: var(--bs-border-color);
        --bs-pagination-focus-color: var(--bs-link-hover-color);
        --bs-pagination-focus-bg: var(--bs-secondary-bg);
        --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
        --bs-pagination-active-color: #fff;
        --bs-pagination-active-bg: #0d6efd;
        --bs-pagination-active-border-color: #0d6efd;
        --bs-pagination-disabled-color: var(--bs-secondary-color);
        --bs-pagination-disabled-bg: var(--bs-secondary-bg);
        --bs-pagination-disabled-border-color: var(--bs-border-color);
        display: flex;
        padding-left: 0;
        list-style: none
    }

    .page-link {
        position: relative;
        display: block;
        padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
        font-size: var(--bs-pagination-font-size);
        color: var(--bs-pagination-color);
        text-decoration: none;
        background-color: var(--bs-pagination-bg);
        border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
    }

    @media (prefers-reduced-motion:reduce) {
        .page-link {
            transition: none
        }
    }

    .page-link:hover {
        z-index: 2;
        color: var(--bs-pagination-hover-color);
        background-color: var(--bs-pagination-hover-bg);
        border-color: var(--bs-pagination-hover-border-color)
    }

    .page-link:focus {
        z-index: 3;
        color: var(--bs-pagination-focus-color);
        background-color: var(--bs-pagination-focus-bg);
        outline: 0;
        box-shadow: var(--bs-pagination-focus-box-shadow)
    }

    .active>.page-link,.page-link.active {
        z-index: 3;
        color: var(--bs-pagination-active-color);
        background-color: var(--bs-pagination-active-bg);
        border-color: var(--bs-pagination-active-border-color)
    }

    .disabled>.page-link,.page-link.disabled {
        color: var(--bs-pagination-disabled-color);
        pointer-events: none;
        background-color: var(--bs-pagination-disabled-bg);
        border-color: var(--bs-pagination-disabled-border-color)
    }

    .page-item:not(:first-child) .page-link {
        margin-left: calc(-1 * var(--bs-border-width))
    }

    .page-item:first-child .page-link {
        border-top-left-radius: var(--bs-pagination-border-radius);
        border-bottom-left-radius: var(--bs-pagination-border-radius)
    }

    .page-item:last-child .page-link {
        border-top-right-radius: var(--bs-pagination-border-radius);
        border-bottom-right-radius: var(--bs-pagination-border-radius)
    }

    .pagination-lg {
        --bs-pagination-padding-x: 1.5rem;
        --bs-pagination-padding-y: 0.75rem;
        --bs-pagination-font-size: 1.25rem;
        --bs-pagination-border-radius: var(--bs-border-radius-lg)
    }

    .pagination-sm {
        --bs-pagination-padding-x: 0.5rem;
        --bs-pagination-padding-y: 0.25rem;
        --bs-pagination-font-size: 0.875rem;
        --bs-pagination-border-radius: var(--bs-border-radius-sm)
    }

    .badge {
        --bs-badge-padding-x: 0.65em;
        --bs-badge-padding-y: 0.35em;
        --bs-badge-font-size: 0.75em;
        --bs-badge-font-weight: 700;
        --bs-badge-color: #fff;
        --bs-badge-border-radius: var(--bs-border-radius);
        display: inline-block;
        padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
        font-size: var(--bs-badge-font-size);
        font-weight: var(--bs-badge-font-weight);
        line-height: 1;
        color: var(--bs-badge-color);
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: var(--bs-badge-border-radius)
    }

    .badge:empty {
        display: none
    }

    .btn .badge {
        position: relative;
        top: -1px
    }

    .alert {
        --bs-alert-bg: transparent;
        --bs-alert-padding-x: 1rem;
        --bs-alert-padding-y: 1rem;
        --bs-alert-margin-bottom: 1rem;
        --bs-alert-color: inherit;
        --bs-alert-border-color: transparent;
        --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
        --bs-alert-border-radius: var(--bs-border-radius);
        --bs-alert-link-color: inherit;
        position: relative;
        padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
        margin-bottom: var(--bs-alert-margin-bottom);
        color: var(--bs-alert-color);
        background-color: var(--bs-alert-bg);
        border: var(--bs-alert-border);
        border-radius: var(--bs-alert-border-radius)
    }

    .alert-heading {
        color: inherit
    }

    .alert-link {
        font-weight: 700;
        color: var(--bs-alert-link-color)
    }

    .alert-dismissible {
        padding-right: 3rem
    }

    .alert-dismissible .btn-close {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        padding: 1.25rem 1rem
    }

    .alert-primary {
        --bs-alert-color: var(--bs-primary-text-emphasis);
        --bs-alert-bg: var(--bs-primary-bg-subtle);
        --bs-alert-border-color: var(--bs-primary-border-subtle);
        --bs-alert-link-color: var(--bs-primary-text-emphasis)
    }

    .alert-secondary {
        --bs-alert-color: var(--bs-secondary-text-emphasis);
        --bs-alert-bg: var(--bs-secondary-bg-subtle);
        --bs-alert-border-color: var(--bs-secondary-border-subtle);
        --bs-alert-link-color: var(--bs-secondary-text-emphasis)
    }

    .alert-success {
        --bs-alert-color: var(--bs-success-text-emphasis);
        --bs-alert-bg: var(--bs-success-bg-subtle);
        --bs-alert-border-color: var(--bs-success-border-subtle);
        --bs-alert-link-color: var(--bs-success-text-emphasis)
    }

    .alert-info {
        --bs-alert-color: var(--bs-info-text-emphasis);
        --bs-alert-bg: var(--bs-info-bg-subtle);
        --bs-alert-border-color: var(--bs-info-border-subtle);
        --bs-alert-link-color: var(--bs-info-text-emphasis)
    }

    .alert-warning {
        --bs-alert-color: var(--bs-warning-text-emphasis);
        --bs-alert-bg: var(--bs-warning-bg-subtle);
        --bs-alert-border-color: var(--bs-warning-border-subtle);
        --bs-alert-link-color: var(--bs-warning-text-emphasis)
    }

    .alert-danger {
        --bs-alert-color: var(--bs-danger-text-emphasis);
        --bs-alert-bg: var(--bs-danger-bg-subtle);
        --bs-alert-border-color: var(--bs-danger-border-subtle);
        --bs-alert-link-color: var(--bs-danger-text-emphasis)
    }

    .alert-light {
        --bs-alert-color: var(--bs-light-text-emphasis);
        --bs-alert-bg: var(--bs-light-bg-subtle);
        --bs-alert-border-color: var(--bs-light-border-subtle);
        --bs-alert-link-color: var(--bs-light-text-emphasis)
    }

    .alert-dark {
        --bs-alert-color: var(--bs-dark-text-emphasis);
        --bs-alert-bg: var(--bs-dark-bg-subtle);
        --bs-alert-border-color: var(--bs-dark-border-subtle);
        --bs-alert-link-color: var(--bs-dark-text-emphasis)
    }

    @keyframes progress-bar-stripes {
        0% {
            background-position-x: var(--bs-progress-height)
        }
    }

    .progress,.progress-stacked {
        --bs-progress-height: 1rem;
        --bs-progress-font-size: 0.75rem;
        --bs-progress-bg: var(--bs-secondary-bg);
        --bs-progress-border-radius: var(--bs-border-radius);
        --bs-progress-box-shadow: var(--bs-box-shadow-inset);
        --bs-progress-bar-color: #fff;
        --bs-progress-bar-bg: #0d6efd;
        --bs-progress-bar-transition: width 0.6s ease;
        display: flex;
        height: var(--bs-progress-height);
        overflow: hidden;
        font-size: var(--bs-progress-font-size);
        background-color: var(--bs-progress-bg);
        border-radius: var(--bs-progress-border-radius)
    }

    .progress-bar {
        display: flex;
        flex-direction: column;
        justify-content: center;
        overflow: hidden;
        color: var(--bs-progress-bar-color);
        text-align: center;
        white-space: nowrap;
        background-color: var(--bs-progress-bar-bg);
        transition: var(--bs-progress-bar-transition)
    }

    @media (prefers-reduced-motion:reduce) {
        .progress-bar {
            transition: none
        }
    }

    .progress-bar-striped {
        background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
        background-size: var(--bs-progress-height) var(--bs-progress-height)
    }

    .progress-stacked>.progress {
        overflow: visible
    }

    .progress-stacked>.progress>.progress-bar {
        width: 100%
    }

    .progress-bar-animated {
        animation: 1s linear infinite progress-bar-stripes
    }

    @media (prefers-reduced-motion:reduce) {
        .progress-bar-animated {
            animation: none
        }
    }

    .list-group {
        --bs-list-group-color: var(--bs-body-color);
        --bs-list-group-bg: var(--bs-body-bg);
        --bs-list-group-border-color: var(--bs-border-color);
        --bs-list-group-border-width: var(--bs-border-width);
        --bs-list-group-border-radius: var(--bs-border-radius);
        --bs-list-group-item-padding-x: 1rem;
        --bs-list-group-item-padding-y: 0.5rem;
        --bs-list-group-action-color: var(--bs-secondary-color);
        --bs-list-group-action-hover-color: var(--bs-emphasis-color);
        --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
        --bs-list-group-action-active-color: var(--bs-body-color);
        --bs-list-group-action-active-bg: var(--bs-secondary-bg);
        --bs-list-group-disabled-color: var(--bs-secondary-color);
        --bs-list-group-disabled-bg: var(--bs-body-bg);
        --bs-list-group-active-color: #fff;
        --bs-list-group-active-bg: #0d6efd;
        --bs-list-group-active-border-color: #0d6efd;
        display: flex;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        border-radius: var(--bs-list-group-border-radius)
    }

    .list-group-numbered {
        list-style-type: none;
        counter-reset: section
    }

    .list-group-numbered>.list-group-item::before {
        content: counters(section, ".") ". ";
        counter-increment: section
    }

    .list-group-item {
        position: relative;
        display: block;
        padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
        color: var(--bs-list-group-color);
        text-decoration: none;
        background-color: var(--bs-list-group-bg);
        border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)
    }

    .list-group-item:first-child {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit
    }

    .list-group-item:last-child {
        border-bottom-right-radius: inherit;
        border-bottom-left-radius: inherit
    }

    .list-group-item.disabled,.list-group-item:disabled {
        color: var(--bs-list-group-disabled-color);
        pointer-events: none;
        background-color: var(--bs-list-group-disabled-bg)
    }

    .list-group-item.active {
        z-index: 2;
        color: var(--bs-list-group-active-color);
        background-color: var(--bs-list-group-active-bg);
        border-color: var(--bs-list-group-active-border-color)
    }

    .list-group-item+.list-group-item {
        border-top-width: 0
    }

    .list-group-item+.list-group-item.active {
        margin-top: calc(-1 * var(--bs-list-group-border-width));
        border-top-width: var(--bs-list-group-border-width)
    }

    .list-group-item-action {
        width: 100%;
        color: var(--bs-list-group-action-color);
        text-align: inherit
    }

    .list-group-item-action:not(.active):focus,.list-group-item-action:not(.active):hover {
        z-index: 1;
        color: var(--bs-list-group-action-hover-color);
        text-decoration: none;
        background-color: var(--bs-list-group-action-hover-bg)
    }

    .list-group-item-action:not(.active):active {
        color: var(--bs-list-group-action-active-color);
        background-color: var(--bs-list-group-action-active-bg)
    }

    .list-group-horizontal {
        flex-direction: row
    }

    .list-group-horizontal>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal>.list-group-item+.list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
    }

    @media (min-width: 576px) {
        .list-group-horizontal-sm {
            flex-direction:row
        }

        .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0
        }

        .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) {
            border-top-right-radius: var(--bs-list-group-border-radius);
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-sm>.list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-sm>.list-group-item+.list-group-item {
            border-top-width: var(--bs-list-group-border-width);
            border-left-width: 0
        }

        .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
            margin-left: calc(-1 * var(--bs-list-group-border-width));
            border-left-width: var(--bs-list-group-border-width)
        }
    }

    @media (min-width: 768px) {
        .list-group-horizontal-md {
            flex-direction:row
        }

        .list-group-horizontal-md>.list-group-item:first-child:not(:last-child) {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0
        }

        .list-group-horizontal-md>.list-group-item:last-child:not(:first-child) {
            border-top-right-radius: var(--bs-list-group-border-radius);
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-md>.list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-md>.list-group-item+.list-group-item {
            border-top-width: var(--bs-list-group-border-width);
            border-left-width: 0
        }

        .list-group-horizontal-md>.list-group-item+.list-group-item.active {
            margin-left: calc(-1 * var(--bs-list-group-border-width));
            border-left-width: var(--bs-list-group-border-width)
        }
    }

    @media (min-width: 992px) {
        .list-group-horizontal-lg {
            flex-direction:row
        }

        .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0
        }

        .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) {
            border-top-right-radius: var(--bs-list-group-border-radius);
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-lg>.list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-lg>.list-group-item+.list-group-item {
            border-top-width: var(--bs-list-group-border-width);
            border-left-width: 0
        }

        .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
            margin-left: calc(-1 * var(--bs-list-group-border-width));
            border-left-width: var(--bs-list-group-border-width)
        }
    }

    @media (min-width: 1200px) {
        .list-group-horizontal-xl {
            flex-direction:row
        }

        .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0
        }

        .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) {
            border-top-right-radius: var(--bs-list-group-border-radius);
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-xl>.list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-xl>.list-group-item+.list-group-item {
            border-top-width: var(--bs-list-group-border-width);
            border-left-width: 0
        }

        .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
            margin-left: calc(-1 * var(--bs-list-group-border-width));
            border-left-width: var(--bs-list-group-border-width)
        }
    }

    @media (min-width: 1400px) {
        .list-group-horizontal-xxl {
            flex-direction:row
        }

        .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child) {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0
        }

        .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) {
            border-top-right-radius: var(--bs-list-group-border-radius);
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-xxl>.list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-xxl>.list-group-item+.list-group-item {
            border-top-width: var(--bs-list-group-border-width);
            border-left-width: 0
        }

        .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
            margin-left: calc(-1 * var(--bs-list-group-border-width));
            border-left-width: var(--bs-list-group-border-width)
        }
    }

    .list-group-flush {
        border-radius: 0
    }

    .list-group-flush>.list-group-item {
        border-width: 0 0 var(--bs-list-group-border-width)
    }

    .list-group-flush>.list-group-item:last-child {
        border-bottom-width: 0
    }

    .list-group-item-primary {
        --bs-list-group-color: var(--bs-primary-text-emphasis);
        --bs-list-group-bg: var(--bs-primary-bg-subtle);
        --bs-list-group-border-color: var(--bs-primary-border-subtle);
        --bs-list-group-action-hover-color: var(--bs-emphasis-color);
        --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
        --bs-list-group-action-active-color: var(--bs-emphasis-color);
        --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
        --bs-list-group-active-color: var(--bs-primary-bg-subtle);
        --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
        --bs-list-group-active-border-color: var(--bs-primary-text-emphasis)
    }

    .list-group-item-secondary {
        --bs-list-group-color: var(--bs-secondary-text-emphasis);
        --bs-list-group-bg: var(--bs-secondary-bg-subtle);
        --bs-list-group-border-color: var(--bs-secondary-border-subtle);
        --bs-list-group-action-hover-color: var(--bs-emphasis-color);
        --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
        --bs-list-group-action-active-color: var(--bs-emphasis-color);
        --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
        --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
        --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
        --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis)
    }

    .list-group-item-success {
        --bs-list-group-color: var(--bs-success-text-emphasis);
        --bs-list-group-bg: var(--bs-success-bg-subtle);
        --bs-list-group-border-color: var(--bs-success-border-subtle);
        --bs-list-group-action-hover-color: var(--bs-emphasis-color);
        --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
        --bs-list-group-action-active-color: var(--bs-emphasis-color);
        --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
        --bs-list-group-active-color: var(--bs-success-bg-subtle);
        --bs-list-group-active-bg: var(--bs-success-text-emphasis);
        --bs-list-group-active-border-color: var(--bs-success-text-emphasis)
    }

    .list-group-item-info {
        --bs-list-group-color: var(--bs-info-text-emphasis);
        --bs-list-group-bg: var(--bs-info-bg-subtle);
        --bs-list-group-border-color: var(--bs-info-border-subtle);
        --bs-list-group-action-hover-color: var(--bs-emphasis-color);
        --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
        --bs-list-group-action-active-color: var(--bs-emphasis-color);
        --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
        --bs-list-group-active-color: var(--bs-info-bg-subtle);
        --bs-list-group-active-bg: var(--bs-info-text-emphasis);
        --bs-list-group-active-border-color: var(--bs-info-text-emphasis)
    }

    .list-group-item-warning {
        --bs-list-group-color: var(--bs-warning-text-emphasis);
        --bs-list-group-bg: var(--bs-warning-bg-subtle);
        --bs-list-group-border-color: var(--bs-warning-border-subtle);
        --bs-list-group-action-hover-color: var(--bs-emphasis-color);
        --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
        --bs-list-group-action-active-color: var(--bs-emphasis-color);
        --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
        --bs-list-group-active-color: var(--bs-warning-bg-subtle);
        --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
        --bs-list-group-active-border-color: var(--bs-warning-text-emphasis)
    }

    .list-group-item-danger {
        --bs-list-group-color: var(--bs-danger-text-emphasis);
        --bs-list-group-bg: var(--bs-danger-bg-subtle);
        --bs-list-group-border-color: var(--bs-danger-border-subtle);
        --bs-list-group-action-hover-color: var(--bs-emphasis-color);
        --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
        --bs-list-group-action-active-color: var(--bs-emphasis-color);
        --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
        --bs-list-group-active-color: var(--bs-danger-bg-subtle);
        --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
        --bs-list-group-active-border-color: var(--bs-danger-text-emphasis)
    }

    .list-group-item-light {
        --bs-list-group-color: var(--bs-light-text-emphasis);
        --bs-list-group-bg: var(--bs-light-bg-subtle);
        --bs-list-group-border-color: var(--bs-light-border-subtle);
        --bs-list-group-action-hover-color: var(--bs-emphasis-color);
        --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
        --bs-list-group-action-active-color: var(--bs-emphasis-color);
        --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
        --bs-list-group-active-color: var(--bs-light-bg-subtle);
        --bs-list-group-active-bg: var(--bs-light-text-emphasis);
        --bs-list-group-active-border-color: var(--bs-light-text-emphasis)
    }

    .list-group-item-dark {
        --bs-list-group-color: var(--bs-dark-text-emphasis);
        --bs-list-group-bg: var(--bs-dark-bg-subtle);
        --bs-list-group-border-color: var(--bs-dark-border-subtle);
        --bs-list-group-action-hover-color: var(--bs-emphasis-color);
        --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
        --bs-list-group-action-active-color: var(--bs-emphasis-color);
        --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
        --bs-list-group-active-color: var(--bs-dark-bg-subtle);
        --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
        --bs-list-group-active-border-color: var(--bs-dark-text-emphasis)
    }

    .btn-close {
        --bs-btn-close-color: #000;
        --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
        --bs-btn-close-opacity: 0.5;
        --bs-btn-close-hover-opacity: 0.75;
        --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
        --bs-btn-close-focus-opacity: 1;
        --bs-btn-close-disabled-opacity: 0.25;
        box-sizing: content-box;
        width: 1em;
        height: 1em;
        padding: .25em .25em;
        color: var(--bs-btn-close-color);
        background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
        filter: var(--bs-btn-close-filter);
        border: 0;
        border-radius: .375rem;
        opacity: var(--bs-btn-close-opacity)
    }

    .btn-close:hover {
        color: var(--bs-btn-close-color);
        text-decoration: none;
        opacity: var(--bs-btn-close-hover-opacity)
    }

    .btn-close:focus {
        outline: 0;
        box-shadow: var(--bs-btn-close-focus-shadow);
        opacity: var(--bs-btn-close-focus-opacity)
    }

    .btn-close.disabled,.btn-close:disabled {
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        opacity: var(--bs-btn-close-disabled-opacity)
    }

    .btn-close-white {
        --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%)
    }

    :root,[data-bs-theme=light] {
        --bs-btn-close-filter:
    }

    [data-bs-theme=dark] {
        --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%)
    }

    .toast {
        --bs-toast-zindex: 1090;
        --bs-toast-padding-x: 0.75rem;
        --bs-toast-padding-y: 0.5rem;
        --bs-toast-spacing: 1.5rem;
        --bs-toast-max-width: 350px;
        --bs-toast-font-size: 0.875rem;
        --bs-toast-color: ;
        --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
        --bs-toast-border-width: var(--bs-border-width);
        --bs-toast-border-color: var(--bs-border-color-translucent);
        --bs-toast-border-radius: var(--bs-border-radius);
        --bs-toast-box-shadow: var(--bs-box-shadow);
        --bs-toast-header-color: var(--bs-secondary-color);
        --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
        --bs-toast-header-border-color: var(--bs-border-color-translucent);
        width: var(--bs-toast-max-width);
        max-width: 100%;
        font-size: var(--bs-toast-font-size);
        color: var(--bs-toast-color);
        pointer-events: auto;
        background-color: var(--bs-toast-bg);
        background-clip: padding-box;
        border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
        box-shadow: var(--bs-toast-box-shadow);
        border-radius: var(--bs-toast-border-radius)
    }

    .toast.showing {
        opacity: 0
    }

    .toast:not(.show) {
        display: none
    }

    .toast-container {
        --bs-toast-zindex: 1090;
        position: absolute;
        z-index: var(--bs-toast-zindex);
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        max-width: 100%;
        pointer-events: none
    }

    .toast-container>:not(:last-child) {
        margin-bottom: var(--bs-toast-spacing)
    }

    .toast-header {
        display: flex;
        align-items: center;
        padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
        color: var(--bs-toast-header-color);
        background-color: var(--bs-toast-header-bg);
        background-clip: padding-box;
        border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
        border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
        border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))
    }

    .toast-header .btn-close {
        margin-right: calc(-.5 * var(--bs-toast-padding-x));
        margin-left: var(--bs-toast-padding-x)
    }

    .toast-body {
        padding: var(--bs-toast-padding-x);
        word-wrap: break-word
    }

    .modal {
        --bs-modal-zindex: 1055;
        --bs-modal-width: 500px;
        --bs-modal-padding: 1rem;
        --bs-modal-margin: 0.5rem;
        --bs-modal-color: var(--bs-body-color);
        --bs-modal-bg: var(--bs-body-bg);
        --bs-modal-border-color: var(--bs-border-color-translucent);
        --bs-modal-border-width: var(--bs-border-width);
        --bs-modal-border-radius: var(--bs-border-radius-lg);
        --bs-modal-box-shadow: var(--bs-box-shadow-sm);
        --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
        --bs-modal-header-padding-x: 1rem;
        --bs-modal-header-padding-y: 1rem;
        --bs-modal-header-padding: 1rem 1rem;
        --bs-modal-header-border-color: var(--bs-border-color);
        --bs-modal-header-border-width: var(--bs-border-width);
        --bs-modal-title-line-height: 1.5;
        --bs-modal-footer-gap: 0.5rem;
        --bs-modal-footer-bg: ;
        --bs-modal-footer-border-color: var(--bs-border-color);
        --bs-modal-footer-border-width: var(--bs-border-width);
        position: fixed;
        top: 0;
        left: 0;
        z-index: var(--bs-modal-zindex);
        display: none;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        outline: 0
    }

    .modal-dialog {
        position: relative;
        width: auto;
        margin: var(--bs-modal-margin);
        pointer-events: none
    }

    .modal.fade .modal-dialog {
        transform: translate(0,-50px);
        transition: transform .3s ease-out
    }

    @media (prefers-reduced-motion:reduce) {
        .modal.fade .modal-dialog {
            transition: none
        }
    }

    .modal.show .modal-dialog {
        transform: none
    }

    .modal.modal-static .modal-dialog {
        transform: scale(1.02)
    }

    .modal-dialog-scrollable {
        height: calc(100% - var(--bs-modal-margin) * 2)
    }

    .modal-dialog-scrollable .modal-content {
        max-height: 100%;
        overflow: hidden
    }

    .modal-dialog-scrollable .modal-body {
        overflow-y: auto
    }

    .modal-dialog-centered {
        display: flex;
        align-items: center;
        min-height: calc(100% - var(--bs-modal-margin) * 2)
    }

    .modal-content {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        color: var(--bs-modal-color);
        pointer-events: auto;
        background-color: var(--bs-modal-bg);
        background-clip: padding-box;
        border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
        border-radius: var(--bs-modal-border-radius);
        outline: 0
    }

    .modal-backdrop {
        --bs-backdrop-zindex: 1050;
        --bs-backdrop-bg: #000;
        --bs-backdrop-opacity: 0.5;
        position: fixed;
        top: 0;
        left: 0;
        z-index: var(--bs-backdrop-zindex);
        width: 100vw;
        height: 100vh;
        background-color: var(--bs-backdrop-bg)
    }

    .modal-backdrop.fade {
        opacity: 0
    }

    .modal-backdrop.show {
        opacity: var(--bs-backdrop-opacity)
    }

    .modal-header {
        display: flex;
        flex-shrink: 0;
        align-items: center;
        padding: var(--bs-modal-header-padding);
        border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
        border-top-left-radius: var(--bs-modal-inner-border-radius);
        border-top-right-radius: var(--bs-modal-inner-border-radius)
    }

    .modal-header .btn-close {
        padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
        margin-top: calc(-.5 * var(--bs-modal-header-padding-y));
        margin-right: calc(-.5 * var(--bs-modal-header-padding-x));
        margin-bottom: calc(-.5 * var(--bs-modal-header-padding-y));
        margin-left: auto
    }

    .modal-title {
        margin-bottom: 0;
        line-height: var(--bs-modal-title-line-height)
    }

    .modal-body {
        position: relative;
        flex: 1 1 auto;
        padding: var(--bs-modal-padding)
    }

    .modal-footer {
        display: flex;
        flex-shrink: 0;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
        padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
        background-color: var(--bs-modal-footer-bg);
        border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
        border-bottom-right-radius: var(--bs-modal-inner-border-radius);
        border-bottom-left-radius: var(--bs-modal-inner-border-radius)
    }

    .modal-footer>* {
        margin: calc(var(--bs-modal-footer-gap) * .5)
    }

    @media (min-width: 576px) {
        .modal {
            --bs-modal-margin:1.75rem;
            --bs-modal-box-shadow: var(--bs-box-shadow)
        }

        .modal-dialog {
            max-width: var(--bs-modal-width);
            margin-right: auto;
            margin-left: auto
        }

        .modal-sm {
            --bs-modal-width: 300px
        }
    }

    @media (min-width: 992px) {
        .modal-lg,.modal-xl {
            --bs-modal-width:800px
        }
    }

    @media (min-width: 1200px) {
        .modal-xl {
            --bs-modal-width:1140px
        }
    }

    .modal-fullscreen {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen .modal-footer,.modal-fullscreen .modal-header {
        border-radius: 0
    }

    .modal-fullscreen .modal-body {
        overflow-y: auto
    }

    @media (max-width: 575.98px) {
        .modal-fullscreen-sm-down {
            width:100vw;
            max-width: none;
            height: 100%;
            margin: 0
        }

        .modal-fullscreen-sm-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header {
            border-radius: 0
        }

        .modal-fullscreen-sm-down .modal-body {
            overflow-y: auto
        }
    }

    @media (max-width: 767.98px) {
        .modal-fullscreen-md-down {
            width:100vw;
            max-width: none;
            height: 100%;
            margin: 0
        }

        .modal-fullscreen-md-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header {
            border-radius: 0
        }

        .modal-fullscreen-md-down .modal-body {
            overflow-y: auto
        }
    }

    @media (max-width: 991.98px) {
        .modal-fullscreen-lg-down {
            width:100vw;
            max-width: none;
            height: 100%;
            margin: 0
        }

        .modal-fullscreen-lg-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header {
            border-radius: 0
        }

        .modal-fullscreen-lg-down .modal-body {
            overflow-y: auto
        }
    }

    @media (max-width: 1199.98px) {
        .modal-fullscreen-xl-down {
            width:100vw;
            max-width: none;
            height: 100%;
            margin: 0
        }

        .modal-fullscreen-xl-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header {
            border-radius: 0
        }

        .modal-fullscreen-xl-down .modal-body {
            overflow-y: auto
        }
    }

    @media (max-width: 1399.98px) {
        .modal-fullscreen-xxl-down {
            width:100vw;
            max-width: none;
            height: 100%;
            margin: 0
        }

        .modal-fullscreen-xxl-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header {
            border-radius: 0
        }

        .modal-fullscreen-xxl-down .modal-body {
            overflow-y: auto
        }
    }

    .tooltip {
        --bs-tooltip-zindex: 1080;
        --bs-tooltip-max-width: 200px;
        --bs-tooltip-padding-x: 0.5rem;
        --bs-tooltip-padding-y: 0.25rem;
        --bs-tooltip-margin: ;
        --bs-tooltip-font-size: 0.875rem;
        --bs-tooltip-color: var(--bs-body-bg);
        --bs-tooltip-bg: var(--bs-emphasis-color);
        --bs-tooltip-border-radius: var(--bs-border-radius);
        --bs-tooltip-opacity: 0.9;
        --bs-tooltip-arrow-width: 0.8rem;
        --bs-tooltip-arrow-height: 0.4rem;
        z-index: var(--bs-tooltip-zindex);
        display: block;
        margin: var(--bs-tooltip-margin);
        font-family: var(--bs-font-sans-serif);
        font-style: normal;
        font-weight: 400;
        line-height: 1.5;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        white-space: normal;
        word-spacing: normal;
        line-break: auto;
        font-size: var(--bs-tooltip-font-size);
        word-wrap: break-word;
        opacity: 0
    }

    .tooltip.show {
        opacity: var(--bs-tooltip-opacity)
    }

    .tooltip .tooltip-arrow {
        display: block;
        width: var(--bs-tooltip-arrow-width);
        height: var(--bs-tooltip-arrow-height)
    }

    .tooltip .tooltip-arrow::before {
        position: absolute;
        content: "";
        border-color: transparent;
        border-style: solid
    }

    .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow {
        bottom: calc(-1 * var(--bs-tooltip-arrow-height))
    }

    .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before {
        top: -1px;
        border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
        border-top-color: var(--bs-tooltip-bg)
    }

    .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow {
        left: calc(-1 * var(--bs-tooltip-arrow-height));
        width: var(--bs-tooltip-arrow-height);
        height: var(--bs-tooltip-arrow-width)
    }

    .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before {
        right: -1px;
        border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
        border-right-color: var(--bs-tooltip-bg)
    }

    .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow {
        top: calc(-1 * var(--bs-tooltip-arrow-height))
    }

    .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before {
        bottom: -1px;
        border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
        border-bottom-color: var(--bs-tooltip-bg)
    }

    .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow {
        right: calc(-1 * var(--bs-tooltip-arrow-height));
        width: var(--bs-tooltip-arrow-height);
        height: var(--bs-tooltip-arrow-width)
    }

    .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before {
        left: -1px;
        border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
        border-left-color: var(--bs-tooltip-bg)
    }

    .tooltip-inner {
        max-width: var(--bs-tooltip-max-width);
        padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
        color: var(--bs-tooltip-color);
        text-align: center;
        background-color: var(--bs-tooltip-bg);
        border-radius: var(--bs-tooltip-border-radius)
    }

    .popover {
        --bs-popover-zindex: 1070;
        --bs-popover-max-width: 276px;
        --bs-popover-font-size: 0.875rem;
        --bs-popover-bg: var(--bs-body-bg);
        --bs-popover-border-width: var(--bs-border-width);
        --bs-popover-border-color: var(--bs-border-color-translucent);
        --bs-popover-border-radius: var(--bs-border-radius-lg);
        --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
        --bs-popover-box-shadow: var(--bs-box-shadow);
        --bs-popover-header-padding-x: 1rem;
        --bs-popover-header-padding-y: 0.5rem;
        --bs-popover-header-font-size: 1rem;
        --bs-popover-header-color: inherit;
        --bs-popover-header-bg: var(--bs-secondary-bg);
        --bs-popover-body-padding-x: 1rem;
        --bs-popover-body-padding-y: 1rem;
        --bs-popover-body-color: var(--bs-body-color);
        --bs-popover-arrow-width: 1rem;
        --bs-popover-arrow-height: 0.5rem;
        --bs-popover-arrow-border: var(--bs-popover-border-color);
        z-index: var(--bs-popover-zindex);
        display: block;
        max-width: var(--bs-popover-max-width);
        font-family: var(--bs-font-sans-serif);
        font-style: normal;
        font-weight: 400;
        line-height: 1.5;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        white-space: normal;
        word-spacing: normal;
        line-break: auto;
        font-size: var(--bs-popover-font-size);
        word-wrap: break-word;
        background-color: var(--bs-popover-bg);
        background-clip: padding-box;
        border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
        border-radius: var(--bs-popover-border-radius)
    }

    .popover .popover-arrow {
        display: block;
        width: var(--bs-popover-arrow-width);
        height: var(--bs-popover-arrow-height)
    }

    .popover .popover-arrow::after,.popover .popover-arrow::before {
        position: absolute;
        display: block;
        content: "";
        border-color: transparent;
        border-style: solid;
        border-width: 0
    }

    .bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow {
        bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
    }

    .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::after,.bs-popover-top>.popover-arrow::before {
        border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
    }

    .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before {
        bottom: 0;
        border-top-color: var(--bs-popover-arrow-border)
    }

    .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after {
        bottom: var(--bs-popover-border-width);
        border-top-color: var(--bs-popover-bg)
    }

    .bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow {
        left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
        width: var(--bs-popover-arrow-height);
        height: var(--bs-popover-arrow-width)
    }

    .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::after,.bs-popover-end>.popover-arrow::before {
        border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
    }

    .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before {
        left: 0;
        border-right-color: var(--bs-popover-arrow-border)
    }

    .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after {
        left: var(--bs-popover-border-width);
        border-right-color: var(--bs-popover-bg)
    }

    .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow {
        top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
    }

    .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::before {
        border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
    }

    .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before {
        top: 0;
        border-bottom-color: var(--bs-popover-arrow-border)
    }

    .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after {
        top: var(--bs-popover-border-width);
        border-bottom-color: var(--bs-popover-bg)
    }

    .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before {
        position: absolute;
        top: 0;
        left: 50%;
        display: block;
        width: var(--bs-popover-arrow-width);
        margin-left: calc(-.5 * var(--bs-popover-arrow-width));
        content: "";
        border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg)
    }

    .bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow {
        right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
        width: var(--bs-popover-arrow-height);
        height: var(--bs-popover-arrow-width)
    }

    .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::after,.bs-popover-start>.popover-arrow::before {
        border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
    }

    .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before {
        right: 0;
        border-left-color: var(--bs-popover-arrow-border)
    }

    .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::after {
        right: var(--bs-popover-border-width);
        border-left-color: var(--bs-popover-bg)
    }

    .popover-header {
        padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
        margin-bottom: 0;
        font-size: var(--bs-popover-header-font-size);
        color: var(--bs-popover-header-color);
        background-color: var(--bs-popover-header-bg);
        border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
        border-top-left-radius: var(--bs-popover-inner-border-radius);
        border-top-right-radius: var(--bs-popover-inner-border-radius)
    }

    .popover-header:empty {
        display: none
    }

    .popover-body {
        padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
        color: var(--bs-popover-body-color)
    }

    .carousel {
        position: relative
    }

    .carousel.pointer-event {
        touch-action: pan-y
    }

    .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden
    }

    .carousel-inner::after {
        display: block;
        clear: both;
        content: ""
    }

    .carousel-item {
        position: relative;
        display: none;
        float: left;
        width: 100%;
        margin-right: -100%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transition: transform .6s ease-in-out
    }

    @media (prefers-reduced-motion:reduce) {
        .carousel-item {
            transition: none
        }
    }

    .carousel-item-next,.carousel-item-prev,.carousel-item.active {
        display: block
    }

    .active.carousel-item-end,.carousel-item-next:not(.carousel-item-start) {
        transform: translateX(100%)
    }

    .active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end) {
        transform: translateX(-100%)
    }

    .carousel-fade .carousel-item {
        opacity: 0;
        transition-property: opacity;
        transform: none
    }

    .carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active {
        z-index: 1;
        opacity: 1
    }

    .carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start {
        z-index: 0;
        opacity: 0;
        transition: opacity 0s .6s
    }

    @media (prefers-reduced-motion:reduce) {
        .carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start {
            transition: none
        }
    }

    .carousel-control-next,.carousel-control-prev {
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 15%;
        padding: 0;
        color: #fff;
        text-align: center;
        background: 0 0;
        filter: var(--bs-carousel-control-icon-filter);
        border: 0;
        opacity: .5;
        transition: opacity .15s ease
    }

    @media (prefers-reduced-motion:reduce) {
        .carousel-control-next,.carousel-control-prev {
            transition: none
        }
    }

    .carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover {
        color: #fff;
        text-decoration: none;
        outline: 0;
        opacity: .9
    }

    .carousel-control-prev {
        left: 0
    }

    .carousel-control-next {
        right: 0
    }

    .carousel-control-next-icon,.carousel-control-prev-icon {
        display: inline-block;
        width: 2rem;
        height: 2rem;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 100% 100%
    }

    .carousel-control-prev-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e")
    }

    .carousel-control-next-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")
    }

    .carousel-indicators {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
        display: flex;
        justify-content: center;
        padding: 0;
        margin-right: 15%;
        margin-bottom: 1rem;
        margin-left: 15%
    }

    .carousel-indicators [data-bs-target] {
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        padding: 0;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: var(--bs-carousel-indicator-active-bg);
        background-clip: padding-box;
        border: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: .5;
        transition: opacity .6s ease
    }

    @media (prefers-reduced-motion:reduce) {
        .carousel-indicators [data-bs-target] {
            transition: none
        }
    }

    .carousel-indicators .active {
        opacity: 1
    }

    .carousel-caption {
        position: absolute;
        right: 15%;
        bottom: 1.25rem;
        left: 15%;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
        color: var(--bs-carousel-caption-color);
        text-align: center
    }

    .carousel-dark {
        --bs-carousel-indicator-active-bg: #000;
        --bs-carousel-caption-color: #000;
        --bs-carousel-control-icon-filter: invert(1) grayscale(100)
    }

    :root,[data-bs-theme=light] {
        --bs-carousel-indicator-active-bg: #fff;
        --bs-carousel-caption-color: #fff;
        --bs-carousel-control-icon-filter:
    }

    [data-bs-theme=dark] {
        --bs-carousel-indicator-active-bg: #000;
        --bs-carousel-caption-color: #000;
        --bs-carousel-control-icon-filter: invert(1) grayscale(100)
    }

    .spinner-border,.spinner-grow {
        display: inline-block;
        flex-shrink: 0;
        width: var(--bs-spinner-width);
        height: var(--bs-spinner-height);
        vertical-align: var(--bs-spinner-vertical-align);
        border-radius: 50%;
        animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)
    }

    @keyframes spinner-border {
        to {
            transform: rotate(360deg)
        }
    }

    .spinner-border {
        --bs-spinner-width: 2rem;
        --bs-spinner-height: 2rem;
        --bs-spinner-vertical-align: -0.125em;
        --bs-spinner-border-width: 0.25em;
        --bs-spinner-animation-speed: 0.75s;
        --bs-spinner-animation-name: spinner-border;
        border: var(--bs-spinner-border-width) solid currentcolor;
        border-right-color: transparent
    }

    .spinner-border-sm {
        --bs-spinner-width: 1rem;
        --bs-spinner-height: 1rem;
        --bs-spinner-border-width: 0.2em
    }

    @keyframes spinner-grow {
        0% {
            transform: scale(0)
        }

        50% {
            opacity: 1;
            transform: none
        }
    }

    .spinner-grow {
        --bs-spinner-width: 2rem;
        --bs-spinner-height: 2rem;
        --bs-spinner-vertical-align: -0.125em;
        --bs-spinner-animation-speed: 0.75s;
        --bs-spinner-animation-name: spinner-grow;
        background-color: currentcolor;
        opacity: 0
    }

    .spinner-grow-sm {
        --bs-spinner-width: 1rem;
        --bs-spinner-height: 1rem
    }

    @media (prefers-reduced-motion:reduce) {
        .spinner-border,.spinner-grow {
            --bs-spinner-animation-speed: 1.5s
        }
    }

    .offcanvas,.offcanvas-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xl,.offcanvas-xxl {
        --bs-offcanvas-zindex: 1045;
        --bs-offcanvas-width: 400px;
        --bs-offcanvas-height: 30vh;
        --bs-offcanvas-padding-x: 1rem;
        --bs-offcanvas-padding-y: 1rem;
        --bs-offcanvas-color: var(--bs-body-color);
        --bs-offcanvas-bg: var(--bs-body-bg);
        --bs-offcanvas-border-width: var(--bs-border-width);
        --bs-offcanvas-border-color: var(--bs-border-color-translucent);
        --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
        --bs-offcanvas-transition: transform 0.3s ease-in-out;
        --bs-offcanvas-title-line-height: 1.5
    }

    @media (max-width: 575.98px) {
        .offcanvas-sm {
            position:fixed;
            bottom: 0;
            z-index: var(--bs-offcanvas-zindex);
            display: flex;
            flex-direction: column;
            max-width: 100%;
            color: var(--bs-offcanvas-color);
            visibility: hidden;
            background-color: var(--bs-offcanvas-bg);
            background-clip: padding-box;
            outline: 0;
            transition: var(--bs-offcanvas-transition)
        }
    }

    @media (max-width: 575.98px) and (prefers-reduced-motion:reduce) {
        .offcanvas-sm {
            transition:none
        }
    }

    @media (max-width: 575.98px) {
        .offcanvas-sm.offcanvas-start {
            top:0;
            left: 0;
            width: var(--bs-offcanvas-width);
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(-100%)
        }

        .offcanvas-sm.offcanvas-end {
            top: 0;
            right: 0;
            width: var(--bs-offcanvas-width);
            border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(100%)
        }

        .offcanvas-sm.offcanvas-top {
            top: 0;
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(-100%)
        }

        .offcanvas-sm.offcanvas-bottom {
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(100%)
        }

        .offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing {
            transform: none
        }

        .offcanvas-sm.hiding,.offcanvas-sm.show,.offcanvas-sm.showing {
            visibility: visible
        }
    }

    @media (min-width: 576px) {
        .offcanvas-sm {
            --bs-offcanvas-height:auto;
            --bs-offcanvas-border-width: 0;
            background-color: transparent!important
        }

        .offcanvas-sm .offcanvas-header {
            display: none
        }

        .offcanvas-sm .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent!important
        }
    }

    @media (max-width: 767.98px) {
        .offcanvas-md {
            position:fixed;
            bottom: 0;
            z-index: var(--bs-offcanvas-zindex);
            display: flex;
            flex-direction: column;
            max-width: 100%;
            color: var(--bs-offcanvas-color);
            visibility: hidden;
            background-color: var(--bs-offcanvas-bg);
            background-clip: padding-box;
            outline: 0;
            transition: var(--bs-offcanvas-transition)
        }
    }

    @media (max-width: 767.98px) and (prefers-reduced-motion:reduce) {
        .offcanvas-md {
            transition:none
        }
    }

    @media (max-width: 767.98px) {
        .offcanvas-md.offcanvas-start {
            top:0;
            left: 0;
            width: var(--bs-offcanvas-width);
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(-100%)
        }

        .offcanvas-md.offcanvas-end {
            top: 0;
            right: 0;
            width: var(--bs-offcanvas-width);
            border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(100%)
        }

        .offcanvas-md.offcanvas-top {
            top: 0;
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(-100%)
        }

        .offcanvas-md.offcanvas-bottom {
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(100%)
        }

        .offcanvas-md.show:not(.hiding),.offcanvas-md.showing {
            transform: none
        }

        .offcanvas-md.hiding,.offcanvas-md.show,.offcanvas-md.showing {
            visibility: visible
        }
    }

    @media (min-width: 768px) {
        .offcanvas-md {
            --bs-offcanvas-height:auto;
            --bs-offcanvas-border-width: 0;
            background-color: transparent!important
        }

        .offcanvas-md .offcanvas-header {
            display: none
        }

        .offcanvas-md .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent!important
        }
    }

    @media (max-width: 991.98px) {
        .offcanvas-lg {
            position:fixed;
            bottom: 0;
            z-index: var(--bs-offcanvas-zindex);
            display: flex;
            flex-direction: column;
            max-width: 100%;
            color: var(--bs-offcanvas-color);
            visibility: hidden;
            background-color: var(--bs-offcanvas-bg);
            background-clip: padding-box;
            outline: 0;
            transition: var(--bs-offcanvas-transition)
        }
    }

    @media (max-width: 991.98px) and (prefers-reduced-motion:reduce) {
        .offcanvas-lg {
            transition:none
        }
    }

    @media (max-width: 991.98px) {
        .offcanvas-lg.offcanvas-start {
            top:0;
            left: 0;
            width: var(--bs-offcanvas-width);
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(-100%)
        }

        .offcanvas-lg.offcanvas-end {
            top: 0;
            right: 0;
            width: var(--bs-offcanvas-width);
            border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(100%)
        }

        .offcanvas-lg.offcanvas-top {
            top: 0;
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(-100%)
        }

        .offcanvas-lg.offcanvas-bottom {
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(100%)
        }

        .offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing {
            transform: none
        }

        .offcanvas-lg.hiding,.offcanvas-lg.show,.offcanvas-lg.showing {
            visibility: visible
        }
    }

    @media (min-width: 992px) {
        .offcanvas-lg {
            --bs-offcanvas-height:auto;
            --bs-offcanvas-border-width: 0;
            background-color: transparent!important
        }

        .offcanvas-lg .offcanvas-header {
            display: none
        }

        .offcanvas-lg .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent!important
        }
    }

    @media (max-width: 1199.98px) {
        .offcanvas-xl {
            position:fixed;
            bottom: 0;
            z-index: var(--bs-offcanvas-zindex);
            display: flex;
            flex-direction: column;
            max-width: 100%;
            color: var(--bs-offcanvas-color);
            visibility: hidden;
            background-color: var(--bs-offcanvas-bg);
            background-clip: padding-box;
            outline: 0;
            transition: var(--bs-offcanvas-transition)
        }
    }

    @media (max-width: 1199.98px) and (prefers-reduced-motion:reduce) {
        .offcanvas-xl {
            transition:none
        }
    }

    @media (max-width: 1199.98px) {
        .offcanvas-xl.offcanvas-start {
            top:0;
            left: 0;
            width: var(--bs-offcanvas-width);
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(-100%)
        }

        .offcanvas-xl.offcanvas-end {
            top: 0;
            right: 0;
            width: var(--bs-offcanvas-width);
            border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(100%)
        }

        .offcanvas-xl.offcanvas-top {
            top: 0;
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(-100%)
        }

        .offcanvas-xl.offcanvas-bottom {
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(100%)
        }

        .offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing {
            transform: none
        }

        .offcanvas-xl.hiding,.offcanvas-xl.show,.offcanvas-xl.showing {
            visibility: visible
        }
    }

    @media (min-width: 1200px) {
        .offcanvas-xl {
            --bs-offcanvas-height:auto;
            --bs-offcanvas-border-width: 0;
            background-color: transparent!important
        }

        .offcanvas-xl .offcanvas-header {
            display: none
        }

        .offcanvas-xl .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent!important
        }
    }

    @media (max-width: 1399.98px) {
        .offcanvas-xxl {
            position:fixed;
            bottom: 0;
            z-index: var(--bs-offcanvas-zindex);
            display: flex;
            flex-direction: column;
            max-width: 100%;
            color: var(--bs-offcanvas-color);
            visibility: hidden;
            background-color: var(--bs-offcanvas-bg);
            background-clip: padding-box;
            outline: 0;
            transition: var(--bs-offcanvas-transition)
        }
    }

    @media (max-width: 1399.98px) and (prefers-reduced-motion:reduce) {
        .offcanvas-xxl {
            transition:none
        }
    }

    @media (max-width: 1399.98px) {
        .offcanvas-xxl.offcanvas-start {
            top:0;
            left: 0;
            width: var(--bs-offcanvas-width);
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(-100%)
        }

        .offcanvas-xxl.offcanvas-end {
            top: 0;
            right: 0;
            width: var(--bs-offcanvas-width);
            border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(100%)
        }

        .offcanvas-xxl.offcanvas-top {
            top: 0;
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(-100%)
        }

        .offcanvas-xxl.offcanvas-bottom {
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(100%)
        }

        .offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing {
            transform: none
        }

        .offcanvas-xxl.hiding,.offcanvas-xxl.show,.offcanvas-xxl.showing {
            visibility: visible
        }
    }

    @media (min-width: 1400px) {
        .offcanvas-xxl {
            --bs-offcanvas-height:auto;
            --bs-offcanvas-border-width: 0;
            background-color: transparent!important
        }

        .offcanvas-xxl .offcanvas-header {
            display: none
        }

        .offcanvas-xxl .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible;
            background-color: transparent!important
        }
    }

    .offcanvas {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }

    @media (prefers-reduced-motion:reduce) {
        .offcanvas {
            transition: none
        }
    }

    .offcanvas.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }

    .offcanvas.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }

    .offcanvas.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }

    .offcanvas.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas.show:not(.hiding),.offcanvas.showing {
        transform: none
    }

    .offcanvas.hiding,.offcanvas.show,.offcanvas.showing {
        visibility: visible
    }

    .offcanvas-backdrop {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1040;
        width: 100vw;
        height: 100vh;
        background-color: #000
    }

    .offcanvas-backdrop.fade {
        opacity: 0
    }

    .offcanvas-backdrop.show {
        opacity: .5
    }

    .offcanvas-header {
        display: flex;
        align-items: center;
        padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
    }

    .offcanvas-header .btn-close {
        padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
        margin-top: calc(-.5 * var(--bs-offcanvas-padding-y));
        margin-right: calc(-.5 * var(--bs-offcanvas-padding-x));
        margin-bottom: calc(-.5 * var(--bs-offcanvas-padding-y));
        margin-left: auto
    }

    .offcanvas-title {
        margin-bottom: 0;
        line-height: var(--bs-offcanvas-title-line-height)
    }

    .offcanvas-body {
        flex-grow: 1;
        padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
        overflow-y: auto
    }

    .placeholder {
        display: inline-block;
        min-height: 1em;
        vertical-align: middle;
        cursor: wait;
        background-color: currentcolor;
        opacity: .5
    }

    .placeholder.btn::before {
        display: inline-block;
        content: ""
    }

    .placeholder-xs {
        min-height: .6em
    }

    .placeholder-sm {
        min-height: .8em
    }

    .placeholder-lg {
        min-height: 1.2em
    }

    .placeholder-glow .placeholder {
        animation: placeholder-glow 2s ease-in-out infinite
    }

    @keyframes placeholder-glow {
        50% {
            opacity: .2
        }
    }

    .placeholder-wave {
        -webkit-mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);
        mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);
        -webkit-mask-size: 200% 100%;
        mask-size: 200% 100%;
        animation: placeholder-wave 2s linear infinite
    }

    @keyframes placeholder-wave {
        100% {
            -webkit-mask-position: -200% 0%;
            mask-position: -200% 0%
        }
    }

    .clearfix::after {
        display: block;
        clear: both;
        content: ""
    }

    .text-bg-primary {
        color: #fff!important;
        background-color: RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity,1))!important
    }

    .text-bg-secondary {
        color: #fff!important;
        background-color: RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1))!important
    }

    .text-bg-success {
        color: #fff!important;
        background-color: RGBA(var(--bs-success-rgb),var(--bs-bg-opacity,1))!important
    }

    .text-bg-info {
        color: #000!important;
        background-color: RGBA(var(--bs-info-rgb),var(--bs-bg-opacity,1))!important
    }

    .text-bg-warning {
        color: #000!important;
        background-color: RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity,1))!important
    }

    .text-bg-danger {
        color: #fff!important;
        background-color: RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1))!important
    }

    .text-bg-light {
        color: #000!important;
        background-color: RGBA(var(--bs-light-rgb),var(--bs-bg-opacity,1))!important
    }

    .text-bg-dark {
        color: #fff!important;
        background-color: RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,1))!important
    }

    .link-primary {
        color: RGBA(var(--bs-primary-rgb),var(--bs-link-opacity,1))!important;
        -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important;
        text-decoration-color: RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important
    }

    .link-primary:focus,.link-primary:hover {
        color: RGBA(10,88,202,var(--bs-link-opacity,1))!important;
        -webkit-text-decoration-color: RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important;
        text-decoration-color: RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important
    }

    .link-secondary {
        color: RGBA(var(--bs-secondary-rgb),var(--bs-link-opacity,1))!important;
        -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important;
        text-decoration-color: RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important
    }

    .link-secondary:focus,.link-secondary:hover {
        color: RGBA(86,94,100,var(--bs-link-opacity,1))!important;
        -webkit-text-decoration-color: RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important;
        text-decoration-color: RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important
    }

    .link-success {
        color: RGBA(var(--bs-success-rgb),var(--bs-link-opacity,1))!important;
        -webkit-text-decoration-color: RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important;
        text-decoration-color: RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important
    }

    .link-success:focus,.link-success:hover {
        color: RGBA(20,108,67,var(--bs-link-opacity,1))!important;
        -webkit-text-decoration-color: RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important;
        text-decoration-color: RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important
    }

    .link-info {
        color: RGBA(var(--bs-info-rgb),var(--bs-link-opacity,1))!important;
        -webkit-text-decoration-color: RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important;
        text-decoration-color: RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important
    }

    .link-info:focus,.link-info:hover {
        color: RGBA(61,213,243,var(--bs-link-opacity,1))!important;
        -webkit-text-decoration-color: RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important;
        text-decoration-color: RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important
    }

    .link-warning {
        color: RGBA(var(--bs-warning-rgb),var(--bs-link-opacity,1))!important;
        -webkit-text-decoration-color: RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important;
        text-decoration-color: RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important
    }

    .link-warning:focus,.link-warning:hover {
        color: RGBA(255,205,57,var(--bs-link-opacity,1))!important;
        -webkit-text-decoration-color: RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important;
        text-decoration-color: RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important
    }

    .link-danger {
        color: RGBA(var(--bs-danger-rgb),var(--bs-link-opacity,1))!important;
        -webkit-text-decoration-color: RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important;
        text-decoration-color: RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important
    }

    .link-danger:focus,.link-danger:hover {
        color: RGBA(176,42,55,var(--bs-link-opacity,1))!important;
        -webkit-text-decoration-color: RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important;
        text-decoration-color: RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important
    }

    .link-light {
        color: RGBA(var(--bs-light-rgb),var(--bs-link-opacity,1))!important;
        -webkit-text-decoration-color: RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important;
        text-decoration-color: RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important
    }

    .link-light:focus,.link-light:hover {
        color: RGBA(249,250,251,var(--bs-link-opacity,1))!important;
        -webkit-text-decoration-color: RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important;
        text-decoration-color: RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important
    }

    .link-dark {
        color: RGBA(var(--bs-dark-rgb),var(--bs-link-opacity,1))!important;
        -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important;
        text-decoration-color: RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important
    }

    .link-dark:focus,.link-dark:hover {
        color: RGBA(26,30,33,var(--bs-link-opacity,1))!important;
        -webkit-text-decoration-color: RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important;
        text-decoration-color: RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important
    }

    .link-body-emphasis {
        color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,1))!important;
        -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important;
        text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important
    }

    .link-body-emphasis:focus,.link-body-emphasis:hover {
        color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,.75))!important;
        -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,0.75))!important;
        text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,0.75))!important
    }

    .focus-ring:focus {
        outline: 0;
        box-shadow: var(--bs-focus-ring-x,0) var(--bs-focus-ring-y,0) var(--bs-focus-ring-blur,0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)
    }

    .icon-link {
        display: inline-flex;
        gap: .375rem;
        align-items: center;
        -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,0.5));
        text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,0.5));
        text-underline-offset: 0.25em;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .icon-link>.bi {
        flex-shrink: 0;
        width: 1em;
        height: 1em;
        fill: currentcolor;
        transition: .2s ease-in-out transform
    }

    @media (prefers-reduced-motion:reduce) {
        .icon-link>.bi {
            transition: none
        }
    }

    .icon-link-hover:focus-visible>.bi,.icon-link-hover:hover>.bi {
        transform: var(--bs-icon-link-transform,translate3d(.25em,0,0))
    }

    .ratio {
        position: relative;
        width: 100%
    }

    .ratio::before {
        display: block;
        padding-top: var(--bs-aspect-ratio);
        content: ""
    }

    .ratio>* {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .ratio-1x1 {
        --bs-aspect-ratio: 100%
    }

    .ratio-4x3 {
        --bs-aspect-ratio: 75%
    }

    .ratio-16x9 {
        --bs-aspect-ratio: 56.25%
    }

    .ratio-21x9 {
        --bs-aspect-ratio: 42.8571428571%
    }

    .fixed-top {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030
    }

    .fixed-bottom {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1030
    }

    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020
    }

    @media (min-width: 576px) {
        .sticky-sm-top {
            position:-webkit-sticky;
            position: sticky;
            top: 0;
            z-index: 1020
        }

        .sticky-sm-bottom {
            position: -webkit-sticky;
            position: sticky;
            bottom: 0;
            z-index: 1020
        }
    }

    @media (min-width: 768px) {
        .sticky-md-top {
            position:-webkit-sticky;
            position: sticky;
            top: 0;
            z-index: 1020
        }

        .sticky-md-bottom {
            position: -webkit-sticky;
            position: sticky;
            bottom: 0;
            z-index: 1020
        }
    }

    @media (min-width: 992px) {
        .sticky-lg-top {
            position:-webkit-sticky;
            position: sticky;
            top: 0;
            z-index: 1020
        }

        .sticky-lg-bottom {
            position: -webkit-sticky;
            position: sticky;
            bottom: 0;
            z-index: 1020
        }
    }

    @media (min-width: 1200px) {
        .sticky-xl-top {
            position:-webkit-sticky;
            position: sticky;
            top: 0;
            z-index: 1020
        }

        .sticky-xl-bottom {
            position: -webkit-sticky;
            position: sticky;
            bottom: 0;
            z-index: 1020
        }
    }

    @media (min-width: 1400px) {
        .sticky-xxl-top {
            position:-webkit-sticky;
            position: sticky;
            top: 0;
            z-index: 1020
        }

        .sticky-xxl-bottom {
            position: -webkit-sticky;
            position: sticky;
            bottom: 0;
            z-index: 1020
        }
    }

    .hstack {
        display: flex;
        flex-direction: row;
        align-items: center;
        align-self: stretch
    }

    .vstack {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        align-self: stretch
    }

    .visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within) {
        width: 1px!important;
        height: 1px!important;
        padding: 0!important;
        margin: -1px!important;
        overflow: hidden!important;
        clip: rect(0,0,0,0)!important;
        white-space: nowrap!important;
        border: 0!important
    }

    .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),.visually-hidden:not(caption) {
        position: absolute!important
    }

    .visually-hidden *,.visually-hidden-focusable:not(:focus):not(:focus-within) * {
        overflow: hidden!important
    }

    .stretched-link::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        content: ""
    }

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

    .vr {
        display: inline-block;
        align-self: stretch;
        width: var(--bs-border-width);
        min-height: 1em;
        background-color: currentcolor;
        opacity: .25
    }

    .align-baseline {
        vertical-align: baseline!important
    }

    .align-top {
        vertical-align: top!important
    }

    .align-middle {
        vertical-align: middle!important
    }

    .align-bottom {
        vertical-align: bottom!important
    }

    .align-text-bottom {
        vertical-align: text-bottom!important
    }

    .align-text-top {
        vertical-align: text-top!important
    }

    .float-start {
        float: left!important
    }

    .float-end {
        float: right!important
    }

    .float-none {
        float: none!important
    }

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

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

    .object-fit-fill {
        -o-object-fit: fill!important;
        object-fit: fill!important
    }

    .object-fit-scale {
        -o-object-fit: scale-down!important;
        object-fit: scale-down!important
    }

    .object-fit-none {
        -o-object-fit: none!important;
        object-fit: none!important
    }

    .opacity-0 {
        opacity: 0!important
    }

    .opacity-25 {
        opacity: .25!important
    }

    .opacity-50 {
        opacity: .5!important
    }

    .opacity-75 {
        opacity: .75!important
    }

    .opacity-100 {
        opacity: 1!important
    }

    .overflow-auto {
        overflow: auto!important
    }

    .overflow-hidden {
        overflow: hidden!important
    }

    .overflow-visible {
        overflow: visible!important
    }

    .overflow-scroll {
        overflow: scroll!important
    }

    .overflow-x-auto {
        overflow-x: auto!important
    }

    .overflow-x-hidden {
        overflow-x: hidden!important
    }

    .overflow-x-visible {
        overflow-x: visible!important
    }

    .overflow-x-scroll {
        overflow-x: scroll!important
    }

    .overflow-y-auto {
        overflow-y: auto!important
    }

    .overflow-y-hidden {
        overflow-y: hidden!important
    }

    .overflow-y-visible {
        overflow-y: visible!important
    }

    .overflow-y-scroll {
        overflow-y: scroll!important
    }

    .d-inline {
        display: inline!important
    }

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

    .d-block {
        display: block!important
    }

    .d-grid {
        display: grid!important
    }

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

    .d-table {
        display: table!important
    }

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

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

    .d-flex {
        display: flex!important
    }

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

    .d-none {
        display: none!important
    }

    .shadow {
        box-shadow: var(--bs-box-shadow)!important
    }

    .shadow-sm {
        box-shadow: var(--bs-box-shadow-sm)!important
    }

    .shadow-lg {
        box-shadow: var(--bs-box-shadow-lg)!important
    }

    .shadow-none {
        box-shadow: none!important
    }

    .focus-ring-primary {
        --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))
    }

    .focus-ring-secondary {
        --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))
    }

    .focus-ring-success {
        --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))
    }

    .focus-ring-info {
        --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))
    }

    .focus-ring-warning {
        --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))
    }

    .focus-ring-danger {
        --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))
    }

    .focus-ring-light {
        --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))
    }

    .focus-ring-dark {
        --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))
    }

    .position-static {
        position: static!important
    }

    .position-relative {
        position: relative!important
    }

    .position-absolute {
        position: absolute!important
    }

    .position-fixed {
        position: fixed!important
    }

    .position-sticky {
        position: -webkit-sticky!important;
        position: sticky!important
    }

    .top-0 {
        top: 0!important
    }

    .top-50 {
        top: 50%!important
    }

    .top-100 {
        top: 100%!important
    }

    .bottom-0 {
        bottom: 0!important
    }

    .bottom-50 {
        bottom: 50%!important
    }

    .bottom-100 {
        bottom: 100%!important
    }

    .start-0 {
        left: 0!important
    }

    .start-50 {
        left: 50%!important
    }

    .start-100 {
        left: 100%!important
    }

    .end-0 {
        right: 0!important
    }

    .end-50 {
        right: 50%!important
    }

    .end-100 {
        right: 100%!important
    }

    .translate-middle {
        transform: translate(-50%,-50%)!important
    }

    .translate-middle-x {
        transform: translateX(-50%)!important
    }

    .translate-middle-y {
        transform: translateY(-50%)!important
    }

    .border {
        border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
    }

    .border-0 {
        border: 0!important
    }

    .border-top {
        border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
    }

    .border-top-0 {
        border-top: 0!important
    }

    .border-end {
        border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
    }

    .border-end-0 {
        border-right: 0!important
    }

    .border-bottom {
        border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
    }

    .border-bottom-0 {
        border-bottom: 0!important
    }

    .border-start {
        border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
    }

    .border-start-0 {
        border-left: 0!important
    }

    .border-primary {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important
    }

    .border-secondary {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important
    }

    .border-success {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important
    }

    .border-info {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important
    }

    .border-warning {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important
    }

    .border-danger {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important
    }

    .border-light {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important
    }

    .border-dark {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important
    }

    .border-black {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-black-rgb),var(--bs-border-opacity))!important
    }

    .border-white {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important
    }

    .border-primary-subtle {
        border-color: var(--bs-primary-border-subtle)!important
    }

    .border-secondary-subtle {
        border-color: var(--bs-secondary-border-subtle)!important
    }

    .border-success-subtle {
        border-color: var(--bs-success-border-subtle)!important
    }

    .border-info-subtle {
        border-color: var(--bs-info-border-subtle)!important
    }

    .border-warning-subtle {
        border-color: var(--bs-warning-border-subtle)!important
    }

    .border-danger-subtle {
        border-color: var(--bs-danger-border-subtle)!important
    }

    .border-light-subtle {
        border-color: var(--bs-light-border-subtle)!important
    }

    .border-dark-subtle {
        border-color: var(--bs-dark-border-subtle)!important
    }

    .border-1 {
        border-width: 1px!important
    }

    .border-2 {
        border-width: 2px!important
    }

    .border-3 {
        border-width: 3px!important
    }

    .border-4 {
        border-width: 4px!important
    }

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

    .border-opacity-10 {
        --bs-border-opacity: 0.1
    }

    .border-opacity-25 {
        --bs-border-opacity: 0.25
    }

    .border-opacity-50 {
        --bs-border-opacity: 0.5
    }

    .border-opacity-75 {
        --bs-border-opacity: 0.75
    }

    .border-opacity-100 {
        --bs-border-opacity: 1
    }

    .w-25 {
        width: 25%!important
    }

    .w-50 {
        width: 50%!important
    }

    .w-75 {
        width: 75%!important
    }

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

    .w-auto {
        width: auto!important
    }

    .mw-100 {
        max-width: 100%!important
    }

    .vw-100 {
        width: 100vw!important
    }

    .min-vw-100 {
        min-width: 100vw!important
    }

    .h-25 {
        height: 25%!important
    }

    .h-50 {
        height: 50%!important
    }

    .h-75 {
        height: 75%!important
    }

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

    .h-auto {
        height: auto!important
    }

    .mh-100 {
        max-height: 100%!important
    }

    .vh-100 {
        height: 100vh!important
    }

    .min-vh-100 {
        min-height: 100vh!important
    }

    .flex-fill {
        flex: 1 1 auto!important
    }

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

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

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

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

    .flex-grow-0 {
        flex-grow: 0!important
    }

    .flex-grow-1 {
        flex-grow: 1!important
    }

    .flex-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-shrink-1 {
        flex-shrink: 1!important
    }

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

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

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

    .justify-content-start {
        justify-content: flex-start!important
    }

    .justify-content-end {
        justify-content: flex-end!important
    }

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

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

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

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

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

    .align-items-end {
        align-items: flex-end!important
    }

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

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

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

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

    .align-content-end {
        align-content: flex-end!important
    }

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

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

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

    .align-content-stretch {
        align-content: stretch!important
    }

    .align-self-auto {
        align-self: auto!important
    }

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

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

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

    .align-self-baseline {
        align-self: baseline!important
    }

    .align-self-stretch {
        align-self: stretch!important
    }

    .order-first {
        order: -1!important
    }

    .order-0 {
        order: 0!important
    }

    .order-1 {
        order: 1!important
    }

    .order-2 {
        order: 2!important
    }

    .order-3 {
        order: 3!important
    }

    .order-4 {
        order: 4!important
    }

    .order-5 {
        order: 5!important
    }

    .order-last {
        order: 6!important
    }

    .m-0 {
        margin: 0!important
    }

    .m-1 {
        margin: .25rem!important
    }

    .m-2 {
        margin: .5rem!important
    }

    .m-3 {
        margin: 1rem!important
    }

    .m-4 {
        margin: 1.5rem!important
    }

    .m-5 {
        margin: 3rem!important
    }

    .m-auto {
        margin: auto!important
    }

    .mx-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-0 {
        margin-top: 0!important
    }

    .mt-1 {
        margin-top: .25rem!important
    }

    .mt-2 {
        margin-top: .5rem!important
    }

    .mt-3 {
        margin-top: 1rem!important
    }

    .mt-4 {
        margin-top: 1.5rem!important
    }

    .mt-5 {
        margin-top: 3rem!important
    }

    .mt-auto {
        margin-top: auto!important
    }

    .me-0 {
        margin-right: 0!important
    }

    .me-1 {
        margin-right: .25rem!important
    }

    .me-2 {
        margin-right: .5rem!important
    }

    .me-3 {
        margin-right: 1rem!important
    }

    .me-4 {
        margin-right: 1.5rem!important
    }

    .me-5 {
        margin-right: 3rem!important
    }

    .me-auto {
        margin-right: auto!important
    }

    .mb-0 {
        margin-bottom: 0!important
    }

    .mb-1 {
        margin-bottom: .25rem!important
    }

    .mb-2 {
        margin-bottom: .5rem!important
    }

    .mb-3 {
        margin-bottom: 1rem!important
    }

    .mb-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-5 {
        margin-bottom: 3rem!important
    }

    .mb-auto {
        margin-bottom: auto!important
    }

    .ms-0 {
        margin-left: 0!important
    }

    .ms-1 {
        margin-left: .25rem!important
    }

    .ms-2 {
        margin-left: .5rem!important
    }

    .ms-3 {
        margin-left: 1rem!important
    }

    .ms-4 {
        margin-left: 1.5rem!important
    }

    .ms-5 {
        margin-left: 3rem!important
    }

    .ms-auto {
        margin-left: auto!important
    }

    .p-0 {
        padding: 0!important
    }

    .p-1 {
        padding: .25rem!important
    }

    .p-2 {
        padding: .5rem!important
    }

    .p-3 {
        padding: 1rem!important
    }

    .p-4 {
        padding: 1.5rem!important
    }

    .p-5 {
        padding: 3rem!important
    }

    .px-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

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

    .px-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

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

    .py-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

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

    .py-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

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

    .pt-0 {
        padding-top: 0!important
    }

    .pt-1 {
        padding-top: .25rem!important
    }

    .pt-2 {
        padding-top: .5rem!important
    }

    .pt-3 {
        padding-top: 1rem!important
    }

    .pt-4 {
        padding-top: 1.5rem!important
    }

    .pt-5 {
        padding-top: 3rem!important
    }

    .pe-0 {
        padding-right: 0!important
    }

    .pe-1 {
        padding-right: .25rem!important
    }

    .pe-2 {
        padding-right: .5rem!important
    }

    .pe-3 {
        padding-right: 1rem!important
    }

    .pe-4 {
        padding-right: 1.5rem!important
    }

    .pe-5 {
        padding-right: 3rem!important
    }

    .pb-0 {
        padding-bottom: 0!important
    }

    .pb-1 {
        padding-bottom: .25rem!important
    }

    .pb-2 {
        padding-bottom: .5rem!important
    }

    .pb-3 {
        padding-bottom: 1rem!important
    }

    .pb-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-5 {
        padding-bottom: 3rem!important
    }

    .ps-0 {
        padding-left: 0!important
    }

    .ps-1 {
        padding-left: .25rem!important
    }

    .ps-2 {
        padding-left: .5rem!important
    }

    .ps-3 {
        padding-left: 1rem!important
    }

    .ps-4 {
        padding-left: 1.5rem!important
    }

    .ps-5 {
        padding-left: 3rem!important
    }

    .gap-0 {
        gap: 0!important
    }

    .gap-1 {
        gap: .25rem!important
    }

    .gap-2 {
        gap: .5rem!important
    }

    .gap-3 {
        gap: 1rem!important
    }

    .gap-4 {
        gap: 1.5rem!important
    }

    .gap-5 {
        gap: 3rem!important
    }

    .row-gap-0 {
        row-gap: 0!important
    }

    .row-gap-1 {
        row-gap: .25rem!important
    }

    .row-gap-2 {
        row-gap: .5rem!important
    }

    .row-gap-3 {
        row-gap: 1rem!important
    }

    .row-gap-4 {
        row-gap: 1.5rem!important
    }

    .row-gap-5 {
        row-gap: 3rem!important
    }

    .column-gap-0 {
        -moz-column-gap: 0!important;
        column-gap: 0!important
    }

    .column-gap-1 {
        -moz-column-gap: 0.25rem!important;
        column-gap: .25rem!important
    }

    .column-gap-2 {
        -moz-column-gap: 0.5rem!important;
        column-gap: .5rem!important
    }

    .column-gap-3 {
        -moz-column-gap: 1rem!important;
        column-gap: 1rem!important
    }

    .column-gap-4 {
        -moz-column-gap: 1.5rem!important;
        column-gap: 1.5rem!important
    }

    .column-gap-5 {
        -moz-column-gap: 3rem!important;
        column-gap: 3rem!important
    }

    .font-monospace {
        font-family: var(--bs-font-monospace)!important
    }

    .fs-1 {
        font-size: calc(1.375rem + 1.5vw)!important
    }

    .fs-2 {
        font-size: calc(1.325rem + .9vw)!important
    }

    .fs-3 {
        font-size: calc(1.3rem + .6vw)!important
    }

    .fs-4 {
        font-size: calc(1.275rem + .3vw)!important
    }

    .fs-5 {
        font-size: 1.25rem!important
    }

    .fs-6 {
        font-size: 1rem!important
    }

    .fst-italic {
        font-style: italic!important
    }

    .fst-normal {
        font-style: normal!important
    }

    .fw-lighter {
        font-weight: lighter!important
    }

    .fw-light {
        font-weight: 300!important
    }

    .fw-normal {
        font-weight: 400!important
    }

    .fw-medium {
        font-weight: 500!important
    }

    .fw-semibold {
        font-weight: 600!important
    }

    .fw-bold {
        font-weight: 700!important
    }

    .fw-bolder {
        font-weight: bolder!important
    }

    .lh-1 {
        line-height: 1!important
    }

    .lh-sm {
        line-height: 1.25!important
    }

    .lh-base {
        line-height: 1.5!important
    }

    .lh-lg {
        line-height: 2!important
    }

    .text-start {
        text-align: left!important
    }

    .text-end {
        text-align: right!important
    }

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

    .text-decoration-none {
        text-decoration: none!important
    }

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

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

    .text-lowercase {
        text-transform: lowercase!important
    }

    .text-uppercase {
        text-transform: uppercase!important
    }

    .text-capitalize {
        text-transform: capitalize!important
    }

    .text-wrap {
        white-space: normal!important
    }

    .text-nowrap {
        white-space: nowrap!important
    }

    .text-break {
        word-wrap: break-word!important;
        word-break: break-word!important
    }

    .text-primary {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important
    }

    .text-secondary {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important
    }

    .text-success {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important
    }

    .text-info {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important
    }

    .text-warning {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important
    }

    .text-danger {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important
    }

    .text-light {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important
    }

    .text-dark {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important
    }

    .text-black {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important
    }

    .text-white {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important
    }

    .text-body {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important
    }

    .text-muted {
        --bs-text-opacity: 1;
        color: var(--bs-secondary-color)!important
    }

    .text-black-50 {
        --bs-text-opacity: 1;
        color: rgba(0,0,0,.5)!important
    }

    .text-white-50 {
        --bs-text-opacity: 1;
        color: rgba(255,255,255,.5)!important
    }

    .text-body-secondary {
        --bs-text-opacity: 1;
        color: var(--bs-secondary-color)!important
    }

    .text-body-tertiary {
        --bs-text-opacity: 1;
        color: var(--bs-tertiary-color)!important
    }

    .text-body-emphasis {
        --bs-text-opacity: 1;
        color: var(--bs-emphasis-color)!important
    }

    .text-reset {
        --bs-text-opacity: 1;
        color: inherit!important
    }

    .text-opacity-25 {
        --bs-text-opacity: 0.25
    }

    .text-opacity-50 {
        --bs-text-opacity: 0.5
    }

    .text-opacity-75 {
        --bs-text-opacity: 0.75
    }

    .text-opacity-100 {
        --bs-text-opacity: 1
    }

    .text-primary-emphasis {
        color: var(--bs-primary-text-emphasis)!important
    }

    .text-secondary-emphasis {
        color: var(--bs-secondary-text-emphasis)!important
    }

    .text-success-emphasis {
        color: var(--bs-success-text-emphasis)!important
    }

    .text-info-emphasis {
        color: var(--bs-info-text-emphasis)!important
    }

    .text-warning-emphasis {
        color: var(--bs-warning-text-emphasis)!important
    }

    .text-danger-emphasis {
        color: var(--bs-danger-text-emphasis)!important
    }

    .text-light-emphasis {
        color: var(--bs-light-text-emphasis)!important
    }

    .text-dark-emphasis {
        color: var(--bs-dark-text-emphasis)!important
    }

    .link-opacity-10 {
        --bs-link-opacity: 0.1
    }

    .link-opacity-10-hover:hover {
        --bs-link-opacity: 0.1
    }

    .link-opacity-25 {
        --bs-link-opacity: 0.25
    }

    .link-opacity-25-hover:hover {
        --bs-link-opacity: 0.25
    }

    .link-opacity-50 {
        --bs-link-opacity: 0.5
    }

    .link-opacity-50-hover:hover {
        --bs-link-opacity: 0.5
    }

    .link-opacity-75 {
        --bs-link-opacity: 0.75
    }

    .link-opacity-75-hover:hover {
        --bs-link-opacity: 0.75
    }

    .link-opacity-100 {
        --bs-link-opacity: 1
    }

    .link-opacity-100-hover:hover {
        --bs-link-opacity: 1
    }

    .link-offset-1 {
        text-underline-offset: 0.125em!important
    }

    .link-offset-1-hover:hover {
        text-underline-offset: 0.125em!important
    }

    .link-offset-2 {
        text-underline-offset: 0.25em!important
    }

    .link-offset-2-hover:hover {
        text-underline-offset: 0.25em!important
    }

    .link-offset-3 {
        text-underline-offset: 0.375em!important
    }

    .link-offset-3-hover:hover {
        text-underline-offset: 0.375em!important
    }

    .link-underline-primary {
        --bs-link-underline-opacity: 1;
        -webkit-text-decoration-color: rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important;
        text-decoration-color: rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important
    }

    .link-underline-secondary {
        --bs-link-underline-opacity: 1;
        -webkit-text-decoration-color: rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important;
        text-decoration-color: rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important
    }

    .link-underline-success {
        --bs-link-underline-opacity: 1;
        -webkit-text-decoration-color: rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important;
        text-decoration-color: rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important
    }

    .link-underline-info {
        --bs-link-underline-opacity: 1;
        -webkit-text-decoration-color: rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important;
        text-decoration-color: rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important
    }

    .link-underline-warning {
        --bs-link-underline-opacity: 1;
        -webkit-text-decoration-color: rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important;
        text-decoration-color: rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important
    }

    .link-underline-danger {
        --bs-link-underline-opacity: 1;
        -webkit-text-decoration-color: rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important;
        text-decoration-color: rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important
    }

    .link-underline-light {
        --bs-link-underline-opacity: 1;
        -webkit-text-decoration-color: rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important;
        text-decoration-color: rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important
    }

    .link-underline-dark {
        --bs-link-underline-opacity: 1;
        -webkit-text-decoration-color: rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important;
        text-decoration-color: rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important
    }

    .link-underline {
        --bs-link-underline-opacity: 1;
        -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important;
        text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important
    }

    .link-underline-opacity-0 {
        --bs-link-underline-opacity: 0
    }

    .link-underline-opacity-0-hover:hover {
        --bs-link-underline-opacity: 0
    }

    .link-underline-opacity-10 {
        --bs-link-underline-opacity: 0.1
    }

    .link-underline-opacity-10-hover:hover {
        --bs-link-underline-opacity: 0.1
    }

    .link-underline-opacity-25 {
        --bs-link-underline-opacity: 0.25
    }

    .link-underline-opacity-25-hover:hover {
        --bs-link-underline-opacity: 0.25
    }

    .link-underline-opacity-50 {
        --bs-link-underline-opacity: 0.5
    }

    .link-underline-opacity-50-hover:hover {
        --bs-link-underline-opacity: 0.5
    }

    .link-underline-opacity-75 {
        --bs-link-underline-opacity: 0.75
    }

    .link-underline-opacity-75-hover:hover {
        --bs-link-underline-opacity: 0.75
    }

    .link-underline-opacity-100 {
        --bs-link-underline-opacity: 1
    }

    .link-underline-opacity-100-hover:hover {
        --bs-link-underline-opacity: 1
    }

    .bg-primary {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important
    }

    .bg-secondary {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important
    }

    .bg-success {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important
    }

    .bg-info {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important
    }

    .bg-warning {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important
    }

    .bg-danger {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important
    }

    .bg-light {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important
    }

    .bg-dark {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important
    }

    .bg-black {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important
    }

    .bg-white {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important
    }

    .bg-body {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important
    }

    .bg-transparent {
        --bs-bg-opacity: 1;
        background-color: transparent!important
    }

    .bg-body-secondary {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity))!important
    }

    .bg-body-tertiary {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important
    }

    .bg-opacity-10 {
        --bs-bg-opacity: 0.1
    }

    .bg-opacity-25 {
        --bs-bg-opacity: 0.25
    }

    .bg-opacity-50 {
        --bs-bg-opacity: 0.5
    }

    .bg-opacity-75 {
        --bs-bg-opacity: 0.75
    }

    .bg-opacity-100 {
        --bs-bg-opacity: 1
    }

    .bg-primary-subtle {
        background-color: var(--bs-primary-bg-subtle)!important
    }

    .bg-secondary-subtle {
        background-color: var(--bs-secondary-bg-subtle)!important
    }

    .bg-success-subtle {
        background-color: var(--bs-success-bg-subtle)!important
    }

    .bg-info-subtle {
        background-color: var(--bs-info-bg-subtle)!important
    }

    .bg-warning-subtle {
        background-color: var(--bs-warning-bg-subtle)!important
    }

    .bg-danger-subtle {
        background-color: var(--bs-danger-bg-subtle)!important
    }

    .bg-light-subtle {
        background-color: var(--bs-light-bg-subtle)!important
    }

    .bg-dark-subtle {
        background-color: var(--bs-dark-bg-subtle)!important
    }

    .bg-gradient {
        background-image: var(--bs-gradient)!important
    }

    .user-select-all {
        -webkit-user-select: all!important;
        -moz-user-select: all!important;
        user-select: all!important
    }

    .user-select-auto {
        -webkit-user-select: auto!important;
        -moz-user-select: auto!important;
        user-select: auto!important
    }

    .user-select-none {
        -webkit-user-select: none!important;
        -moz-user-select: none!important;
        user-select: none!important
    }

    .pe-none {
        pointer-events: none!important
    }

    .pe-auto {
        pointer-events: auto!important
    }

    .rounded {
        border-radius: var(--bs-border-radius)!important
    }

    .rounded-0 {
        border-radius: 0!important
    }

    .rounded-1 {
        border-radius: var(--bs-border-radius-sm)!important
    }

    .rounded-2 {
        border-radius: var(--bs-border-radius)!important
    }

    .rounded-3 {
        border-radius: var(--bs-border-radius-lg)!important
    }

    .rounded-4 {
        border-radius: var(--bs-border-radius-xl)!important
    }

    .rounded-5 {
        border-radius: var(--bs-border-radius-xxl)!important
    }

    .rounded-circle {
        border-radius: 50%!important
    }

    .rounded-pill {
        border-radius: var(--bs-border-radius-pill)!important
    }

    .rounded-top {
        border-top-left-radius: var(--bs-border-radius)!important;
        border-top-right-radius: var(--bs-border-radius)!important
    }

    .rounded-top-0 {
        border-top-left-radius: 0!important;
        border-top-right-radius: 0!important
    }

    .rounded-top-1 {
        border-top-left-radius: var(--bs-border-radius-sm)!important;
        border-top-right-radius: var(--bs-border-radius-sm)!important
    }

    .rounded-top-2 {
        border-top-left-radius: var(--bs-border-radius)!important;
        border-top-right-radius: var(--bs-border-radius)!important
    }

    .rounded-top-3 {
        border-top-left-radius: var(--bs-border-radius-lg)!important;
        border-top-right-radius: var(--bs-border-radius-lg)!important
    }

    .rounded-top-4 {
        border-top-left-radius: var(--bs-border-radius-xl)!important;
        border-top-right-radius: var(--bs-border-radius-xl)!important
    }

    .rounded-top-5 {
        border-top-left-radius: var(--bs-border-radius-xxl)!important;
        border-top-right-radius: var(--bs-border-radius-xxl)!important
    }

    .rounded-top-circle {
        border-top-left-radius: 50%!important;
        border-top-right-radius: 50%!important
    }

    .rounded-top-pill {
        border-top-left-radius: var(--bs-border-radius-pill)!important;
        border-top-right-radius: var(--bs-border-radius-pill)!important
    }

    .rounded-end {
        border-top-right-radius: var(--bs-border-radius)!important;
        border-bottom-right-radius: var(--bs-border-radius)!important
    }

    .rounded-end-0 {
        border-top-right-radius: 0!important;
        border-bottom-right-radius: 0!important
    }

    .rounded-end-1 {
        border-top-right-radius: var(--bs-border-radius-sm)!important;
        border-bottom-right-radius: var(--bs-border-radius-sm)!important
    }

    .rounded-end-2 {
        border-top-right-radius: var(--bs-border-radius)!important;
        border-bottom-right-radius: var(--bs-border-radius)!important
    }

    .rounded-end-3 {
        border-top-right-radius: var(--bs-border-radius-lg)!important;
        border-bottom-right-radius: var(--bs-border-radius-lg)!important
    }

    .rounded-end-4 {
        border-top-right-radius: var(--bs-border-radius-xl)!important;
        border-bottom-right-radius: var(--bs-border-radius-xl)!important
    }

    .rounded-end-5 {
        border-top-right-radius: var(--bs-border-radius-xxl)!important;
        border-bottom-right-radius: var(--bs-border-radius-xxl)!important
    }

    .rounded-end-circle {
        border-top-right-radius: 50%!important;
        border-bottom-right-radius: 50%!important
    }

    .rounded-end-pill {
        border-top-right-radius: var(--bs-border-radius-pill)!important;
        border-bottom-right-radius: var(--bs-border-radius-pill)!important
    }

    .rounded-bottom {
        border-bottom-right-radius: var(--bs-border-radius)!important;
        border-bottom-left-radius: var(--bs-border-radius)!important
    }

    .rounded-bottom-0 {
        border-bottom-right-radius: 0!important;
        border-bottom-left-radius: 0!important
    }

    .rounded-bottom-1 {
        border-bottom-right-radius: var(--bs-border-radius-sm)!important;
        border-bottom-left-radius: var(--bs-border-radius-sm)!important
    }

    .rounded-bottom-2 {
        border-bottom-right-radius: var(--bs-border-radius)!important;
        border-bottom-left-radius: var(--bs-border-radius)!important
    }

    .rounded-bottom-3 {
        border-bottom-right-radius: var(--bs-border-radius-lg)!important;
        border-bottom-left-radius: var(--bs-border-radius-lg)!important
    }

    .rounded-bottom-4 {
        border-bottom-right-radius: var(--bs-border-radius-xl)!important;
        border-bottom-left-radius: var(--bs-border-radius-xl)!important
    }

    .rounded-bottom-5 {
        border-bottom-right-radius: var(--bs-border-radius-xxl)!important;
        border-bottom-left-radius: var(--bs-border-radius-xxl)!important
    }

    .rounded-bottom-circle {
        border-bottom-right-radius: 50%!important;
        border-bottom-left-radius: 50%!important
    }

    .rounded-bottom-pill {
        border-bottom-right-radius: var(--bs-border-radius-pill)!important;
        border-bottom-left-radius: var(--bs-border-radius-pill)!important
    }

    .rounded-start {
        border-bottom-left-radius: var(--bs-border-radius)!important;
        border-top-left-radius: var(--bs-border-radius)!important
    }

    .rounded-start-0 {
        border-bottom-left-radius: 0!important;
        border-top-left-radius: 0!important
    }

    .rounded-start-1 {
        border-bottom-left-radius: var(--bs-border-radius-sm)!important;
        border-top-left-radius: var(--bs-border-radius-sm)!important
    }

    .rounded-start-2 {
        border-bottom-left-radius: var(--bs-border-radius)!important;
        border-top-left-radius: var(--bs-border-radius)!important
    }

    .rounded-start-3 {
        border-bottom-left-radius: var(--bs-border-radius-lg)!important;
        border-top-left-radius: var(--bs-border-radius-lg)!important
    }

    .rounded-start-4 {
        border-bottom-left-radius: var(--bs-border-radius-xl)!important;
        border-top-left-radius: var(--bs-border-radius-xl)!important
    }

    .rounded-start-5 {
        border-bottom-left-radius: var(--bs-border-radius-xxl)!important;
        border-top-left-radius: var(--bs-border-radius-xxl)!important
    }

    .rounded-start-circle {
        border-bottom-left-radius: 50%!important;
        border-top-left-radius: 50%!important
    }

    .rounded-start-pill {
        border-bottom-left-radius: var(--bs-border-radius-pill)!important;
        border-top-left-radius: var(--bs-border-radius-pill)!important
    }

    .visible {
        visibility: visible!important
    }

    .invisible {
        visibility: hidden!important
    }

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

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

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

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

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

    @media (min-width: 576px) {
        .float-sm-start {
            float:left!important
        }

        .float-sm-end {
            float: right!important
        }

        .float-sm-none {
            float: none!important
        }

        .object-fit-sm-contain {
            -o-object-fit: contain!important;
            object-fit: contain!important
        }

        .object-fit-sm-cover {
            -o-object-fit: cover!important;
            object-fit: cover!important
        }

        .object-fit-sm-fill {
            -o-object-fit: fill!important;
            object-fit: fill!important
        }

        .object-fit-sm-scale {
            -o-object-fit: scale-down!important;
            object-fit: scale-down!important
        }

        .object-fit-sm-none {
            -o-object-fit: none!important;
            object-fit: none!important
        }

        .d-sm-inline {
            display: inline!important
        }

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

        .d-sm-block {
            display: block!important
        }

        .d-sm-grid {
            display: grid!important
        }

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

        .d-sm-table {
            display: table!important
        }

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

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

        .d-sm-flex {
            display: flex!important
        }

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

        .d-sm-none {
            display: none!important
        }

        .flex-sm-fill {
            flex: 1 1 auto!important
        }

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

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

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

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

        .flex-sm-grow-0 {
            flex-grow: 0!important
        }

        .flex-sm-grow-1 {
            flex-grow: 1!important
        }

        .flex-sm-shrink-0 {
            flex-shrink: 0!important
        }

        .flex-sm-shrink-1 {
            flex-shrink: 1!important
        }

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

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

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

        .justify-content-sm-start {
            justify-content: flex-start!important
        }

        .justify-content-sm-end {
            justify-content: flex-end!important
        }

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

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

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

        .justify-content-sm-evenly {
            justify-content: space-evenly!important
        }

        .align-items-sm-start {
            align-items: flex-start!important
        }

        .align-items-sm-end {
            align-items: flex-end!important
        }

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

        .align-items-sm-baseline {
            align-items: baseline!important
        }

        .align-items-sm-stretch {
            align-items: stretch!important
        }

        .align-content-sm-start {
            align-content: flex-start!important
        }

        .align-content-sm-end {
            align-content: flex-end!important
        }

        .align-content-sm-center {
            align-content: center!important
        }

        .align-content-sm-between {
            align-content: space-between!important
        }

        .align-content-sm-around {
            align-content: space-around!important
        }

        .align-content-sm-stretch {
            align-content: stretch!important
        }

        .align-self-sm-auto {
            align-self: auto!important
        }

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

        .align-self-sm-end {
            align-self: flex-end!important
        }

        .align-self-sm-center {
            align-self: center!important
        }

        .align-self-sm-baseline {
            align-self: baseline!important
        }

        .align-self-sm-stretch {
            align-self: stretch!important
        }

        .order-sm-first {
            order: -1!important
        }

        .order-sm-0 {
            order: 0!important
        }

        .order-sm-1 {
            order: 1!important
        }

        .order-sm-2 {
            order: 2!important
        }

        .order-sm-3 {
            order: 3!important
        }

        .order-sm-4 {
            order: 4!important
        }

        .order-sm-5 {
            order: 5!important
        }

        .order-sm-last {
            order: 6!important
        }

        .m-sm-0 {
            margin: 0!important
        }

        .m-sm-1 {
            margin: .25rem!important
        }

        .m-sm-2 {
            margin: .5rem!important
        }

        .m-sm-3 {
            margin: 1rem!important
        }

        .m-sm-4 {
            margin: 1.5rem!important
        }

        .m-sm-5 {
            margin: 3rem!important
        }

        .m-sm-auto {
            margin: auto!important
        }

        .mx-sm-0 {
            margin-right: 0!important;
            margin-left: 0!important
        }

        .mx-sm-1 {
            margin-right: .25rem!important;
            margin-left: .25rem!important
        }

        .mx-sm-2 {
            margin-right: .5rem!important;
            margin-left: .5rem!important
        }

        .mx-sm-3 {
            margin-right: 1rem!important;
            margin-left: 1rem!important
        }

        .mx-sm-4 {
            margin-right: 1.5rem!important;
            margin-left: 1.5rem!important
        }

        .mx-sm-5 {
            margin-right: 3rem!important;
            margin-left: 3rem!important
        }

        .mx-sm-auto {
            margin-right: auto!important;
            margin-left: auto!important
        }

        .my-sm-0 {
            margin-top: 0!important;
            margin-bottom: 0!important
        }

        .my-sm-1 {
            margin-top: .25rem!important;
            margin-bottom: .25rem!important
        }

        .my-sm-2 {
            margin-top: .5rem!important;
            margin-bottom: .5rem!important
        }

        .my-sm-3 {
            margin-top: 1rem!important;
            margin-bottom: 1rem!important
        }

        .my-sm-4 {
            margin-top: 1.5rem!important;
            margin-bottom: 1.5rem!important
        }

        .my-sm-5 {
            margin-top: 3rem!important;
            margin-bottom: 3rem!important
        }

        .my-sm-auto {
            margin-top: auto!important;
            margin-bottom: auto!important
        }

        .mt-sm-0 {
            margin-top: 0!important
        }

        .mt-sm-1 {
            margin-top: .25rem!important
        }

        .mt-sm-2 {
            margin-top: .5rem!important
        }

        .mt-sm-3 {
            margin-top: 1rem!important
        }

        .mt-sm-4 {
            margin-top: 1.5rem!important
        }

        .mt-sm-5 {
            margin-top: 3rem!important
        }

        .mt-sm-auto {
            margin-top: auto!important
        }

        .me-sm-0 {
            margin-right: 0!important
        }

        .me-sm-1 {
            margin-right: .25rem!important
        }

        .me-sm-2 {
            margin-right: .5rem!important
        }

        .me-sm-3 {
            margin-right: 1rem!important
        }

        .me-sm-4 {
            margin-right: 1.5rem!important
        }

        .me-sm-5 {
            margin-right: 3rem!important
        }

        .me-sm-auto {
            margin-right: auto!important
        }

        .mb-sm-0 {
            margin-bottom: 0!important
        }

        .mb-sm-1 {
            margin-bottom: .25rem!important
        }

        .mb-sm-2 {
            margin-bottom: .5rem!important
        }

        .mb-sm-3 {
            margin-bottom: 1rem!important
        }

        .mb-sm-4 {
            margin-bottom: 1.5rem!important
        }

        .mb-sm-5 {
            margin-bottom: 3rem!important
        }

        .mb-sm-auto {
            margin-bottom: auto!important
        }

        .ms-sm-0 {
            margin-left: 0!important
        }

        .ms-sm-1 {
            margin-left: .25rem!important
        }

        .ms-sm-2 {
            margin-left: .5rem!important
        }

        .ms-sm-3 {
            margin-left: 1rem!important
        }

        .ms-sm-4 {
            margin-left: 1.5rem!important
        }

        .ms-sm-5 {
            margin-left: 3rem!important
        }

        .ms-sm-auto {
            margin-left: auto!important
        }

        .p-sm-0 {
            padding: 0!important
        }

        .p-sm-1 {
            padding: .25rem!important
        }

        .p-sm-2 {
            padding: .5rem!important
        }

        .p-sm-3 {
            padding: 1rem!important
        }

        .p-sm-4 {
            padding: 1.5rem!important
        }

        .p-sm-5 {
            padding: 3rem!important
        }

        .px-sm-0 {
            padding-right: 0!important;
            padding-left: 0!important
        }

        .px-sm-1 {
            padding-right: .25rem!important;
            padding-left: .25rem!important
        }

        .px-sm-2 {
            padding-right: .5rem!important;
            padding-left: .5rem!important
        }

        .px-sm-3 {
            padding-right: 1rem!important;
            padding-left: 1rem!important
        }

        .px-sm-4 {
            padding-right: 1.5rem!important;
            padding-left: 1.5rem!important
        }

        .px-sm-5 {
            padding-right: 3rem!important;
            padding-left: 3rem!important
        }

        .py-sm-0 {
            padding-top: 0!important;
            padding-bottom: 0!important
        }

        .py-sm-1 {
            padding-top: .25rem!important;
            padding-bottom: .25rem!important
        }

        .py-sm-2 {
            padding-top: .5rem!important;
            padding-bottom: .5rem!important
        }

        .py-sm-3 {
            padding-top: 1rem!important;
            padding-bottom: 1rem!important
        }

        .py-sm-4 {
            padding-top: 1.5rem!important;
            padding-bottom: 1.5rem!important
        }

        .py-sm-5 {
            padding-top: 3rem!important;
            padding-bottom: 3rem!important
        }

        .pt-sm-0 {
            padding-top: 0!important
        }

        .pt-sm-1 {
            padding-top: .25rem!important
        }

        .pt-sm-2 {
            padding-top: .5rem!important
        }

        .pt-sm-3 {
            padding-top: 1rem!important
        }

        .pt-sm-4 {
            padding-top: 1.5rem!important
        }

        .pt-sm-5 {
            padding-top: 3rem!important
        }

        .pe-sm-0 {
            padding-right: 0!important
        }

        .pe-sm-1 {
            padding-right: .25rem!important
        }

        .pe-sm-2 {
            padding-right: .5rem!important
        }

        .pe-sm-3 {
            padding-right: 1rem!important
        }

        .pe-sm-4 {
            padding-right: 1.5rem!important
        }

        .pe-sm-5 {
            padding-right: 3rem!important
        }

        .pb-sm-0 {
            padding-bottom: 0!important
        }

        .pb-sm-1 {
            padding-bottom: .25rem!important
        }

        .pb-sm-2 {
            padding-bottom: .5rem!important
        }

        .pb-sm-3 {
            padding-bottom: 1rem!important
        }

        .pb-sm-4 {
            padding-bottom: 1.5rem!important
        }

        .pb-sm-5 {
            padding-bottom: 3rem!important
        }

        .ps-sm-0 {
            padding-left: 0!important
        }

        .ps-sm-1 {
            padding-left: .25rem!important
        }

        .ps-sm-2 {
            padding-left: .5rem!important
        }

        .ps-sm-3 {
            padding-left: 1rem!important
        }

        .ps-sm-4 {
            padding-left: 1.5rem!important
        }

        .ps-sm-5 {
            padding-left: 3rem!important
        }

        .gap-sm-0 {
            gap: 0!important
        }

        .gap-sm-1 {
            gap: .25rem!important
        }

        .gap-sm-2 {
            gap: .5rem!important
        }

        .gap-sm-3 {
            gap: 1rem!important
        }

        .gap-sm-4 {
            gap: 1.5rem!important
        }

        .gap-sm-5 {
            gap: 3rem!important
        }

        .row-gap-sm-0 {
            row-gap: 0!important
        }

        .row-gap-sm-1 {
            row-gap: .25rem!important
        }

        .row-gap-sm-2 {
            row-gap: .5rem!important
        }

        .row-gap-sm-3 {
            row-gap: 1rem!important
        }

        .row-gap-sm-4 {
            row-gap: 1.5rem!important
        }

        .row-gap-sm-5 {
            row-gap: 3rem!important
        }

        .column-gap-sm-0 {
            -moz-column-gap: 0!important;
            column-gap: 0!important
        }

        .column-gap-sm-1 {
            -moz-column-gap: 0.25rem!important;
            column-gap: .25rem!important
        }

        .column-gap-sm-2 {
            -moz-column-gap: 0.5rem!important;
            column-gap: .5rem!important
        }

        .column-gap-sm-3 {
            -moz-column-gap: 1rem!important;
            column-gap: 1rem!important
        }

        .column-gap-sm-4 {
            -moz-column-gap: 1.5rem!important;
            column-gap: 1.5rem!important
        }

        .column-gap-sm-5 {
            -moz-column-gap: 3rem!important;
            column-gap: 3rem!important
        }

        .text-sm-start {
            text-align: left!important
        }

        .text-sm-end {
            text-align: right!important
        }

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

    @media (min-width: 768px) {
        .float-md-start {
            float:left!important
        }

        .float-md-end {
            float: right!important
        }

        .float-md-none {
            float: none!important
        }

        .object-fit-md-contain {
            -o-object-fit: contain!important;
            object-fit: contain!important
        }

        .object-fit-md-cover {
            -o-object-fit: cover!important;
            object-fit: cover!important
        }

        .object-fit-md-fill {
            -o-object-fit: fill!important;
            object-fit: fill!important
        }

        .object-fit-md-scale {
            -o-object-fit: scale-down!important;
            object-fit: scale-down!important
        }

        .object-fit-md-none {
            -o-object-fit: none!important;
            object-fit: none!important
        }

        .d-md-inline {
            display: inline!important
        }

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

        .d-md-block {
            display: block!important
        }

        .d-md-grid {
            display: grid!important
        }

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

        .d-md-table {
            display: table!important
        }

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

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

        .d-md-flex {
            display: flex!important
        }

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

        .d-md-none {
            display: none!important
        }

        .flex-md-fill {
            flex: 1 1 auto!important
        }

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

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

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

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

        .flex-md-grow-0 {
            flex-grow: 0!important
        }

        .flex-md-grow-1 {
            flex-grow: 1!important
        }

        .flex-md-shrink-0 {
            flex-shrink: 0!important
        }

        .flex-md-shrink-1 {
            flex-shrink: 1!important
        }

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

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

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

        .justify-content-md-start {
            justify-content: flex-start!important
        }

        .justify-content-md-end {
            justify-content: flex-end!important
        }

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

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

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

        .justify-content-md-evenly {
            justify-content: space-evenly!important
        }

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

        .align-items-md-end {
            align-items: flex-end!important
        }

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

        .align-items-md-baseline {
            align-items: baseline!important
        }

        .align-items-md-stretch {
            align-items: stretch!important
        }

        .align-content-md-start {
            align-content: flex-start!important
        }

        .align-content-md-end {
            align-content: flex-end!important
        }

        .align-content-md-center {
            align-content: center!important
        }

        .align-content-md-between {
            align-content: space-between!important
        }

        .align-content-md-around {
            align-content: space-around!important
        }

        .align-content-md-stretch {
            align-content: stretch!important
        }

        .align-self-md-auto {
            align-self: auto!important
        }

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

        .align-self-md-end {
            align-self: flex-end!important
        }

        .align-self-md-center {
            align-self: center!important
        }

        .align-self-md-baseline {
            align-self: baseline!important
        }

        .align-self-md-stretch {
            align-self: stretch!important
        }

        .order-md-first {
            order: -1!important
        }

        .order-md-0 {
            order: 0!important
        }

        .order-md-1 {
            order: 1!important
        }

        .order-md-2 {
            order: 2!important
        }

        .order-md-3 {
            order: 3!important
        }

        .order-md-4 {
            order: 4!important
        }

        .order-md-5 {
            order: 5!important
        }

        .order-md-last {
            order: 6!important
        }

        .m-md-0 {
            margin: 0!important
        }

        .m-md-1 {
            margin: .25rem!important
        }

        .m-md-2 {
            margin: .5rem!important
        }

        .m-md-3 {
            margin: 1rem!important
        }

        .m-md-4 {
            margin: 1.5rem!important
        }

        .m-md-5 {
            margin: 3rem!important
        }

        .m-md-auto {
            margin: auto!important
        }

        .mx-md-0 {
            margin-right: 0!important;
            margin-left: 0!important
        }

        .mx-md-1 {
            margin-right: .25rem!important;
            margin-left: .25rem!important
        }

        .mx-md-2 {
            margin-right: .5rem!important;
            margin-left: .5rem!important
        }

        .mx-md-3 {
            margin-right: 1rem!important;
            margin-left: 1rem!important
        }

        .mx-md-4 {
            margin-right: 1.5rem!important;
            margin-left: 1.5rem!important
        }

        .mx-md-5 {
            margin-right: 3rem!important;
            margin-left: 3rem!important
        }

        .mx-md-auto {
            margin-right: auto!important;
            margin-left: auto!important
        }

        .my-md-0 {
            margin-top: 0!important;
            margin-bottom: 0!important
        }

        .my-md-1 {
            margin-top: .25rem!important;
            margin-bottom: .25rem!important
        }

        .my-md-2 {
            margin-top: .5rem!important;
            margin-bottom: .5rem!important
        }

        .my-md-3 {
            margin-top: 1rem!important;
            margin-bottom: 1rem!important
        }

        .my-md-4 {
            margin-top: 1.5rem!important;
            margin-bottom: 1.5rem!important
        }

        .my-md-5 {
            margin-top: 3rem!important;
            margin-bottom: 3rem!important
        }

        .my-md-auto {
            margin-top: auto!important;
            margin-bottom: auto!important
        }

        .mt-md-0 {
            margin-top: 0!important
        }

        .mt-md-1 {
            margin-top: .25rem!important
        }

        .mt-md-2 {
            margin-top: .5rem!important
        }

        .mt-md-3 {
            margin-top: 1rem!important
        }

        .mt-md-4 {
            margin-top: 1.5rem!important
        }

        .mt-md-5 {
            margin-top: 3rem!important
        }

        .mt-md-auto {
            margin-top: auto!important
        }

        .me-md-0 {
            margin-right: 0!important
        }

        .me-md-1 {
            margin-right: .25rem!important
        }

        .me-md-2 {
            margin-right: .5rem!important
        }

        .me-md-3 {
            margin-right: 1rem!important
        }

        .me-md-4 {
            margin-right: 1.5rem!important
        }

        .me-md-5 {
            margin-right: 3rem!important
        }

        .me-md-auto {
            margin-right: auto!important
        }

        .mb-md-0 {
            margin-bottom: 0!important
        }

        .mb-md-1 {
            margin-bottom: .25rem!important
        }

        .mb-md-2 {
            margin-bottom: .5rem!important
        }

        .mb-md-3 {
            margin-bottom: 1rem!important
        }

        .mb-md-4 {
            margin-bottom: 1.5rem!important
        }

        .mb-md-5 {
            margin-bottom: 3rem!important
        }

        .mb-md-auto {
            margin-bottom: auto!important
        }

        .ms-md-0 {
            margin-left: 0!important
        }

        .ms-md-1 {
            margin-left: .25rem!important
        }

        .ms-md-2 {
            margin-left: .5rem!important
        }

        .ms-md-3 {
            margin-left: 1rem!important
        }

        .ms-md-4 {
            margin-left: 1.5rem!important
        }

        .ms-md-5 {
            margin-left: 3rem!important
        }

        .ms-md-auto {
            margin-left: auto!important
        }

        .p-md-0 {
            padding: 0!important
        }

        .p-md-1 {
            padding: .25rem!important
        }

        .p-md-2 {
            padding: .5rem!important
        }

        .p-md-3 {
            padding: 1rem!important
        }

        .p-md-4 {
            padding: 1.5rem!important
        }

        .p-md-5 {
            padding: 3rem!important
        }

        .px-md-0 {
            padding-right: 0!important;
            padding-left: 0!important
        }

        .px-md-1 {
            padding-right: .25rem!important;
            padding-left: .25rem!important
        }

        .px-md-2 {
            padding-right: .5rem!important;
            padding-left: .5rem!important
        }

        .px-md-3 {
            padding-right: 1rem!important;
            padding-left: 1rem!important
        }

        .px-md-4 {
            padding-right: 1.5rem!important;
            padding-left: 1.5rem!important
        }

        .px-md-5 {
            padding-right: 3rem!important;
            padding-left: 3rem!important
        }

        .py-md-0 {
            padding-top: 0!important;
            padding-bottom: 0!important
        }

        .py-md-1 {
            padding-top: .25rem!important;
            padding-bottom: .25rem!important
        }

        .py-md-2 {
            padding-top: .5rem!important;
            padding-bottom: .5rem!important
        }

        .py-md-3 {
            padding-top: 1rem!important;
            padding-bottom: 1rem!important
        }

        .py-md-4 {
            padding-top: 1.5rem!important;
            padding-bottom: 1.5rem!important
        }

        .py-md-5 {
            padding-top: 3rem!important;
            padding-bottom: 3rem!important
        }

        .pt-md-0 {
            padding-top: 0!important
        }

        .pt-md-1 {
            padding-top: .25rem!important
        }

        .pt-md-2 {
            padding-top: .5rem!important
        }

        .pt-md-3 {
            padding-top: 1rem!important
        }

        .pt-md-4 {
            padding-top: 1.5rem!important
        }

        .pt-md-5 {
            padding-top: 3rem!important
        }

        .pe-md-0 {
            padding-right: 0!important
        }

        .pe-md-1 {
            padding-right: .25rem!important
        }

        .pe-md-2 {
            padding-right: .5rem!important
        }

        .pe-md-3 {
            padding-right: 1rem!important
        }

        .pe-md-4 {
            padding-right: 1.5rem!important
        }

        .pe-md-5 {
            padding-right: 3rem!important
        }

        .pb-md-0 {
            padding-bottom: 0!important
        }

        .pb-md-1 {
            padding-bottom: .25rem!important
        }

        .pb-md-2 {
            padding-bottom: .5rem!important
        }

        .pb-md-3 {
            padding-bottom: 1rem!important
        }

        .pb-md-4 {
            padding-bottom: 1.5rem!important
        }

        .pb-md-5 {
            padding-bottom: 3rem!important
        }

        .ps-md-0 {
            padding-left: 0!important
        }

        .ps-md-1 {
            padding-left: .25rem!important
        }

        .ps-md-2 {
            padding-left: .5rem!important
        }

        .ps-md-3 {
            padding-left: 1rem!important
        }

        .ps-md-4 {
            padding-left: 1.5rem!important
        }

        .ps-md-5 {
            padding-left: 3rem!important
        }

        .gap-md-0 {
            gap: 0!important
        }

        .gap-md-1 {
            gap: .25rem!important
        }

        .gap-md-2 {
            gap: .5rem!important
        }

        .gap-md-3 {
            gap: 1rem!important
        }

        .gap-md-4 {
            gap: 1.5rem!important
        }

        .gap-md-5 {
            gap: 3rem!important
        }

        .row-gap-md-0 {
            row-gap: 0!important
        }

        .row-gap-md-1 {
            row-gap: .25rem!important
        }

        .row-gap-md-2 {
            row-gap: .5rem!important
        }

        .row-gap-md-3 {
            row-gap: 1rem!important
        }

        .row-gap-md-4 {
            row-gap: 1.5rem!important
        }

        .row-gap-md-5 {
            row-gap: 3rem!important
        }

        .column-gap-md-0 {
            -moz-column-gap: 0!important;
            column-gap: 0!important
        }

        .column-gap-md-1 {
            -moz-column-gap: 0.25rem!important;
            column-gap: .25rem!important
        }

        .column-gap-md-2 {
            -moz-column-gap: 0.5rem!important;
            column-gap: .5rem!important
        }

        .column-gap-md-3 {
            -moz-column-gap: 1rem!important;
            column-gap: 1rem!important
        }

        .column-gap-md-4 {
            -moz-column-gap: 1.5rem!important;
            column-gap: 1.5rem!important
        }

        .column-gap-md-5 {
            -moz-column-gap: 3rem!important;
            column-gap: 3rem!important
        }

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

        .text-md-end {
            text-align: right!important
        }

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

    @media (min-width: 992px) {
        .float-lg-start {
            float:left!important
        }

        .float-lg-end {
            float: right!important
        }

        .float-lg-none {
            float: none!important
        }

        .object-fit-lg-contain {
            -o-object-fit: contain!important;
            object-fit: contain!important
        }

        .object-fit-lg-cover {
            -o-object-fit: cover!important;
            object-fit: cover!important
        }

        .object-fit-lg-fill {
            -o-object-fit: fill!important;
            object-fit: fill!important
        }

        .object-fit-lg-scale {
            -o-object-fit: scale-down!important;
            object-fit: scale-down!important
        }

        .object-fit-lg-none {
            -o-object-fit: none!important;
            object-fit: none!important
        }

        .d-lg-inline {
            display: inline!important
        }

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

        .d-lg-block {
            display: block!important
        }

        .d-lg-grid {
            display: grid!important
        }

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

        .d-lg-table {
            display: table!important
        }

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

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

        .d-lg-flex {
            display: flex!important
        }

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

        .d-lg-none {
            display: none!important
        }

        .flex-lg-fill {
            flex: 1 1 auto!important
        }

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

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

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

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

        .flex-lg-grow-0 {
            flex-grow: 0!important
        }

        .flex-lg-grow-1 {
            flex-grow: 1!important
        }

        .flex-lg-shrink-0 {
            flex-shrink: 0!important
        }

        .flex-lg-shrink-1 {
            flex-shrink: 1!important
        }

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

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

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

        .justify-content-lg-start {
            justify-content: flex-start!important
        }

        .justify-content-lg-end {
            justify-content: flex-end!important
        }

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

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

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

        .justify-content-lg-evenly {
            justify-content: space-evenly!important
        }

        .align-items-lg-start {
            align-items: flex-start!important
        }

        .align-items-lg-end {
            align-items: flex-end!important
        }

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

        .align-items-lg-baseline {
            align-items: baseline!important
        }

        .align-items-lg-stretch {
            align-items: stretch!important
        }

        .align-content-lg-start {
            align-content: flex-start!important
        }

        .align-content-lg-end {
            align-content: flex-end!important
        }

        .align-content-lg-center {
            align-content: center!important
        }

        .align-content-lg-between {
            align-content: space-between!important
        }

        .align-content-lg-around {
            align-content: space-around!important
        }

        .align-content-lg-stretch {
            align-content: stretch!important
        }

        .align-self-lg-auto {
            align-self: auto!important
        }

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

        .align-self-lg-end {
            align-self: flex-end!important
        }

        .align-self-lg-center {
            align-self: center!important
        }

        .align-self-lg-baseline {
            align-self: baseline!important
        }

        .align-self-lg-stretch {
            align-self: stretch!important
        }

        .order-lg-first {
            order: -1!important
        }

        .order-lg-0 {
            order: 0!important
        }

        .order-lg-1 {
            order: 1!important
        }

        .order-lg-2 {
            order: 2!important
        }

        .order-lg-3 {
            order: 3!important
        }

        .order-lg-4 {
            order: 4!important
        }

        .order-lg-5 {
            order: 5!important
        }

        .order-lg-last {
            order: 6!important
        }

        .m-lg-0 {
            margin: 0!important
        }

        .m-lg-1 {
            margin: .25rem!important
        }

        .m-lg-2 {
            margin: .5rem!important
        }

        .m-lg-3 {
            margin: 1rem!important
        }

        .m-lg-4 {
            margin: 1.5rem!important
        }

        .m-lg-5 {
            margin: 3rem!important
        }

        .m-lg-auto {
            margin: auto!important
        }

        .mx-lg-0 {
            margin-right: 0!important;
            margin-left: 0!important
        }

        .mx-lg-1 {
            margin-right: .25rem!important;
            margin-left: .25rem!important
        }

        .mx-lg-2 {
            margin-right: .5rem!important;
            margin-left: .5rem!important
        }

        .mx-lg-3 {
            margin-right: 1rem!important;
            margin-left: 1rem!important
        }

        .mx-lg-4 {
            margin-right: 1.5rem!important;
            margin-left: 1.5rem!important
        }

        .mx-lg-5 {
            margin-right: 3rem!important;
            margin-left: 3rem!important
        }

        .mx-lg-auto {
            margin-right: auto!important;
            margin-left: auto!important
        }

        .my-lg-0 {
            margin-top: 0!important;
            margin-bottom: 0!important
        }

        .my-lg-1 {
            margin-top: .25rem!important;
            margin-bottom: .25rem!important
        }

        .my-lg-2 {
            margin-top: .5rem!important;
            margin-bottom: .5rem!important
        }

        .my-lg-3 {
            margin-top: 1rem!important;
            margin-bottom: 1rem!important
        }

        .my-lg-4 {
            margin-top: 1.5rem!important;
            margin-bottom: 1.5rem!important
        }

        .my-lg-5 {
            margin-top: 3rem!important;
            margin-bottom: 3rem!important
        }

        .my-lg-auto {
            margin-top: auto!important;
            margin-bottom: auto!important
        }

        .mt-lg-0 {
            margin-top: 0!important
        }

        .mt-lg-1 {
            margin-top: .25rem!important
        }

        .mt-lg-2 {
            margin-top: .5rem!important
        }

        .mt-lg-3 {
            margin-top: 1rem!important
        }

        .mt-lg-4 {
            margin-top: 1.5rem!important
        }

        .mt-lg-5 {
            margin-top: 3rem!important
        }

        .mt-lg-auto {
            margin-top: auto!important
        }

        .me-lg-0 {
            margin-right: 0!important
        }

        .me-lg-1 {
            margin-right: .25rem!important
        }

        .me-lg-2 {
            margin-right: .5rem!important
        }

        .me-lg-3 {
            margin-right: 1rem!important
        }

        .me-lg-4 {
            margin-right: 1.5rem!important
        }

        .me-lg-5 {
            margin-right: 3rem!important
        }

        .me-lg-auto {
            margin-right: auto!important
        }

        .mb-lg-0 {
            margin-bottom: 0!important
        }

        .mb-lg-1 {
            margin-bottom: .25rem!important
        }

        .mb-lg-2 {
            margin-bottom: .5rem!important
        }

        .mb-lg-3 {
            margin-bottom: 1rem!important
        }

        .mb-lg-4 {
            margin-bottom: 1.5rem!important
        }

        .mb-lg-5 {
            margin-bottom: 3rem!important
        }

        .mb-lg-auto {
            margin-bottom: auto!important
        }

        .ms-lg-0 {
            margin-left: 0!important
        }

        .ms-lg-1 {
            margin-left: .25rem!important
        }

        .ms-lg-2 {
            margin-left: .5rem!important
        }

        .ms-lg-3 {
            margin-left: 1rem!important
        }

        .ms-lg-4 {
            margin-left: 1.5rem!important
        }

        .ms-lg-5 {
            margin-left: 3rem!important
        }

        .ms-lg-auto {
            margin-left: auto!important
        }

        .p-lg-0 {
            padding: 0!important
        }

        .p-lg-1 {
            padding: .25rem!important
        }

        .p-lg-2 {
            padding: .5rem!important
        }

        .p-lg-3 {
            padding: 1rem!important
        }

        .p-lg-4 {
            padding: 1.5rem!important
        }

        .p-lg-5 {
            padding: 3rem!important
        }

        .px-lg-0 {
            padding-right: 0!important;
            padding-left: 0!important
        }

        .px-lg-1 {
            padding-right: .25rem!important;
            padding-left: .25rem!important
        }

        .px-lg-2 {
            padding-right: .5rem!important;
            padding-left: .5rem!important
        }

        .px-lg-3 {
            padding-right: 1rem!important;
            padding-left: 1rem!important
        }

        .px-lg-4 {
            padding-right: 1.5rem!important;
            padding-left: 1.5rem!important
        }

        .px-lg-5 {
            padding-right: 3rem!important;
            padding-left: 3rem!important
        }

        .py-lg-0 {
            padding-top: 0!important;
            padding-bottom: 0!important
        }

        .py-lg-1 {
            padding-top: .25rem!important;
            padding-bottom: .25rem!important
        }

        .py-lg-2 {
            padding-top: .5rem!important;
            padding-bottom: .5rem!important
        }

        .py-lg-3 {
            padding-top: 1rem!important;
            padding-bottom: 1rem!important
        }

        .py-lg-4 {
            padding-top: 1.5rem!important;
            padding-bottom: 1.5rem!important
        }

        .py-lg-5 {
            padding-top: 3rem!important;
            padding-bottom: 3rem!important
        }

        .pt-lg-0 {
            padding-top: 0!important
        }

        .pt-lg-1 {
            padding-top: .25rem!important
        }

        .pt-lg-2 {
            padding-top: .5rem!important
        }

        .pt-lg-3 {
            padding-top: 1rem!important
        }

        .pt-lg-4 {
            padding-top: 1.5rem!important
        }

        .pt-lg-5 {
            padding-top: 3rem!important
        }

        .pe-lg-0 {
            padding-right: 0!important
        }

        .pe-lg-1 {
            padding-right: .25rem!important
        }

        .pe-lg-2 {
            padding-right: .5rem!important
        }

        .pe-lg-3 {
            padding-right: 1rem!important
        }

        .pe-lg-4 {
            padding-right: 1.5rem!important
        }

        .pe-lg-5 {
            padding-right: 3rem!important
        }

        .pb-lg-0 {
            padding-bottom: 0!important
        }

        .pb-lg-1 {
            padding-bottom: .25rem!important
        }

        .pb-lg-2 {
            padding-bottom: .5rem!important
        }

        .pb-lg-3 {
            padding-bottom: 1rem!important
        }

        .pb-lg-4 {
            padding-bottom: 1.5rem!important
        }

        .pb-lg-5 {
            padding-bottom: 3rem!important
        }

        .ps-lg-0 {
            padding-left: 0!important
        }

        .ps-lg-1 {
            padding-left: .25rem!important
        }

        .ps-lg-2 {
            padding-left: .5rem!important
        }

        .ps-lg-3 {
            padding-left: 1rem!important
        }

        .ps-lg-4 {
            padding-left: 1.5rem!important
        }

        .ps-lg-5 {
            padding-left: 3rem!important
        }

        .gap-lg-0 {
            gap: 0!important
        }

        .gap-lg-1 {
            gap: .25rem!important
        }

        .gap-lg-2 {
            gap: .5rem!important
        }

        .gap-lg-3 {
            gap: 1rem!important
        }

        .gap-lg-4 {
            gap: 1.5rem!important
        }

        .gap-lg-5 {
            gap: 3rem!important
        }

        .row-gap-lg-0 {
            row-gap: 0!important
        }

        .row-gap-lg-1 {
            row-gap: .25rem!important
        }

        .row-gap-lg-2 {
            row-gap: .5rem!important
        }

        .row-gap-lg-3 {
            row-gap: 1rem!important
        }

        .row-gap-lg-4 {
            row-gap: 1.5rem!important
        }

        .row-gap-lg-5 {
            row-gap: 3rem!important
        }

        .column-gap-lg-0 {
            -moz-column-gap: 0!important;
            column-gap: 0!important
        }

        .column-gap-lg-1 {
            -moz-column-gap: 0.25rem!important;
            column-gap: .25rem!important
        }

        .column-gap-lg-2 {
            -moz-column-gap: 0.5rem!important;
            column-gap: .5rem!important
        }

        .column-gap-lg-3 {
            -moz-column-gap: 1rem!important;
            column-gap: 1rem!important
        }

        .column-gap-lg-4 {
            -moz-column-gap: 1.5rem!important;
            column-gap: 1.5rem!important
        }

        .column-gap-lg-5 {
            -moz-column-gap: 3rem!important;
            column-gap: 3rem!important
        }

        .text-lg-start {
            text-align: left!important
        }

        .text-lg-end {
            text-align: right!important
        }

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

    @media (min-width: 1200px) {
        .float-xl-start {
            float:left!important
        }

        .float-xl-end {
            float: right!important
        }

        .float-xl-none {
            float: none!important
        }

        .object-fit-xl-contain {
            -o-object-fit: contain!important;
            object-fit: contain!important
        }

        .object-fit-xl-cover {
            -o-object-fit: cover!important;
            object-fit: cover!important
        }

        .object-fit-xl-fill {
            -o-object-fit: fill!important;
            object-fit: fill!important
        }

        .object-fit-xl-scale {
            -o-object-fit: scale-down!important;
            object-fit: scale-down!important
        }

        .object-fit-xl-none {
            -o-object-fit: none!important;
            object-fit: none!important
        }

        .d-xl-inline {
            display: inline!important
        }

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

        .d-xl-block {
            display: block!important
        }

        .d-xl-grid {
            display: grid!important
        }

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

        .d-xl-table {
            display: table!important
        }

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

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

        .d-xl-flex {
            display: flex!important
        }

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

        .d-xl-none {
            display: none!important
        }

        .flex-xl-fill {
            flex: 1 1 auto!important
        }

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

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

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

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

        .flex-xl-grow-0 {
            flex-grow: 0!important
        }

        .flex-xl-grow-1 {
            flex-grow: 1!important
        }

        .flex-xl-shrink-0 {
            flex-shrink: 0!important
        }

        .flex-xl-shrink-1 {
            flex-shrink: 1!important
        }

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

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

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

        .justify-content-xl-start {
            justify-content: flex-start!important
        }

        .justify-content-xl-end {
            justify-content: flex-end!important
        }

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

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

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

        .justify-content-xl-evenly {
            justify-content: space-evenly!important
        }

        .align-items-xl-start {
            align-items: flex-start!important
        }

        .align-items-xl-end {
            align-items: flex-end!important
        }

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

        .align-items-xl-baseline {
            align-items: baseline!important
        }

        .align-items-xl-stretch {
            align-items: stretch!important
        }

        .align-content-xl-start {
            align-content: flex-start!important
        }

        .align-content-xl-end {
            align-content: flex-end!important
        }

        .align-content-xl-center {
            align-content: center!important
        }

        .align-content-xl-between {
            align-content: space-between!important
        }

        .align-content-xl-around {
            align-content: space-around!important
        }

        .align-content-xl-stretch {
            align-content: stretch!important
        }

        .align-self-xl-auto {
            align-self: auto!important
        }

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

        .align-self-xl-end {
            align-self: flex-end!important
        }

        .align-self-xl-center {
            align-self: center!important
        }

        .align-self-xl-baseline {
            align-self: baseline!important
        }

        .align-self-xl-stretch {
            align-self: stretch!important
        }

        .order-xl-first {
            order: -1!important
        }

        .order-xl-0 {
            order: 0!important
        }

        .order-xl-1 {
            order: 1!important
        }

        .order-xl-2 {
            order: 2!important
        }

        .order-xl-3 {
            order: 3!important
        }

        .order-xl-4 {
            order: 4!important
        }

        .order-xl-5 {
            order: 5!important
        }

        .order-xl-last {
            order: 6!important
        }

        .m-xl-0 {
            margin: 0!important
        }

        .m-xl-1 {
            margin: .25rem!important
        }

        .m-xl-2 {
            margin: .5rem!important
        }

        .m-xl-3 {
            margin: 1rem!important
        }

        .m-xl-4 {
            margin: 1.5rem!important
        }

        .m-xl-5 {
            margin: 3rem!important
        }

        .m-xl-auto {
            margin: auto!important
        }

        .mx-xl-0 {
            margin-right: 0!important;
            margin-left: 0!important
        }

        .mx-xl-1 {
            margin-right: .25rem!important;
            margin-left: .25rem!important
        }

        .mx-xl-2 {
            margin-right: .5rem!important;
            margin-left: .5rem!important
        }

        .mx-xl-3 {
            margin-right: 1rem!important;
            margin-left: 1rem!important
        }

        .mx-xl-4 {
            margin-right: 1.5rem!important;
            margin-left: 1.5rem!important
        }

        .mx-xl-5 {
            margin-right: 3rem!important;
            margin-left: 3rem!important
        }

        .mx-xl-auto {
            margin-right: auto!important;
            margin-left: auto!important
        }

        .my-xl-0 {
            margin-top: 0!important;
            margin-bottom: 0!important
        }

        .my-xl-1 {
            margin-top: .25rem!important;
            margin-bottom: .25rem!important
        }

        .my-xl-2 {
            margin-top: .5rem!important;
            margin-bottom: .5rem!important
        }

        .my-xl-3 {
            margin-top: 1rem!important;
            margin-bottom: 1rem!important
        }

        .my-xl-4 {
            margin-top: 1.5rem!important;
            margin-bottom: 1.5rem!important
        }

        .my-xl-5 {
            margin-top: 3rem!important;
            margin-bottom: 3rem!important
        }

        .my-xl-auto {
            margin-top: auto!important;
            margin-bottom: auto!important
        }

        .mt-xl-0 {
            margin-top: 0!important
        }

        .mt-xl-1 {
            margin-top: .25rem!important
        }

        .mt-xl-2 {
            margin-top: .5rem!important
        }

        .mt-xl-3 {
            margin-top: 1rem!important
        }

        .mt-xl-4 {
            margin-top: 1.5rem!important
        }

        .mt-xl-5 {
            margin-top: 3rem!important
        }

        .mt-xl-auto {
            margin-top: auto!important
        }

        .me-xl-0 {
            margin-right: 0!important
        }

        .me-xl-1 {
            margin-right: .25rem!important
        }

        .me-xl-2 {
            margin-right: .5rem!important
        }

        .me-xl-3 {
            margin-right: 1rem!important
        }

        .me-xl-4 {
            margin-right: 1.5rem!important
        }

        .me-xl-5 {
            margin-right: 3rem!important
        }

        .me-xl-auto {
            margin-right: auto!important
        }

        .mb-xl-0 {
            margin-bottom: 0!important
        }

        .mb-xl-1 {
            margin-bottom: .25rem!important
        }

        .mb-xl-2 {
            margin-bottom: .5rem!important
        }

        .mb-xl-3 {
            margin-bottom: 1rem!important
        }

        .mb-xl-4 {
            margin-bottom: 1.5rem!important
        }

        .mb-xl-5 {
            margin-bottom: 3rem!important
        }

        .mb-xl-auto {
            margin-bottom: auto!important
        }

        .ms-xl-0 {
            margin-left: 0!important
        }

        .ms-xl-1 {
            margin-left: .25rem!important
        }

        .ms-xl-2 {
            margin-left: .5rem!important
        }

        .ms-xl-3 {
            margin-left: 1rem!important
        }

        .ms-xl-4 {
            margin-left: 1.5rem!important
        }

        .ms-xl-5 {
            margin-left: 3rem!important
        }

        .ms-xl-auto {
            margin-left: auto!important
        }

        .p-xl-0 {
            padding: 0!important
        }

        .p-xl-1 {
            padding: .25rem!important
        }

        .p-xl-2 {
            padding: .5rem!important
        }

        .p-xl-3 {
            padding: 1rem!important
        }

        .p-xl-4 {
            padding: 1.5rem!important
        }

        .p-xl-5 {
            padding: 3rem!important
        }

        .px-xl-0 {
            padding-right: 0!important;
            padding-left: 0!important
        }

        .px-xl-1 {
            padding-right: .25rem!important;
            padding-left: .25rem!important
        }

        .px-xl-2 {
            padding-right: .5rem!important;
            padding-left: .5rem!important
        }

        .px-xl-3 {
            padding-right: 1rem!important;
            padding-left: 1rem!important
        }

        .px-xl-4 {
            padding-right: 1.5rem!important;
            padding-left: 1.5rem!important
        }

        .px-xl-5 {
            padding-right: 3rem!important;
            padding-left: 3rem!important
        }

        .py-xl-0 {
            padding-top: 0!important;
            padding-bottom: 0!important
        }

        .py-xl-1 {
            padding-top: .25rem!important;
            padding-bottom: .25rem!important
        }

        .py-xl-2 {
            padding-top: .5rem!important;
            padding-bottom: .5rem!important
        }

        .py-xl-3 {
            padding-top: 1rem!important;
            padding-bottom: 1rem!important
        }

        .py-xl-4 {
            padding-top: 1.5rem!important;
            padding-bottom: 1.5rem!important
        }

        .py-xl-5 {
            padding-top: 3rem!important;
            padding-bottom: 3rem!important
        }

        .pt-xl-0 {
            padding-top: 0!important
        }

        .pt-xl-1 {
            padding-top: .25rem!important
        }

        .pt-xl-2 {
            padding-top: .5rem!important
        }

        .pt-xl-3 {
            padding-top: 1rem!important
        }

        .pt-xl-4 {
            padding-top: 1.5rem!important
        }

        .pt-xl-5 {
            padding-top: 3rem!important
        }

        .pe-xl-0 {
            padding-right: 0!important
        }

        .pe-xl-1 {
            padding-right: .25rem!important
        }

        .pe-xl-2 {
            padding-right: .5rem!important
        }

        .pe-xl-3 {
            padding-right: 1rem!important
        }

        .pe-xl-4 {
            padding-right: 1.5rem!important
        }

        .pe-xl-5 {
            padding-right: 3rem!important
        }

        .pb-xl-0 {
            padding-bottom: 0!important
        }

        .pb-xl-1 {
            padding-bottom: .25rem!important
        }

        .pb-xl-2 {
            padding-bottom: .5rem!important
        }

        .pb-xl-3 {
            padding-bottom: 1rem!important
        }

        .pb-xl-4 {
            padding-bottom: 1.5rem!important
        }

        .pb-xl-5 {
            padding-bottom: 3rem!important
        }

        .ps-xl-0 {
            padding-left: 0!important
        }

        .ps-xl-1 {
            padding-left: .25rem!important
        }

        .ps-xl-2 {
            padding-left: .5rem!important
        }

        .ps-xl-3 {
            padding-left: 1rem!important
        }

        .ps-xl-4 {
            padding-left: 1.5rem!important
        }

        .ps-xl-5 {
            padding-left: 3rem!important
        }

        .gap-xl-0 {
            gap: 0!important
        }

        .gap-xl-1 {
            gap: .25rem!important
        }

        .gap-xl-2 {
            gap: .5rem!important
        }

        .gap-xl-3 {
            gap: 1rem!important
        }

        .gap-xl-4 {
            gap: 1.5rem!important
        }

        .gap-xl-5 {
            gap: 3rem!important
        }

        .row-gap-xl-0 {
            row-gap: 0!important
        }

        .row-gap-xl-1 {
            row-gap: .25rem!important
        }

        .row-gap-xl-2 {
            row-gap: .5rem!important
        }

        .row-gap-xl-3 {
            row-gap: 1rem!important
        }

        .row-gap-xl-4 {
            row-gap: 1.5rem!important
        }

        .row-gap-xl-5 {
            row-gap: 3rem!important
        }

        .column-gap-xl-0 {
            -moz-column-gap: 0!important;
            column-gap: 0!important
        }

        .column-gap-xl-1 {
            -moz-column-gap: 0.25rem!important;
            column-gap: .25rem!important
        }

        .column-gap-xl-2 {
            -moz-column-gap: 0.5rem!important;
            column-gap: .5rem!important
        }

        .column-gap-xl-3 {
            -moz-column-gap: 1rem!important;
            column-gap: 1rem!important
        }

        .column-gap-xl-4 {
            -moz-column-gap: 1.5rem!important;
            column-gap: 1.5rem!important
        }

        .column-gap-xl-5 {
            -moz-column-gap: 3rem!important;
            column-gap: 3rem!important
        }

        .text-xl-start {
            text-align: left!important
        }

        .text-xl-end {
            text-align: right!important
        }

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

    @media (min-width: 1400px) {
        .float-xxl-start {
            float:left!important
        }

        .float-xxl-end {
            float: right!important
        }

        .float-xxl-none {
            float: none!important
        }

        .object-fit-xxl-contain {
            -o-object-fit: contain!important;
            object-fit: contain!important
        }

        .object-fit-xxl-cover {
            -o-object-fit: cover!important;
            object-fit: cover!important
        }

        .object-fit-xxl-fill {
            -o-object-fit: fill!important;
            object-fit: fill!important
        }

        .object-fit-xxl-scale {
            -o-object-fit: scale-down!important;
            object-fit: scale-down!important
        }

        .object-fit-xxl-none {
            -o-object-fit: none!important;
            object-fit: none!important
        }

        .d-xxl-inline {
            display: inline!important
        }

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

        .d-xxl-block {
            display: block!important
        }

        .d-xxl-grid {
            display: grid!important
        }

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

        .d-xxl-table {
            display: table!important
        }

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

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

        .d-xxl-flex {
            display: flex!important
        }

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

        .d-xxl-none {
            display: none!important
        }

        .flex-xxl-fill {
            flex: 1 1 auto!important
        }

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

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

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

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

        .flex-xxl-grow-0 {
            flex-grow: 0!important
        }

        .flex-xxl-grow-1 {
            flex-grow: 1!important
        }

        .flex-xxl-shrink-0 {
            flex-shrink: 0!important
        }

        .flex-xxl-shrink-1 {
            flex-shrink: 1!important
        }

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

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

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

        .justify-content-xxl-start {
            justify-content: flex-start!important
        }

        .justify-content-xxl-end {
            justify-content: flex-end!important
        }

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

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

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

        .justify-content-xxl-evenly {
            justify-content: space-evenly!important
        }

        .align-items-xxl-start {
            align-items: flex-start!important
        }

        .align-items-xxl-end {
            align-items: flex-end!important
        }

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

        .align-items-xxl-baseline {
            align-items: baseline!important
        }

        .align-items-xxl-stretch {
            align-items: stretch!important
        }

        .align-content-xxl-start {
            align-content: flex-start!important
        }

        .align-content-xxl-end {
            align-content: flex-end!important
        }

        .align-content-xxl-center {
            align-content: center!important
        }

        .align-content-xxl-between {
            align-content: space-between!important
        }

        .align-content-xxl-around {
            align-content: space-around!important
        }

        .align-content-xxl-stretch {
            align-content: stretch!important
        }

        .align-self-xxl-auto {
            align-self: auto!important
        }

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

        .align-self-xxl-end {
            align-self: flex-end!important
        }

        .align-self-xxl-center {
            align-self: center!important
        }

        .align-self-xxl-baseline {
            align-self: baseline!important
        }

        .align-self-xxl-stretch {
            align-self: stretch!important
        }

        .order-xxl-first {
            order: -1!important
        }

        .order-xxl-0 {
            order: 0!important
        }

        .order-xxl-1 {
            order: 1!important
        }

        .order-xxl-2 {
            order: 2!important
        }

        .order-xxl-3 {
            order: 3!important
        }

        .order-xxl-4 {
            order: 4!important
        }

        .order-xxl-5 {
            order: 5!important
        }

        .order-xxl-last {
            order: 6!important
        }

        .m-xxl-0 {
            margin: 0!important
        }

        .m-xxl-1 {
            margin: .25rem!important
        }

        .m-xxl-2 {
            margin: .5rem!important
        }

        .m-xxl-3 {
            margin: 1rem!important
        }

        .m-xxl-4 {
            margin: 1.5rem!important
        }

        .m-xxl-5 {
            margin: 3rem!important
        }

        .m-xxl-auto {
            margin: auto!important
        }

        .mx-xxl-0 {
            margin-right: 0!important;
            margin-left: 0!important
        }

        .mx-xxl-1 {
            margin-right: .25rem!important;
            margin-left: .25rem!important
        }

        .mx-xxl-2 {
            margin-right: .5rem!important;
            margin-left: .5rem!important
        }

        .mx-xxl-3 {
            margin-right: 1rem!important;
            margin-left: 1rem!important
        }

        .mx-xxl-4 {
            margin-right: 1.5rem!important;
            margin-left: 1.5rem!important
        }

        .mx-xxl-5 {
            margin-right: 3rem!important;
            margin-left: 3rem!important
        }

        .mx-xxl-auto {
            margin-right: auto!important;
            margin-left: auto!important
        }

        .my-xxl-0 {
            margin-top: 0!important;
            margin-bottom: 0!important
        }

        .my-xxl-1 {
            margin-top: .25rem!important;
            margin-bottom: .25rem!important
        }

        .my-xxl-2 {
            margin-top: .5rem!important;
            margin-bottom: .5rem!important
        }

        .my-xxl-3 {
            margin-top: 1rem!important;
            margin-bottom: 1rem!important
        }

        .my-xxl-4 {
            margin-top: 1.5rem!important;
            margin-bottom: 1.5rem!important
        }

        .my-xxl-5 {
            margin-top: 3rem!important;
            margin-bottom: 3rem!important
        }

        .my-xxl-auto {
            margin-top: auto!important;
            margin-bottom: auto!important
        }

        .mt-xxl-0 {
            margin-top: 0!important
        }

        .mt-xxl-1 {
            margin-top: .25rem!important
        }

        .mt-xxl-2 {
            margin-top: .5rem!important
        }

        .mt-xxl-3 {
            margin-top: 1rem!important
        }

        .mt-xxl-4 {
            margin-top: 1.5rem!important
        }

        .mt-xxl-5 {
            margin-top: 3rem!important
        }

        .mt-xxl-auto {
            margin-top: auto!important
        }

        .me-xxl-0 {
            margin-right: 0!important
        }

        .me-xxl-1 {
            margin-right: .25rem!important
        }

        .me-xxl-2 {
            margin-right: .5rem!important
        }

        .me-xxl-3 {
            margin-right: 1rem!important
        }

        .me-xxl-4 {
            margin-right: 1.5rem!important
        }

        .me-xxl-5 {
            margin-right: 3rem!important
        }

        .me-xxl-auto {
            margin-right: auto!important
        }

        .mb-xxl-0 {
            margin-bottom: 0!important
        }

        .mb-xxl-1 {
            margin-bottom: .25rem!important
        }

        .mb-xxl-2 {
            margin-bottom: .5rem!important
        }

        .mb-xxl-3 {
            margin-bottom: 1rem!important
        }

        .mb-xxl-4 {
            margin-bottom: 1.5rem!important
        }

        .mb-xxl-5 {
            margin-bottom: 3rem!important
        }

        .mb-xxl-auto {
            margin-bottom: auto!important
        }

        .ms-xxl-0 {
            margin-left: 0!important
        }

        .ms-xxl-1 {
            margin-left: .25rem!important
        }

        .ms-xxl-2 {
            margin-left: .5rem!important
        }

        .ms-xxl-3 {
            margin-left: 1rem!important
        }

        .ms-xxl-4 {
            margin-left: 1.5rem!important
        }

        .ms-xxl-5 {
            margin-left: 3rem!important
        }

        .ms-xxl-auto {
            margin-left: auto!important
        }

        .p-xxl-0 {
            padding: 0!important
        }

        .p-xxl-1 {
            padding: .25rem!important
        }

        .p-xxl-2 {
            padding: .5rem!important
        }

        .p-xxl-3 {
            padding: 1rem!important
        }

        .p-xxl-4 {
            padding: 1.5rem!important
        }

        .p-xxl-5 {
            padding: 3rem!important
        }

        .px-xxl-0 {
            padding-right: 0!important;
            padding-left: 0!important
        }

        .px-xxl-1 {
            padding-right: .25rem!important;
            padding-left: .25rem!important
        }

        .px-xxl-2 {
            padding-right: .5rem!important;
            padding-left: .5rem!important
        }

        .px-xxl-3 {
            padding-right: 1rem!important;
            padding-left: 1rem!important
        }

        .px-xxl-4 {
            padding-right: 1.5rem!important;
            padding-left: 1.5rem!important
        }

        .px-xxl-5 {
            padding-right: 3rem!important;
            padding-left: 3rem!important
        }

        .py-xxl-0 {
            padding-top: 0!important;
            padding-bottom: 0!important
        }

        .py-xxl-1 {
            padding-top: .25rem!important;
            padding-bottom: .25rem!important
        }

        .py-xxl-2 {
            padding-top: .5rem!important;
            padding-bottom: .5rem!important
        }

        .py-xxl-3 {
            padding-top: 1rem!important;
            padding-bottom: 1rem!important
        }

        .py-xxl-4 {
            padding-top: 1.5rem!important;
            padding-bottom: 1.5rem!important
        }

        .py-xxl-5 {
            padding-top: 3rem!important;
            padding-bottom: 3rem!important
        }

        .pt-xxl-0 {
            padding-top: 0!important
        }

        .pt-xxl-1 {
            padding-top: .25rem!important
        }

        .pt-xxl-2 {
            padding-top: .5rem!important
        }

        .pt-xxl-3 {
            padding-top: 1rem!important
        }

        .pt-xxl-4 {
            padding-top: 1.5rem!important
        }

        .pt-xxl-5 {
            padding-top: 3rem!important
        }

        .pe-xxl-0 {
            padding-right: 0!important
        }

        .pe-xxl-1 {
            padding-right: .25rem!important
        }

        .pe-xxl-2 {
            padding-right: .5rem!important
        }

        .pe-xxl-3 {
            padding-right: 1rem!important
        }

        .pe-xxl-4 {
            padding-right: 1.5rem!important
        }

        .pe-xxl-5 {
            padding-right: 3rem!important
        }

        .pb-xxl-0 {
            padding-bottom: 0!important
        }

        .pb-xxl-1 {
            padding-bottom: .25rem!important
        }

        .pb-xxl-2 {
            padding-bottom: .5rem!important
        }

        .pb-xxl-3 {
            padding-bottom: 1rem!important
        }

        .pb-xxl-4 {
            padding-bottom: 1.5rem!important
        }

        .pb-xxl-5 {
            padding-bottom: 3rem!important
        }

        .ps-xxl-0 {
            padding-left: 0!important
        }

        .ps-xxl-1 {
            padding-left: .25rem!important
        }

        .ps-xxl-2 {
            padding-left: .5rem!important
        }

        .ps-xxl-3 {
            padding-left: 1rem!important
        }

        .ps-xxl-4 {
            padding-left: 1.5rem!important
        }

        .ps-xxl-5 {
            padding-left: 3rem!important
        }

        .gap-xxl-0 {
            gap: 0!important
        }

        .gap-xxl-1 {
            gap: .25rem!important
        }

        .gap-xxl-2 {
            gap: .5rem!important
        }

        .gap-xxl-3 {
            gap: 1rem!important
        }

        .gap-xxl-4 {
            gap: 1.5rem!important
        }

        .gap-xxl-5 {
            gap: 3rem!important
        }

        .row-gap-xxl-0 {
            row-gap: 0!important
        }

        .row-gap-xxl-1 {
            row-gap: .25rem!important
        }

        .row-gap-xxl-2 {
            row-gap: .5rem!important
        }

        .row-gap-xxl-3 {
            row-gap: 1rem!important
        }

        .row-gap-xxl-4 {
            row-gap: 1.5rem!important
        }

        .row-gap-xxl-5 {
            row-gap: 3rem!important
        }

        .column-gap-xxl-0 {
            -moz-column-gap: 0!important;
            column-gap: 0!important
        }

        .column-gap-xxl-1 {
            -moz-column-gap: 0.25rem!important;
            column-gap: .25rem!important
        }

        .column-gap-xxl-2 {
            -moz-column-gap: 0.5rem!important;
            column-gap: .5rem!important
        }

        .column-gap-xxl-3 {
            -moz-column-gap: 1rem!important;
            column-gap: 1rem!important
        }

        .column-gap-xxl-4 {
            -moz-column-gap: 1.5rem!important;
            column-gap: 1.5rem!important
        }

        .column-gap-xxl-5 {
            -moz-column-gap: 3rem!important;
            column-gap: 3rem!important
        }

        .text-xxl-start {
            text-align: left!important
        }

        .text-xxl-end {
            text-align: right!important
        }

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

    @media (min-width: 1200px) {
        .fs-1 {
            font-size:2.5rem!important
        }

        .fs-2 {
            font-size: 2rem!important
        }

        .fs-3 {
            font-size: 1.75rem!important
        }

        .fs-4 {
            font-size: 1.5rem!important
        }
    }

    @media print {
        .d-print-inline {
            display: inline!important
        }

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

        .d-print-block {
            display: block!important
        }

        .d-print-grid {
            display: grid!important
        }

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

        .d-print-table {
            display: table!important
        }

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

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

        .d-print-flex {
            display: flex!important
        }

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

        .d-print-none {
            display: none!important
        }
    }

    /*# sourceMappingURL=bootstrap.min.css.map */

/* ===== style-03.css ===== */
* {
        outline: 0 !important
    }

    body {
        font-family: 'Satoshi',sans-serif;
        background: #FAFAFA;
        color: var(--neutral-900,#1A1A1A);
        overflow-x: hidden
    }

    a {
        text-decoration: none
    }

    .main-color {
        color: #457BFF
    }

    .secondary-color {
        color: #5A28FA
    }

    .body-color {
        color: var(--neutral-900,#1A1A1A) !important
    }

    .main-bg {
        background: #457BFF
    }

    .main-bg-subtle {
        background: #457BFF0A
    }

    .secondary-bg {
        background: #7C33FF
    }

    .secondary-bgs {
        background: #5A28FA
    }

    .flex-0 {
        flex: 0 0 auto
    }

    .flex-1 {
        flex: 1 1 auto
    }

    .shadow-main {
        box-shadow: 0px 0px 80px 0px rgb(80 157 253 / 16%) !important
    }

    .shadow-black {
        box-shadow: 0px 0px 80px 0px rgb(0 0 0 / 16%)
    }

    .shadow-black-half {
        box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 8%)
    }

    .uh_content {
        border-radius: 22px;
        background-color: white;
        padding: 20px;
        box-shadow: 0px 0px 80px 0px rgb(0 0 0 / 16%);
        width: 100%
    }

    .uh_content.flush {
        height: 100%;
        box-shadow: none;
        border: 1px solid rgb(0 0 0 / 8%);
        transition: all 0.2s
    }

    .uh_content.flush h4 {
        font-size: clamp(1.1875rem,0.6406rem + 1.75vw,1.625rem);
        font-size: clamp(1.125rem,0.6563rem + 1.5vw,1.5rem);
        font-weight: 700;
        line-height: 1.4
    }

    .uh_content.flush h4+div {
        line-height: 2;
        color: var(--Neutral-700,#4D4D4D)
    }

    .uh_content.flush:hover {
        background-color: rgba(var(--bs-body-color-rgb),0.02)
    }

    .grayscale {
        filter: grayscale(1)
    }

    .shadow-block {
        border: 1px solid rgb(0 0 0 / 8%);
        box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 2%);
        transition: all 0.2s;
        border-radius: 22px;
        background-color: white;
        padding: 20px;
        position: relative
    }

    .shadow-block:hover {
        box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 6%);
        transform: translatey(2px)
    }

    .ratio-1 {
        aspect-ratio: 1
    }

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

    .line-truncate {
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        white-space: normal;
        overflow: hidden
    }

    .mb-n3 {
        margin-bottom: -1rem !important
    }

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

    hr {
        opacity: 0.08
    }

    .fw-900 {
        font-weight: 900 !important
    }

    .jq-ry-container {
        position: relative;
        padding: 0 5px;
        line-height: 0;
        display: block;
        cursor: pointer;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        direction: ltr
    }

    .jq-ry-container[readonly="readonly"] {
        cursor: default
    }

    .jq-ry-container > .jq-ry-group-wrapper {
        position: relative;
        width: 100%
    }

    .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group {
        position: relative;
        line-height: 0;
        z-index: 10;
        white-space: nowrap
    }

    .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {
        display: inline-block
    }

    .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-normal-group {
        width: 100%
    }

    .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-rated-group {
        width: 0;
        z-index: 11;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden
    }

    .cookie-bar {
        position: fixed;
        bottom: 40px;
        left: 0;
        right: 0;
        z-index: 999;
        pointer-events: none;
        display: none;
        padding: 0 15px
    }

    .uh_cookie_bar {
        max-width: 1060px;
        margin: auto;
        padding: 12px;
        padding-inline-start:20px;pointer-events: auto;
        display: flex;
        align-items: center;
        gap: 16px;
        line-height: 2;
        border-radius: 16px;
        border: 2px solid rgba(230,230,230,0.50);
        background: #FFF;
        box-shadow: 0 0 120px 0 rgba(0,0,0,0.10)
    }

    .uh_cookie_bar > img {
        flex: 0 0 auto
    }

    .uh_cookie_bar .cookie-bar-info {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex: 1 1 auto;
        gap: 16px
    }

    .uh_cookie_bar .cookieText p {
        margin: 0
    }

    .uh_cookie_bar .cookieText p a {
        color: #5A28FA;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font
    }

    .uh_cookie_bar .cookie-bar-info-btns {
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        gap: 12px
    }

    .uh_cookie_bar .btn-violet {
        flex: 0 0 auto
    }

    .uh_cookie_bar .btn-outline {
        flex: 0 0 auto
    }

    #site-header {
        position: sticky;
        top: 0;
        z-index: 999
    }

    .offer_header {
        background: #5A28FA;
        position: relative;
        overflow: hidden
    }

    .offer_header_bg {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        white-space: nowrap;
        color: #fff;
        opacity: 0.1;
        font-size: 24px;
        font-weight: 700;
        letter-spacing: 4px
    }

    .offer_header .container {
        position: relative;
        text-align: center
    }

    .offer_header .offer_header_text {
        text-align: center;
        color: #fff;
        font-weight: 700;
        padding: 9px 120px;
        display: inline-block;
        background: #5A28FA;
        mask-image: linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent 100%)
    }

    .offer_header .offer_header_text .vr {
        width: 2px;
        vertical-align: middle;
        min-height: 18px;
        margin: -4px 12px 0
    }

    .offer_header .offer_header_text a {
        color: #fff
    }

    .offer_header .offer_header_text a svg {
        margin-top: -4px
    }

    .sub_header {
        background: #000;
        font-size: 14px;
        color: #FFFFFF;
        padding: 10px 0
    }

    .sub_header_innr {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 16px
    }

    .sub_header_innr .announcement-element p {
        margin: 0
    }

    .sub_header_right {
        display: flex;
        align-items: center;
        gap: 16px;
        flex-wrap: wrap
    }

    .sub_header_right > a {
        color: #FFFFFF
    }

    .sub_header_right > button {
        padding: 0;
        border: 0;
        background: transparent;
        color: #fff
    }

    .sub_header_right > button > span {
        color: var(--Neutral-400,#9D9D9D)
    }

    .sub_header_right .dropdown-menu {
        width: 100%;
        max-width: 815px;
        border: 0;
        box-shadow: 0px 0px 80px 0px rgb(0 0 0 / 24%);
        border-radius: 16px;
        padding: 0;
        margin-top: 10px !important;
        inset-inline-end: -100px !important
    }

    .sub_header_right .dropdown-menu:before {
        content: "";
        position: absolute;
        top: -22px;
        width: 28px;
        inset-inline-end: 90px;
        border: 14px solid transparent;
        border-bottom: 12px solid #fff
    }

    .sub_header_right .dropdown-menu > h3 {
        font-size: clamp(1.0625rem,0.8281rem + 0.75vw,1.25rem);
        font-weight: 700;
        margin: 0;
        padding: 24px
    }

    .sub_header_right .dropdown-menu .search {
        padding: 0 24px 24px;
        position: relative
    }

    .sub_header_right .dropdown-menu .search input {
        border-radius: 12px;
        height: 48px;
        padding-inline-start:37px}

    .sub_header_right .dropdown-menu .search .ico {
        position: absolute;
        margin: 17px;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.48426 11.9691C3.45066 11.9691 0.99979 9.51816 0.99979 6.48456C0.99979 3.45096 3.45066 1.00006 6.48426 1.00006C9.51787 1.00006 11.9688 3.45096 11.9688 6.48456C11.9688 9.51816 9.51787 11.9691 6.48426 11.9691Z' stroke='%23999999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M13 12.9972L11.2861 11.2833' stroke='%23999999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
        background-size: contain;
        background-repeat: no-repeat;
        pointer-events: none;
        width: 14px;
        height: 14px;
        display: inline-block
    }

    .sub_header_right .dropdown-menu > ul {
        max-height: 350px;
        overflow-y: auto;
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        gap: 22px;
        padding: 0 12px 24px;
        scrollbar-gutter: stable both-edges
    }

    .sub_header_right .dropdown-menu > ul li {
        width: calc(100% / 3 - 17px)
    }

    .sub_header_right .dropdown-menu > ul > li > span {
        cursor: pointer;
        display: flex;
        align-items: center;
        border-radius: 12px;
        font-weight: 700;
        padding: 12px;
        width: 100%;
        transition: all 0.2s
    }

    .sub_header_right .dropdown-menu > ul > li > span span {
        margin-inline-start:5px;font-weight: normal;
        color: var(--Neutral-400,#999999)
    }

    .sub_header_right .dropdown-menu > ul > li > span img {
        width: 20px;
        height: 20px
    }

    .sub_header_right .dropdown-menu > ul > li > span:hover {
        color: var(--primary-600,#457BFF);
        background: var(--Primary-50,#EDF2FF)
    }

    .sub_header_right .dropdown-menu > ul > li > span:hover span {
        color: var(--primary-600,#457BFF)
    }

    .navbar {
        border-bottom: 1px solid var(--Neutral-100,#E6E6E6);
        background: var(--Neutral-50,#FFFFFF);
        padding: 0;
        transition: all 0.2s
    }

    .navbar.glass:not(.scrolled) {
        background: #FAFAFA;
        border-color: transparent
    }

    .navbar .navbar-brand {
        padding: 0;
        margin: 0
    }

    .navbar .navbar-brand img {
        max-width: 144px;
        height: auto
    }

    .navbar .navbar-nav .nav-item {
        margin: 0 5px
    }

    .navbar .navbar-nav .nav-link {
        font-weight: 600;
        cursor: pointer;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        padding: 22px 5px;
        display: flex;
        align-items: center;
        gap: 2px;
        color: var(--Neutral-700,#4D4D4D)
    }

    .navbar .navbar-nav .nav-link svg {
        fill: currentColor;
        width: 18px;
        height: auto;
        transition: all 0.2s;
        flex: 0 0 auto
    }

    .navbar .navbar-nav .nav-item:hover .nav-link {
        border-bottom-color: #457BFF;
        color: #457BFF
    }

    .navbar .navbar-nav .nav-item:hover .nav-link svg {
        transform: rotate(180deg)
    }

    .navbar .navbar-nav .nav-item > .dropdown-menu {
        border: 0;
        border-top: 1px solid var(--Neutral-100,#E6E6E6)
    }

    @media (min-width: 992px) {
        .navbar .navbar-nav .nav-item:hover .dropdown-menu:not(.dropdown-disabled) {
            display:block
        }

        .navbar .navbar-nav .nav-item > .dropdown-menu {
            position: fixed;
            left: 0;
            right: 0;
            top: auto;
            border: 0;
            border-radius: 0;
            padding: 0 !important;
            pointer-events: none;
            height: 100%;
            background: rgb(0 0 0 / 40%)
        }

        .navbar .navbar-nav .nav-item > .dropdown-menu:before {
            content: '';
            background: var(--Neutral-100,#E6E6E6);
            height: 1px;
            position: absolute;
            top: 0;
            left: 0;
            right: 0
        }

        .uh_full_menu_innr {
            background: #fff;
            padding: 45px;
            pointer-events: auto
        }

        .navbar .navbar-nav .nav-item:hover .dropdown-menu:not(.dropdown-disabled) .uh_full_menu_innr {
            display: block !important
        }
    }

    @media (min-width: 1200px) {
        .uh_full_menu_innr {
            max-height:calc(100vh - 160px);
            overflow-y: auto
        }
    }

    .uh_full_menu_innr .dropdown-item {
        padding: 0;
        display: flex;
        align-items: flex-start;
        gap: 12px;
        background: transparent;
        color: var(--bs-body-color);
        white-space: normal;
        transition: all 0.2s;
        border-radius: 16px;
        padding: 20px
    }

    .uh_full_menu_innr h5 {
        color: rgba(var(--bs-body-color-rgb),0.50);
        font-weight: 700;
        font-size: clamp(0.9375rem,0.8594rem + 0.25vw,1rem);
        padding: 0 20px 10px
    }

    .uh_full_menu_innr .ask_ultaai,.uh_full_menu_innr .uh_badge {
        font-size: 12px;
        margin: -4.5px 0;
        border-radius: 2em;
        padding: 4.5px 10px;
        font-weight: 500;
        flex: 0 0 auto;
        padding: 3px 9px
    }

    .uh_full_menu_innr .ask_ultaai img,.uh_full_menu_innr .uh_badge img {
        width: 10px
    }

    .uh_full_menu_innr .ask_ultaai:before {
        content: '';
        background-image: url('/themes/default/images/home/svg/ultaai.svg');
        background-size: contain;
        background-repeat: no-repeat;
        width: 10px;
        height: 10px;
        display: inline-block
    }

    .uh_full_menu_innr .uh_badge.danger {
        background: #5A28FA;
        color: #fff;
        font-weight: 700;
        border: 0
    }

    .uh_full_menu_innr .uh_badge.danger svg {
        margin-top: -1px
    }

    .uh_full_menu_innr .dropdown-item > span {
        flex: 0 0 auto;
        width: 40px;
        height: 40px;
        background-size: contain;
        background-repeat: no-repeat
    }

    .uh_full_menu_innr img.night {
        display: none
    }

    .domain-ico {
        background-image: url('/themes/default/images/header/domain-2x.webp')
    }

    .transfer-ico {
        background-image: url('/themes/default/images/header/transfer-2x.webp')
    }

    .ssl-ico {
        background-image: url('/themes/default/images/header/ssl-2x.webp')
    }

    .ai-domain-ico {
        background-image: url('/themes/default/images/header/ai-domain.svg')
    }

    .whois-ico {
        background-image: url('/themes/default/images/header/whois.svg')
    }

    .domain-ssl-ico {
        background-image: url('/themes/default/images/header/domain-ssl.svg')
    }

    .domain-dns-ico {
        background-image: url('/themes/default/images/header/domain-dns.svg')
    }

    .shared-ico {
        background-image: url('/themes/default/images/header/shared-2x.webp')
    }

    .vps-ico {
        background-image: url('/themes/default/images/header/vps-2x.webp')
    }

    .vds-ico {
        background-image: url('/themes/default/images/header/vds-2x.webp')
    }

    .dedicated-ico {
        background-image: url('/themes/default/images/header/dedicated-2x.webp')
    }

    .wordpress-ico {
        background-image: url('/themes/default/images/header/wordpress-2x.webp')
    }

    .uptime-ico {
        background-image: url('/themes/default/images/header/uptime.svg')
    }

    .email-ico {
        background-image: url('/themes/default/images/header/email.svg')
    }

    .windows-ico {
        background-image: url('/themes/default/images/header/windows.svg')
    }

    .apple-ico {
        background-image: url('/themes/default/images/header/apple.svg')
    }

    .gaming-ico {
        background-image: url('/themes/default/images/header/gaming.svg')
    }

    .android-ico {
        background-image: url('/themes/default/images/header/android.svg')
    }

    .reseller-ico {
        background-image: url('/themes/default/images/header/reseller.svg')
    }

    .radio-ico {
        background-image: url('/themes/default/images/header/radio.svg')
    }

    .crm-ico {
        background-image: url('/themes/default/images/header/crm-2x.webp')
    }

    .ecommerce-ico {
        background-image: url('/themes/default/images/header/ecommerce-2x.webp')
    }

    .n8n-ico {
        background-image: url('/themes/default/images/header/n8n-2x.webp')
    }

    .social-network-ico {
        background-image: url('/themes/default/images/header/social-network-2x.webp')
    }

    .envato-ico {
        background-image: url('/themes/default/images/header/envato-2x.webp')
    }

    .forex-ico {
        background-image: url('/themes/default/images/header/forex-2x.webp')
    }

    .knowledge-ico {
        background-image: url('/themes/default/images/header/knowledge.svg')
    }

    .blog-ico {
        background-image: url('/themes/default/images/header/blog.svg')
    }

    .faq-ico {
        background-image: url('/themes/default/images/header/faq.svg')
    }

    .contact-ico {
        background-image: url('/themes/default/images/header/contact.svg')
    }

    .chat-ico {
        background-image: url('/themes/default/images/header/chat.svg')
    }

    .ticket-ico {
        background-image: url('/themes/default/images/header/ticket.svg')
    }

    .uh-violet-ico {
        background-image: url('/themes/default/images/header/uh-violet.svg')
    }

    .uh-blue-ico {
        background-image: url('/themes/default/images/header/uh-blue.svg')
    }

    .hdr-ai-ico {
        background-image: url('/themes/default/images/home/svg/ultaai.svg');
        width: 20px;
        height: 20px;
        background-size: contain;
        background-repeat: no-repeat;
        display: inline-block;
        vertical-align: middle
    }

    .uh_full_menu_innr .dropdown-item:hover {
        background: rgb(0 0 0 / 3%)
    }

    .uh_full_menu_innr .dropdown-item h6 {
        font-size: clamp(0.9375rem,0.8594rem + 0.25vw,1rem);
        font-weight: 700;
        margin: 0 0 3px
    }

    .uh_full_menu_innr .dropdown-item p {
        font-size: clamp(0.8125rem,0.7344rem + 0.25vw,0.875rem);
        margin: 0;
        opacity: 0.7
    }

    .uh_full_menu_innr .dropdown-item.chat,.uh_full_menu_innr .dropdown-item.ticket {
        padding: 24px;
        border-radius: 16px
    }

    .uh_full_menu_innr .dropdown-item.chat {
        background: rgb(90 40 250 / 6%)
    }

    .uh_full_menu_innr .dropdown-item.ticket {
        background: rgb(69 123 255 / 6%)
    }

    .uh_hdr_ai_btn {
        position: relative;
        background: white;
        overflow: hidden;
        z-index: 1;
        border: 1px solid transparent;
        background-image: linear-gradient(white,white),linear-gradient(to right,#E6E6E6 0%,#E6E6E6 100%);
        background-origin: border-box;
        background-clip: padding-box,border-box;
        background-size: 250% auto;
        background-position: -150% center;
        transition: background-position 0s
    }

    .uh_hdr_ai_btn span {
        color: #212529
    }

    .uh_hdr_ai_btn.animate {
        background-image: linear-gradient(white,white),linear-gradient(to right,#E6E6E6 0%,#E6E6E6 40%,#5a28fa 50%,#E6E6E6 60%,#E6E6E6 100%);
        animation: shineMove 5s linear 1 forwards
    }

    .uh_hdr_ai_btn.animate span {
        background: linear-gradient(to right,#212529 0%,#212529 40%,#5a28fa 50%,#212529 60%,#212529 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-size: 250% auto;
        background-position: -150% center;
        animation: shineMove 5s linear 1 forwards
    }

    @keyframes shineMove {
        0% {
            background-position: 150% center
        }

        100% {
            background-position: -50% center
        }
    }

    .uh_hdr_ai_btn dotlottie-player {
        width: 20px;
        height: 20px;
        display: inline-block;
        vertical-align: middle;
        margin-top: -2px
    }

    .uh_hdr_ai_btn:hover {
        background: #fff;
        color: var(--secondary-600,#5A28FA);
        border-color: var(--secondary-600,#5A28FA)
    }

    .popover-container {
        position: relative;
        display: inline-block
    }

    .popover-content {
        position: absolute;
        top: 120%;
        inset-inline-start: 50%;
        transform: translateX(-50%) scale(0.95);
        z-index: 10;
        padding: 20px;
        border-radius: 12px;
        width: 320px;
        border: 1px solid var(--Neutral-100,#E6E6E6);
        box-shadow: 0px 8px 80px 0px rgb(0 0 0 / 16%);
        background: linear-gradient(130deg,#E3EEFF 0%,#fff 40%,#fff 70%,#E8E1FF 110%);
        transition: opacity 0.25s ease,transform 0.25s ease;
        opacity: 0;
        pointer-events: none
    }

    .popover-content:before {
        content: "";
        position: absolute;
        top: -22px;
        width: 28px;
        inset-inline-start: 50%;
        transform: translateX(-50%);
        border: 14px solid transparent;
        border-bottom: 12px solid #fff
    }

    .popover-content.show {
        opacity: 1;
        transform: translateX(-50%) scale(1);
        pointer-events: auto
    }

    .hidden {
        display: none
    }

    .popover-content .title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20px
    }

    .popover-content .title p {
        display: flex;
        align-items: center;
        gap: 4px
    }

    .popover-content .title p span:not(.uh_badge) {
        font-size: clamp(1rem,0.8438rem + 0.5vw,1.125rem);
        font-weight: 700;
        background: -webkit-linear-gradient(45deg,#55A0FD,#774BFB);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .popover-content .title p dotlottie-player {
        width: 22px;
        height: 22px;
        display: inline-block;
        vertical-align: middle;
        margin-top: -2px
    }

    .popover-content .title p .uh_badge {
        font-size: 12px;
        font-weight: 700;
        padding: 0px 10px;
        margin-inline-start:8px}

    .popover-content .title .btn {
        border-radius: 8px;
        padding: 7px;
        line-height: 1;
        display: flex
    }

    .popover-content .title .btn:not(:hover) {
        background: transparent
    }

    .popover-content .title .btn svg {
        margin: 0
    }

    .popover-content h6 {
        font-weight: 700
    }

    .popover-content p {
        margin: 0;
        line-height: 1.8;
        font-size: 12px
    }

    #bar_loading {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        width: 100% !important;
        background: rgba(255,255,255,.45);
        z-index: 9999;
        display: none
    }

    #bar_loading:before {
        display: block;
        position: absolute;
        content: "";
        inset-inline-start: -200px;
        width: 200px;
        height: 2px;
        animation: 1.5s linear infinite head_loading;
        background-color: #fff
    }

    @keyframes load-expand {
        0% {
            width: 0%;
            opacity: 1
        }

        50% {
            width: 80%;
            opacity: 0.8
        }

        100% {
            width: 100%;
            opacity: 0
        }
    }

    @keyframes head_loading {
        from {
            inset-inline-start: -200px;
            width: 30%
        }

        50% {
            width: 30%
        }

        70% {
            width: 70%
        }

        80% {
            inset-inline-start: 50%
        }

        95% {
            inset-inline-start: 120%
        }

        to {
            inset-inline-start: 100%
        }
    }

    .section_hero {
        position: relative
    }

    .section_hero:before {
        content: '';
        background-image: url('/themes/default/images/domain/header/left-star.svg');
        background-size: contain;
        background-repeat: no-repeat;
        pointer-events: none;
        position: absolute;
        inset-inline-start: 0;
        top: -100px;
        width: 100%;
        max-width: 600px;
        height: 1272px
    }

    .section_hero:after {
        content: '';
        background-image: url('/themes/default/images/domain/header/right-star.svg');
        background-size: contain;
        background-repeat: no-repeat;
        pointer-events: none;
        position: absolute;
        inset-inline-end: 0;
        top: -100px;
        width: 100%;
        max-width: 706px;
        height: 1413px
    }

    .section_hero.big:before {
        background-image: url('/themes/default/images/new/domain-ai-left-star.svg')
    }

    .section_hero.big:after {
        background-image: url('/themes/default/images/new/domain-ai-right-star.svg')
    }

    .section_hero.affiliate:before,.section_hero.contact:before,body.srch_clickd .section_hero:before,body.srch_clickd .section_hero:after {
        display: none
    }

    .section_hero.career:before {
        background-image: url('/themes/default/images/new/career-left-star.svg')
    }

    .section_hero.career:after {
        background-image: url('/themes/default/images/new/pay-methods-right-star.svg')
    }

    .section_hero.pay:before {
        background-image: url('/themes/default/images/new/pay-methods-left-star.svg')
    }

    .section_hero.pay:after {
        background-image: url('/themes/default/images/new/pay-methods-right-star.svg')
    }

    .section_hero > .position-relative {
        z-index: 1
    }

    .section_hero .blue_ribbon:before {
        content: '';
        background-image: url('/themes/default/images/home/svg/tag-blue.svg');
        background-size: contain;
        background-repeat: no-repeat;
        width: 14px;
        height: 14px;
        display: inline-block;
        margin-inline-end:2px}

    .section_hero.contact .blue_ribbon:before {
        background-image: url('/themes/default/images/new/contact-headphone.svg');
        width: 16px;
        height: 16px
    }

    .hero_heading {
        font-size: clamp(1.75rem,-0.4375rem + 7vw,3.5rem);
        font-size: clamp(1.75rem,0.1875rem + 5vw,3rem);
        font-weight: 700;
        margin-bottom: 15px;
        line-height: 1.3
    }

    .hero_heading.big {
        font-size: clamp(1.75rem,-0.4375rem + 7vw,3.5rem);
        letter-spacing: -0.96px
    }

    .hero_subheading {
        line-height: 2;
        color: var(--Neutral-700,#4D4D4D)
    }

    .hero_points {
        margin-top: 12px;
        color: var(--Neutral-700,#4D4D4D);
        position: relative;
        padding-inline-start:28px}

    .hero_points:before {
        content: '';
        background-image: url('/themes/default/images/home/svg/check.svg');
        background-size: contain;
        background-repeat: no-repeat;
        width: 20px;
        height: 20px;
        display: inline-block;
        position: absolute;
        top: 2px;
        inset-inline-start: 0
    }

    .section_hero.affiliate .hero_points:before,.hero_points.vio:before,.section_hero.pay .hero_points:before {
        background-image: url('/themes/default/images/affiliates/check.svg')
    }

    .hero_points .uh_badge {
        font-size: 12px;
        padding: 0px 7px
    }

    .hero_price {
        font-weight: 700;
        font-size: clamp(1.375rem,0.4375rem + 3vw,2.125rem);
        font-size: clamp(1.375rem,0.5938rem + 2.5vw,2rem)
    }

    .home_hero_price .uh_badge.success:before {
        content: '';
        background-image: url('/themes/default/images/domain/svg/sale.svg');
        background-size: contain;
        background-repeat: no-repeat;
        width: 12px;
        height: 12px;
        display: inline-block;
        margin-top: -2px
    }

    .hero_reviews {
        max-width: 410px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 64px
    }

    .hero_reviews .item {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: 0 20px;
        max-width: 136px;
        text-align: center
    }

    .hero_reviews .item > img.img-fluid {
        position: absolute;
        top: 0
    }

    .hero_reviews .item h6 {
        font-weight: 700;
        margin: 4px 0;
        color: var(--Neutral-900,#000)
    }

    .hero_reviews .item p {
        margin: 0;
        font-size: 14px;
        color: var(--Neutral-600,#555)
    }

    .btn-main+.mobi_w-100 > h6.flex-center.gap-2.fw-bold {
        margin: 0;
        line-height: 2
    }

    .btn-main+.mobi_w-100 > h6.flex-center.gap-2.fw-bold:before {
        content: '';
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.11917 1.55085L3.20833 2.64751C2.5375 2.89835 1.98917 3.69168 1.98917 4.40335V8.73751C1.98917 9.42585 2.44417 10.33 2.99833 10.7442L5.50667 12.6167C6.32917 13.235 7.6825 13.235 8.505 12.6167L11.0133 10.7442C11.5675 10.33 12.0225 9.42585 12.0225 8.73751V4.40335C12.0225 3.68585 11.4742 2.89251 10.8033 2.64168L7.8925 1.55085C7.39667 1.37001 6.60333 1.37001 6.11917 1.55085Z' stroke='%231A1A1A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3c/path%3e%3cpath d='M5.27916 7.17415L6.21833 8.11331L8.72666 5.60498' stroke='%231A1A1A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3c/path%3e%3c/svg%3e");
        background-size: contain;
        background-repeat: no-repeat;
        width: 15px;
        height: 15px;
        display: inline-block
    }

    .btn-main+.mobi_w-100 > h6.flex-center.gap-2.fw-bold+div.small {
        line-height: 2;
        color: var(--Neutral-700,#4D4D4D)
    }

    .section_main {
        padding: 60px 10px;
        overflow: hidden
    }

    .section_main > .uh_hero_dots {
        opacity: 0.6
    }

    .section_main_half {
        padding-top: 30px
    }

    .section_heading {
        text-align: center;
        max-width: 835px;
        margin: 0 auto 56px
    }

    .section_title {
        font-size: clamp(1.5rem,0.0938rem + 4.5vw,2.625rem);
        font-size: clamp(1.5rem,-0.375rem + 6vw,3rem);
        font-size: clamp(1.5rem,-0.0625rem + 5vw,2.75rem);
        font-weight: 700;
        margin-bottom: 12px;
        line-height: 1.4
    }

    .section_subtitle {
        font-size: clamp(0.9375rem,0.7031rem + 0.75vw,1.125rem);
        font-size: clamp(0.9375rem,0.8594rem + 0.25vw,1rem);
        line-height: 2;
        opacity: .8
    }

    .text-white .section_subtitle {
        opacity: 1
    }

    .blue_ribbon {
        font-size: clamp(0.875rem,0.7188rem + 0.5vw,1rem);
        margin-bottom: 16px;
        color: #457BFF;
        padding: 7px 1rem;
        background: linear-gradient(126deg,#E3EBFF 0%,#FAFBFF 20%,#FAFBFF 80%,#E1EAFF 100%);
        border-radius: 21px;
        display: inline-flex;
        align-items: center;
        gap: 4px;
        line-height: 1.6
    }

    .blue_ribbon > img {
        margin-inline-end:2px;min-height: 12px
    }

    .blue_ribbon > img:not(.auto) {
        max-height: 14px;
        width: auto
    }

    .violet_ribbon,.gray_ribbon {
        font-size: clamp(0.875rem,0.7188rem + 0.5vw,1rem);
        margin-bottom: 12px;
        color: #5A28FA;
        padding: .5rem 1rem;
        background: linear-gradient(126deg,#e6defe 0%,#f9f7ff 20%,#f9f7ff 80%,#e4daff 100%);
        border-radius: 21px;
        display: inline-flex;
        align-items: center;
        gap: 4px
    }

    .violet_ribbon.heading,.gray_ribbon {
        font-weight: 700;
        text-transform: uppercase;
        border: 1px solid var(--Secondary-50,#EFEAFF);
        font-size: 14px
    }

    .violet_ribbon > img,.gray_ribbon > img {
        margin-inline-end:4px}

    .white_ribbon {
        margin-bottom: 12px;
        color: #ffffff;
        padding: .5rem 1rem;
        background: linear-gradient(126deg,rgb(255 255 255 / 29%) 0%,rgb(255 255 255 / 9%) 20%,rgb(255 255 255 / 9%) 80%,rgb(255 255 255 / 29%) 100%);
        border-radius: 21px;
        display: inline-flex;
        align-items: center;
        gap: 4px;
        font-weight: 700;
        text-transform: uppercase;
        border: 1px solid rgb(90 40 250 / 16%);
        font-size: 14px
    }

    .gray_ribbon {
        border: 1px solid var(--Neutral-100,#E6E6E6);
        color: var(--neutral-900,#1A1A1A);
        background: linear-gradient(126deg,#E7E7E7 0%,#F3F3F3,#E7E7E7 100%)
    }

    .section_hostadvice {
        padding: 15px 10px;
        background: linear-gradient(90deg,rgba(229,221,255,0) 0%,rgba(229,221,255,0.437255) 40%,rgba(229,221,255,0.5) 60%,rgba(229,221,255,0) 100%);
        overflow: hidden
    }

    .uh_badge {
        border: 1px solid rgb(0 0 0 / 4%);
        border-radius: 2em;
        font-size: 14px;
        padding: 5.5px 12px
    }

    .uh_badge.warning {
        background: #FFD693
    }

    .uh_badge.success {
        background: rgb(139 195 74 / 20%);
        color: #488010
    }

    .uh_badge.main {
        background: #E4ECFF;
        color: #457BFF
    }

    .uh_badge.violet {
        background: #EFEAFF;
        color: #5A28FA
    }

    .uh_badge.danger {
        background: #FFE9DC;
        color: #F67A3C
    }

    .uh_badge.red {
        background: #FFE5E6;
        color: #FF4548
    }

    .uh_badge.black {
        background: #101010;
        color: #fff
    }

    .uh_badge.default {
        background: rgb(0 0 0 / 4%)
    }

    .uh_badge > img {
        margin-top: -2px
    }

    .btn {
        padding: 0 16px;
        line-height: 44px;
        border-radius: 12px;
        font-size: 16px;
        font-weight: 700;
        box-shadow: none;
        transition: all 0.2s;
        --bs-btn-disabled-opacity: 0.4
    }

    .btn.btn-lg {
        line-height: 64px;
        font-size: 18px;
        padding: 0 40px;
        border-radius: 16px
    }

    .btn.btn-md {
        line-height: 58px;
        font-size: 18px;
        padding: 0 40px;
        border-radius: 16px
    }

    .btn > img,.btn > svg,.btn > .arrow_end {
        margin-top: -2px
    }

    .btn.btn-lg > img,.btn.btn-md > img {
        margin-inline-end:5px}

    .btn-main-outline {
        border-color: #457BFF !important;
        color: #457BFF !important
    }

    .btn-violet-outline {
        border-color: #7C33FF !important;
        color: #7C33FF !important
    }

    .btn-main,.btn-main:hover,.btn-main:focus,.btn-main-outline:hover,.btn-main-outline:focus {
        background: #457BFF !important;
        border-color: #457BFF !important;
        color: #fff !important
    }

    .btn-main:hover,.btn-yellow:hover,.btn-glass:hover,.btn-outline-round:hover,.btn-sun:hover,.btn-violet:hover {
        opacity: 0.9
    }

    .btn-outline {
        background: #fff;
        border-color: #E6E6E6
    }

    .btn-outline:hover {
        background: #EEEEEE
    }

    .btn-outline-round,.btn-outline-round:hover,.btn-outline-round:focus {
        background: #fff;
        border-radius: 2em;
        border: 1px solid #10101029
    }

    .btn-outline-round.btn-lg,.btn-outline-round.btn-md {
        border-radius: 2em
    }

    .btn-yellow {
        background: linear-gradient(180deg,#FBD801 0%,#DABC00 100%);
        color: #222 !important
    }

    .btn-sun,.btn-sun:hover,.btn-sun:focus {
        background: #FBD801;
        color: #222 !important
    }

    .btn-glass,.btn-glass:hover,.btn-glass:focus {
        background: rgb(255 255 255 / 24%) !important;
        border-color: rgb(255 255 255 / 16%) !important
    }

    .btn-violet,.btn-violet:hover,.btn-violet:focus,.btn-violet-outline:hover,.btn-violet-outline:focus {
        background: #7C33FF !important;
        border-color: #7C33FF !important;
        color: #fff !important
    }

    .btn .arrow_end {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.45496 10.92L7.71496 7.66C8.09996 7.275 8.09996 6.645 7.71496 6.26L4.45496 3' stroke='%23fff' stroke-width='2.2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
        background-size: contain;
        background-repeat: no-repeat;
        width: 13px;
        height: 13px;
        display: inline-block
    }

    .btn-sun .arrow_end {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.45496 10.92L7.71496 7.66C8.09996 7.275 8.09996 6.645 7.71496 6.26L4.45496 3' stroke='%23222' stroke-width='2.2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e")
    }

    .accordion {
        --bs-accordion-border-color: rgb(0 0 0 / 8%);
        --bs-accordion-border-radius: 22px;
        --bs-accordion-inner-border-radius: calc(22px - 1px)
    }

    .accordion-button {
        font-size: clamp(0.9375rem,0.7031rem + 0.75vw,1.125rem);
        font-weight: 500;
        padding: 24px;
        gap: 16px;
        box-shadow: none !important
    }

    .modal-content {
        border: 0;
        border-radius: 26px
    }

    .modal.new .modal-header {
        padding: 32px;
        border: 0
    }

    .modal.new .modal-header .modal-title {
        font-size: clamp(1.5rem,0.875rem + 2vw,2rem);
        font-weight: 700
    }

    .modal.new .modal-body {
        padding: 0 32px 32px
    }

    .modal.new .modal-footer {
        padding: 0 32px 32px;
        border: 0;
        gap: 15px
    }

    .modal.new .modal-footer .btn {
        margin: 0;
        line-height: 48px;
        padding: 0 26px
    }

    .modal.new .modal-footer .btn.main {
        color: #457BFF;
        padding: 0 16px
    }

    .uh_tabs {
        display: inline-flex;
        margin: 0 0 40px;
        border: 1px solid var(--Neutral-100,#E6E6E6);
        border-radius: 2em;
        padding: 5px;
        white-space: nowrap;
        overflow-x: auto;
        flex-wrap: nowrap;
        max-width: 100%
    }

    .uh_tabs .nav-item {
        margin: 3px
    }

    .uh_tabs .nav-item .nav-link {
        margin: 0;
        border: 0;
        border-radius: 2em;
        font-weight: 700;
        color: rgba(var(--bs-body-color-rgb));
        padding: 10px 18px
    }

    .uh_tabs .nav-item .nav-link:hover {
        background-color: rgba(var(--bs-body-color-rgb),0.10)
    }

    .uh_tabs .nav-item .nav-link.active {
        background: var(--primary-600,#457BFF);
        color: #fff
    }

    .form-control,.form-select {
        border-radius: 16px;
        border: 1px solid rgb(0 0 0 / 8%)
    }

    .form-control:focus,.form-select:focus {
        border-color: #457BFF;
        box-shadow: 0 0 0 1px #457BFF
    }

    .form-floating>label {
        color: #000;
        padding: 1rem
    }

    .form-floating>.form-control,.form-floating>.form-control-plaintext {
        padding: 1rem
    }

    .form-field .form-label {
        font-weight: 500
    }

    .form-field .form-control,.form-field .form-select {
        padding: 0.938rem 1rem;
        resize: none
    }

    .form-control::placeholder {
        color: currentColor;
        opacity: 0.5
    }

    .form-text {
        color: var(--Neutral-400,#999)
    }

    .uh_breads_section {
        padding: 0 10px
    }

    .uh_breads_section:has(.breadcrumb-item) {
        display: none !important
    }

    .uh_breads {
        margin: 0;
        font-size: 14px;
        font-weight: 700;
        line-height: 2;
        padding: 12px 0
    }

    .uh_breads .breadcrumb-item {
        color: var(--Neutral-400,#999999);
        padding: 0;
        display: flex;
        align-items: center
    }

    .uh_breads .breadcrumb-item+.breadcrumb-item:before {
        content: '';
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4 8L6.7559 5.5303C7.08137 5.23864 7.08137 4.76136 6.7559 4.4697L4 2' stroke='%231A1A1A' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
        float: none;
        padding: 0;
        margin: 0 8px;
        width: 10px;
        height: 10px;
        flex: 0 0 auto;
        background-repeat: no-repeat
    }

    .uh_breads .breadcrumb-item a {
        color: var(--Neutral-400,#999999);
        transition: all 0.2s
    }

    .uh_breads .breadcrumb-item a:hover,.uh_breads .breadcrumb-item.active {
        color: var(--neutral-900,#1A1A1A)
    }

    .uh_socia_icons {
        display: flex;
        align-items: center;
        gap: 12px
    }

    .uh_socia_icons a {
        width: 32px;
        height: 32px;
        color: #101010;
        border: 1px solid;
        transition: all 0.2s;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%
    }

    .uh_socia_icons a:hover {
        background: #101010;
        color: #fff
    }

    .uh_socia_icons a span {
        display: inline-block;
        vertical-align: middle;
        background-size: contain;
        background-repeat: no-repeat;
        width: 15px;
        height: 14px
    }

    .uh_socia_icons a:hover span {
        filter: invert(1)
    }

    .uh_socia_icons .fb {
        background-image: url('/themes/default/images/footer/facebook.svg');
        width: 8px
    }

    .uh_socia_icons .x {
        background-image: url('/themes/default/images/footer/twitter.svg')
    }

    .uh_socia_icons .insta {
        background-image: url('/themes/default/images/footer/instagram.svg')
    }

    .uh_socia_icons .linkedin {
        background-image: url('/themes/default/images/footer/linkedin.svg')
    }

    .foot_hover_links ul {
        padding: 0;
        margin-bottom: 50px;
        list-style: none
    }

    .foot_hover_links ul h3 {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 16px
    }

    .foot_hover_links ul div {
        margin-top: 12px
    }

    .foot_hover_links .ask_ultaai {
        font-size: 13px;
        margin: -4.5px 0;
        border-radius: 2em;
        padding: 4.5px 10px;
        font-weight: 500;
        flex: 0 0 auto
    }

    .foot_hover_links .ask_ultaai:before {
        content: '';
        background-image: url('/themes/default/images/home/svg/ultaai.svg');
        background-size: contain;
        background-repeat: no-repeat;
        width: 16px;
        height: 16px;
        display: inline-block
    }

    .foot_hover_links div a {
        color: rgba(var(--bs-body-color-rgb));
        opacity: 0.75;
        transition: all 0.2s;
        font-size: 15px
    }

    .foot_hover_links div a:hover {
        opacity: 1
    }

    .foot_hover_links .bg-sun {
        font-size: 13px;
        margin: -4.5px 0;
        border-radius: 2em;
        padding: 4.5px 10px;
        font-weight: 500;
        flex: 0 0 auto
    }

    .terms_links {
        display: flex;
        align-items: center;
        gap: 48px;
        flex-wrap: wrap;
        padding: 48px 0
    }

    .foot_bottom {
        display: flex;
        align-items: center;
        gap: 16px;
        flex-wrap: wrap;
        padding: 48px 0;
        justify-content: space-between
    }

    .foot_bottom .copyright {
        opacity: 0.75;
        flex: 0 0 auto;
        font-size: 15px
    }

    .pay_icons {
        display: flex;
        align-items: center;
        gap: .5rem;
        flex-wrap: wrap
    }

    .pay_icons span {
        width: 48px;
        height: 32px;
        background-size: contain;
        background-repeat: no-repeat
    }

    .paypal-ico {
        background-image: url('/themes/default/images/logos/payment/paypal.svg')
    }

    .mastercard-ico {
        background-image: url('/themes/default/images/logos/payment/mastercard.svg')
    }

    .visa-ico {
        background-image: url('/themes/default/images/logos/payment/visa.svg')
    }

    .americanexpress-ico {
        background-image: url('/themes/default/images/logos/payment/americanexpress.svg')
    }

    .discover-ico {
        background-image: url('/themes/default/images/logos/payment/discover.svg')
    }

    .jcb-ico {
        background-image: url('/themes/default/images/logos/payment/jcb.svg')
    }

    .bitcoin-ico {
        background-image: url('/themes/default/images/logos/payment/paypal.svg')
    }

    .bottomToTop {
        position: fixed;
        bottom: 135px;
        inset-inline-end: 31px;
        width: 50px;
        height: 50px;
        text-align: center;
        padding: 0;
        border-radius: 50%;
        z-index: 99999;
        display: none;
        line-height: 45px;
        transition: all 0.3s;
        border: 1px solid rgb(0 0 0 / 8%);
        box-shadow: 0 2px 10px rgb(0 0 0 / 10%)
    }

    .bottomToTop:hover {
        box-shadow: 0 2px 20px rgb(0 0 0 / 10%);
        transform: translateY(-5px)
    }

    .bottomToTop span {
        width: 24px;
        height: 24px;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.66681 12.5275L8.66681 5.08088L11.9201 8.33421C12.1801 8.59421 12.6068 8.59421 12.8668 8.33421C13.1268 8.07421 13.1268 7.65421 12.8668 7.39421L8.47348 3.00088C8.21348 2.74088 7.79348 2.74088 7.53348 3.00088L3.13348 7.38755C2.87348 7.64755 2.87348 8.06755 3.13348 8.32755C3.39348 8.58755 3.81348 8.58755 4.07348 8.32755L7.33348 5.08088L7.33348 12.5275C7.33348 12.8942 7.63348 13.1942 8.00014 13.1942C8.36681 13.1942 8.66681 12.8942 8.66681 12.5275Z' fill='%231A1A1A'%3e%3c/path%3e%3c/svg%3e");
        background-size: contain;
        background-repeat: no-repeat;
        display: inline-block;
        vertical-align: middle
    }

    .nothing_present {
        padding: 150px 0;
        text-align: center
    }

    .nothing_present p {
        line-height: 2;
        font-size: 20px;
        margin: 0
    }

    .nothing_present p.h5 {
        margin-top: 20px;
        font-weight: 700
    }

    .nothing_present.dedi {
        margin-top: 42px
    }

    .section_main#home .violet_ribbon {
        flex-wrap: wrap
    }

    .home_hero_price {
        margin-top: 64px
    }

    .home_hero_price.less {
        margin-top: 40px
    }

    .home_hero_price .text-muted {
        color: var(--neutral-900,#1A1A1A) !important;
        font-weight: 500
    }

    .home_hero_price .uh_badge {
        margin-inline-start:6px}

    .home_hero_price .hero_price {
        margin-inline-end:-4px}

    .hero_home_person {
        text-align: center
    }

    .uh_banner_block {
        justify-items: center;
        display: inline-grid;
        padding: 0 70px;
        position: relative;
        align-items: flex-end
    }

    .uh_banner_block > img {
        grid-area: 1 / 1;
        z-index: 1
    }

    .uh_banner_block > .home_bnr_img {
        grid-area: 1 / 1;
        z-index: 3;
        pointer-events: none;
        position: relative
    }

    .uh_banner_block > .home_bnr_img img {
        max-height: 635px;
        mask-image: linear-gradient(#000 75%,transparent)
    }

    .uh_banner_block .top_left_block {
        grid-area: 1 / 1;
        z-index: 2;
        inset-inline-end: 130px;
        top: 150px;
        align-self: start;
        justify-self: start;
        position: relative
    }

    .uh_banner_block .top_left_block > .anim {
        margin-inline-end:-8px;z-index: -1;
        top: -15px;
        inset-inline-end: 100%;
        position: absolute
    }

    .uh_banner_block .top_left_block > .uh_content {
        background: linear-gradient(130deg,#bed7fb -20%,#fff 40%,#fff 60%,#b196ff 160%);
        width: 320px
    }

    .uh_banner_block .top_left_block > .uh_content .title {
        font-weight: 700;
        font-size: clamp(1.25rem,0.9375rem + 1vw,1.5rem)
    }

    .uh_banner_block .top_left_block > .uh_content p {
        font-size: 14px
    }

    .uh_ai_input_placeholder {
        display: block;
        position: relative;
        margin-top: 24px
    }

    .uh_ai_input_placeholder .form-control {
        pointer-events: none;
        background: #fff;
        border-radius: 28px;
        padding: 16px 95px 16px 25px;
        resize: none;
        height: 56px;
        overflow: hidden;
        border: 1px solid rgb(0 0 0 / 8%);
        font-size: 14px
    }

    .uh_ai_input_placeholder .btn {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 8px;
        inset-inline-end: 8px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        pointer-events: none;
        padding: 0
    }

    .uh_domain_input_placeholder > svg {
        margin: 20px;
        position: absolute
    }

    .uh_domain_input_placeholder .form-control {
        height: 54px;
        color: #434343;
        font-weight: 500;
        padding: 15px 95px 15px 40px;
        pointer-events: auto
    }

    .uh_domain_input_placeholder .form-control::placeholder {
        opacity: 1;
        color: currentColor
    }

    .uh_domain_input_placeholder .btn {
        width: 46px;
        height: 46px;
        top: 4px;
        inset-inline-end: 4px;
        pointer-events: auto
    }

    .uh_banner_block .top_right_block {
        grid-area: 1 / 1;
        z-index: 2;
        align-self: start;
        justify-self: end;
        top: 50px;
        inset-inline-start: 70px
    }

    .hero_home_person.two .uh_banner_block .top_right_block {
        justify-self: auto;
        inset-inline-start: 50%;
        position: absolute !important
    }

    .uh_banner_block .top_right_block > .anim {
        margin-inline-start:-8px;z-index: -1;
        top: 55px;
        position: absolute;
        inset-inline-start: 100%
    }

    .uh_banner_block .top_right_block > .uh_content {
        text-align: start;
        padding-inline-start:90px;padding-inline-end:40px}

    .uh_banner_block .top_right_block > .uh_content .title {
        font-weight: 700;
        margin-top: 16px
    }

    .uh_banner_block .top_right_block > .uh_content .info {
        font-size: 14px;
        color: rgba(var(--bs-body-color-rgb),0.50)
    }

    .uh_banner_block .bottom_right_block {
        grid-area: 1 / 1;
        z-index: 4;
        justify-self: end;
        bottom: -30px;
        position: relative
    }

    .uh_banner_block .bottom_right_block > .anim {
        margin-inline-start:-8px;z-index: -1;
        top: 50px;
        position: absolute;
        inset-inline-start: 100%
    }

    .uh_banner_block .bottom_right_block .uh_content {
        max-width: 320px
    }

    .sites_mini_comp a {
        padding: 16px;
        display: block;
        position: relative;
        border-bottom: 1px solid rgb(0 0 0 / 4%);
        color: rgba(var(--bs-body-color-rgb),0.75)
    }

    .sites_mini_comp a:last-child {
        border: 0;
        padding-bottom: 0
    }

    .sites_mini_comp a.golden_bg {
        color: rgba(var(--bs-body-color-rgb));
        border-bottom: 0;
        border-radius: 16px;
        background: linear-gradient(126deg,#fee1a5 0%,#fff8ea 30%,#fff8ea 70%,#ffe9bb 100%)
    }

    .sites_mini_comp a.golden_bg > img {
        position: absolute;
        top: 0;
        margin: 8px;
        inset-inline-start: 0
    }

    .sites_mini_comp a .sites {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        font-size: 14px
    }

    .sites_mini_comp a .sites .name {
        display: flex;
        align-items: center;
        gap: 8px;
        font-weight: 700
    }

    .sites_mini_comp a .sites .price {
        flex: 0 0 auto
    }

    .sites_mini_comp a.golden_bg .sites,.sites_mini_comp a.golden_bg .sites .price {
        font-size: 18px;
        font-weight: 700
    }

    .user_review_pics {
        display: flex;
        flex: 0 0 auto;
        align-items: center
    }

    .user_review_pics img {
        margin-inline-start:-12px;border-radius: 50%;
        border: 1px solid #fff
    }

    .brands_marquee {
        white-space: nowrap;
        mask-image: linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent 100%);
        overflow: hidden
    }

    .brands_marquee hr {
        margin-top: 0;
        margin-bottom: 48px
    }

    .brands_marquee_innr {
        animation: marquee 60s linear infinite;
        display: flex;
        align-items: center
    }

    .brands_marquee_innr img {
        margin: 0 30px
    }

    .brands_marquee_innr.big img {
        height: 26px
    }

    @keyframes marquee {
        0% {
            transform: translateX(0%)
        }

        100% {
            transform: translateX(-112%)
        }
    }

    .ask_ultaai {
        background: linear-gradient(130deg,#E9F3FF -10%,#fff 50%,#F1ECFF 110%);
        border: 1px solid rgb(0 0 0 / 4%);
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        text-align: center;
        margin-top: 30px;
        color: rgba(var(--bs-body-color-rgb));
        box-shadow: none;
        flex-wrap: wrap
    }

    .ask_ultaai.icons:before {
        content: '';
        background-image: url('/themes/default/images/home/svg/ultaai.svg');
        background-size: contain;
        background-repeat: no-repeat;
        width: 24px;
        height: 24px;
        display: inline-block
    }

    .ask_ultaai.icons:after {
        content: '';
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.00004 1.33325C4.32004 1.33325 1.33337 4.31992 1.33337 7.99992C1.33337 11.6799 4.32004 14.6666 8.00004 14.6666C11.68 14.6666 14.6667 11.6799 14.6667 7.99992' stroke='%23212529' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M8.66663 7.33337L14.1333 1.8667' stroke='%23212529' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M14.6667 4.55325V1.33325H11.4467' stroke='%23212529' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
        background-size: contain;
        background-repeat: no-repeat;
        width: 16px;
        height: 16px;
        display: inline-block
    }

    .dot_pattern {
        position: absolute;
        pointer-events: none;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0.5
    }

    .dot_pattern_content {
        position: relative;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }

    .dot_pattern_content .foot {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%
    }

    .feature_heading {
        margin-top: 20px;
        font-weight: 700;
        font-size: clamp(1.25rem,0.625rem + 2vw,1.75rem);
        font-size: clamp(1.1875rem,0.7969rem + 1.25vw,1.5rem)
    }

    .feature_subheading {
        margin-bottom: 60px;
        font-size: clamp(0.9375rem,0.8594rem + 0.25vw,1rem);
        line-height: 1.8;
        line-height: 2;
        color: var(--Neutral-700,#4D4D4D)
    }

    .old_price {
        color: rgba(var(--bs-body-color-rgb),0.50);
        text-decoration: line-through
    }

    .new_price {
        font-weight: 700;
        font-size: clamp(1.125rem,0.8125rem + 1vw,1.375rem);
        font-size: clamp(1.0625rem,0.8281rem + 0.75vw,1.25rem)
    }

    .uh_main_cta {
        background-color: #FAFAFA;
        overflow: hidden;
        position: relative;
        border-radius: 24px;
        padding: 16px;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='1392' height='360' viewBox='0 0 1392 360' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='mask0_2521_180769' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='1520' height='382'%3e%3crect width='1520' height='382' fill='%23FAFAFA'/%3e%3c/mask%3e%3cg mask='url(%23mask0_2521_180769)'%3e%3cg filter='url(%23filter0_f_2521_180769)'%3e%3crect width='949.041' height='873.965' transform='matrix(0.943557 0.331211 -0.335685 0.941974 181.469 -383.771)' fill='url(%23paint0_linear_2521_180769)'/%3e%3c/g%3e%3cg filter='url(%23filter1_f_2521_180769)'%3e%3crect width='949.041' height='873.965' transform='matrix(0.943557 0.331211 -0.335685 0.941974 1148.95 -383.775)' fill='url(%23paint1_linear_2521_180769)'/%3e%3c/g%3e%3cg filter='url(%23filter2_f_2521_180769)'%3e%3crect width='944.481' height='878.194' transform='matrix(-0.502833 -0.864384 0.867652 -0.497173 503.672 811.535)' fill='url(%23paint2_linear_2521_180769)'/%3e%3c/g%3e%3cpath style='mix-blend-mode:hard-light' opacity='0.08' d='M1392 0H0V360H1392V0Z' fill='url(%23paint3_linear_2521_180769)'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='filter0_f_2521_180769' x='-211.908' y='-483.771' width='1388.85' height='1337.59' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3e%3cfeGaussianBlur stdDeviation='50' result='effect1_foregroundBlur_2521_180769'/%3e%3c/filter%3e%3cfilter id='filter1_f_2521_180769' x='755.568' y='-483.775' width='1388.85' height='1337.59' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3e%3cfeGaussianBlur stdDeviation='50' result='effect1_foregroundBlur_2521_180769'/%3e%3c/filter%3e%3cfilter id='filter2_f_2521_180769' x='-171.244' y='-641.472' width='1636.88' height='1653.01' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3e%3cfeGaussianBlur stdDeviation='100' result='effect1_foregroundBlur_2521_180769'/%3e%3c/filter%3e%3clinearGradient id='paint0_linear_2521_180769' x1='474.52' y1='0' x2='474.52' y2='873.965' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23B5CBFF'/%3e%3cstop offset='1' stop-color='%234E12FF'/%3e%3c/linearGradient%3e%3clinearGradient id='paint1_linear_2521_180769' x1='474.52' y1='0' x2='474.52' y2='873.965' gradientUnits='userSpaceOnUse'%3e%3cstop offset='0.177117' stop-color='%23BBA4FF'/%3e%3cstop offset='0.75039' stop-color='%234E12FF'/%3e%3c/linearGradient%3e%3clinearGradient id='paint2_linear_2521_180769' x1='539.23' y1='222.391' x2='373.892' y2='167.497' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23509DFD'/%3e%3cstop offset='1' stop-color='%23002BFF'/%3e%3c/linearGradient%3e%3clinearGradient id='paint3_linear_2521_180769' x1='256.021' y1='-6.55128' x2='713.686' y2='762.73' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%2336363A'/%3e%3cstop offset='0.05' stop-color='%2339393D'/%3e%3cstop offset='0.09' stop-color='%23454548'/%3e%3cstop offset='0.13' stop-color='%2358585B'/%3e%3cstop offset='0.17' stop-color='%23737376'/%3e%3cstop offset='0.22' stop-color='%23969698'/%3e%3cstop offset='0.26' stop-color='%23C1C1C2'/%3e%3cstop offset='0.3' stop-color='%23F2F2F3'/%3e%3cstop offset='0.31' stop-color='white'/%3e%3cstop offset='0.36' stop-color='%23CCCCCD'/%3e%3cstop offset='0.46' stop-color='%235F5F63'/%3e%3cstop offset='0.49' stop-color='%23636367'/%3e%3cstop offset='0.51' stop-color='%23707074'/%3e%3cstop offset='0.54' stop-color='%23878789'/%3e%3cstop offset='0.56' stop-color='%2398989A'/%3e%3cstop offset='0.61' stop-color='%23A5A5A6'/%3e%3cstop offset='0.69' stop-color='%23C7C7C8'/%3e%3cstop offset='0.79' stop-color='white'/%3e%3cstop offset='0.81' stop-color='%23E2E2E3'/%3e%3cstop offset='0.87' stop-color='%2369696D'/%3e%3cstop offset='0.91' stop-color='%231D1D23'/%3e%3cstop offset='0.92' stop-color='%23000006'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
    }

    .uh_main_cta > img {
        position: absolute;
        top: 0;
        pointer-events: none;
        height: 100%;
        display: none
    }

    .uh_main_cta > img.start-0 {
        width: 100%;
        height: auto
    }

    .cta_side_wdget {
        display: inline-block;
        max-width: 270px;
        text-align: center
    }

    .cta_side_wdget .btn.btn-lg {
        line-height: 60px
    }

    .cta_side_wdget .btn.btn-outline {
        border-color: rgb(0 0 0 / 25%)
    }

    .mbgurantee-white {
        display: flex;
        align-items: center;
        color: #fff;
        font-weight: 700;
        gap: .5rem;
        margin-top: 1rem;
        justify-content: center
    }

    .mbgurantee-white:before {
        content: '';
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.11917 1.55085L3.20833 2.64751C2.5375 2.89835 1.98917 3.69168 1.98917 4.40335V8.73751C1.98917 9.42585 2.44417 10.33 2.99833 10.7442L5.50667 12.6167C6.32917 13.235 7.6825 13.235 8.505 12.6167L11.0133 10.7442C11.5675 10.33 12.0225 9.42585 12.0225 8.73751V4.40335C12.0225 3.68585 11.4742 2.89251 10.8033 2.64168L7.8925 1.55085C7.39667 1.37001 6.60333 1.37001 6.11917 1.55085Z' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M5.27916 7.17415L6.21833 8.11331L8.72666 5.60498' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
        background-size: contain;
        background-repeat: no-repeat;
        width: 15px;
        height: 15px;
        display: inline-block
    }

    .first_review {
        background: linear-gradient(135deg,#F0ECFF,#fff 30%)
    }

    .end_review {
        background: linear-gradient(315deg,#F0ECFF,#fff 30%)
    }

    .ai_faq_widget {
        background: linear-gradient(135deg,#E1EDFF,#fff 13%,#fff 80%,#F0ECFF);
        overflow: hidden;
        position: relative;
        box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 8%);
        text-align: center
    }

    .ai_faq_widget .title {
        font-weight: 700;
        font-size: clamp(1.25rem,0.9375rem + 1vw,1.5rem);
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px
    }

    .ai_faq_widget .title:before {
        content: '';
        background-image: url('/themes/default/images/home/svg/ultaai.svg');
        background-size: contain;
        background-repeat: no-repeat;
        width: 32px;
        height: 32px;
        display: inline-block
    }

    .ai_faq_widget p {
        font-size: 14px;
        margin-top: 5px;
        color: var(--Neutral-600,#555555)
    }

    .ai_faq_widget .uh_ai_input_placeholder .form-control {
        color: var(--Neutral-700,#434343);
        font-weight: 500;
        pointer-events: auto
    }

    .ai_faq_widget .uh_ai_input_placeholder .form-control::placeholder {
        opacity: 1
    }

    .ai_faq_widget .uh_ai_input_placeholder .btn:not(:disabled) {
        pointer-events: auto
    }

    .arrow_up_w {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.0467 6.37992L8 2.33325L3.95333 6.37992' stroke='%23fff' stroke-width='2.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'%3e%3c/path%3e%3cpath d='M8 13.6668V2.44678' stroke='%23fff' stroke-width='2.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'%3e%3c/path%3e%3c/svg%3e");
        background-size: contain;
        background-repeat: no-repeat;
        width: 16px;
        height: 16px;
        display: inline-block
    }

    .ai_faq_widget .uh_ai_input_placeholder .btn .spinner-border {
        --bs-spinner-width: 20px;
        --bs-spinner-height: 20px;
        --bs-spinner-border-width: 2px
    }

    .border_section {
        padding: 40px;
        border-radius: 30px;
        border: 1px solid rgb(0 0 0 / 4%);
        position: relative;
        border-color: var(--Neutral-100,#E6E6E6)
    }

    .border_section > .anim-start {
        position: absolute;
        top: 0;
        inset-inline-end: 100%;
        margin-inline-end:-9px}

    .border_section > .anim-end {
        position: absolute;
        bottom: 0;
        inset-inline-start: 100%
    }

    .border_section .shadow-block {
        padding: 32px
    }

    .featuers_section_info .blue_ribbon,.blue_ribbon.heading {
        font-weight: 700;
        text-transform: uppercase;
        border: 1px solid var(--Primary-50,#EDF2FF)
    }

    .blue_ribbon.heading {
        border: 1px solid rgb(69 123 255 / 16%);
        font-size: 14px
    }

    .featuers_section_info .violet_ribbon {
        font-weight: 700;
        text-transform: uppercase;
        border: 1px solid var(--Secondary-50,#EFEAFF)
    }

    .featuers_section_info h2 {
        font-size: clamp(1.5rem,0.0938rem + 4.5vw,2.625rem);
        font-size: clamp(1.5rem,-0.0625rem + 5vw,2.75rem);
        font-size: clamp(1.5rem,-0.0625rem + 5vw,2.6rem);
        font-weight: 700;
        margin-bottom: 12px;
        line-height: 1.4
    }

    .featuers_section_info p {
        font-size: clamp(0.9375rem,0.7031rem + 0.75vw,1rem);
        line-height: 2;
        opacity: .8
    }

    .featuers_section_info hr {
        margin: 32px 0
    }

    .featuers_section_info .features {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 16px;
        font-weight: 500;
        line-height: 2
    }

    .featuers_section_info .features > div:not(.circle) {
        display: flex;
        align-items: center;
        gap: 8px
    }

    .featuers_section_info .features > div:not(:last-child):after,.featuers_section_info .features > button:after,.featuers_section_info .features > a:not(:last-child):after {
        content: '';
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: currentColor;
        opacity: 0.08;
        display: inline-block;
        margin-inline-start:8px}

    .featuers_section_info .features > a,.featuers_section_info .features > button {
        display: flex;
        align-items: center;
        gap: 8px;
        color: var(--neutral-900,#1A1A1A);
        transition: all 0.2s
    }

    .featuers_section_info .features > button {
        background: transparent;
        border: 0;
        padding: 0;
        font-weight: 500
    }

    .featuers_section_info .features > a:hover,.featuers_section_info .features > button:hover {
        color: #5A28FA
    }

    .featuers_section_info .features.blue > a:hover,.featuers_section_info .features.blue > button:hover {
        color: #457BFF
    }

    .featuers_section_info .features .circle {
        display: none
    }

    .featuers_section_img {
        background-color: #F7F7F7;
        overflow: hidden;
        position: relative;
        border-radius: 24px;
        display: inline-block
    }

    .featuers_section_img > img {
    }

    .uh_home_feature-1 {
        position: absolute;
        top: 0;
        text-align: center;
        margin-top: 100px;
        margin-inline-start:100px;width: 100%;
        max-width: 230px
    }

    .uh_home_feature-1 > svg {
        margin-bottom: -6px;
        position: relative;
        z-index: 1
    }

    .uh_home_feature-1 .uh_content,.uh_home_feature-2 .uh_content {
        background: rgb(255 255 255 / 95%);
        backdrop-filter: blur(62.5px);
        box-shadow: 0px 0px 56px 0px rgb(0 0 0 / 16%);
        border-radius: 27px;
        padding: 39px 20px
    }

    .uh_home_feature-1 .amd p {
        margin: 16px 0 0;
        font-size: clamp(1.0625rem,0.8281rem + 0.75vw,1.25rem)
    }

    .uh_home_feature-1 .meter h5 {
        margin: 26px 0 0;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        font-weight: 700
    }

    .uh_home_feature-1 .meter p {
        margin: 8px 0 0;
        font-weight: 700;
        font-size: 10px;
        opacity: 0.6
    }

    .uh_home_feature-2 {
        position: absolute;
        bottom: 78px;
        inset-inline-end: 50px;
        width: 100%;
        max-width: 230px
    }

    .uh_home_feature-2 .uh_content {
        box-shadow: 0px 0px 56px 0px rgb(90 40 250 / 16%);
        text-align: center;
        padding: 25px 17px
    }

    .uh_home_feature-2 p {
        margin: 13px 0 0;
        font-size: clamp(1.125rem,0.8125rem + 1vw,1.375rem);
        font-weight: 700
    }

    .support_block {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 0 38px 60px;
        text-align: start;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 40px
    }

    .support_block .uh_content {
        width: auto;
        display: flex;
        align-items: center;
        gap: 12px;
        font-size: clamp(0.8125rem,0.7344rem + 0.25vw,0.875rem);
        background: rgb(255 255 255 / 95%);
        backdrop-filter: blur(62.5px);
        box-shadow: 0px 0px 56px 0px rgb(0 0 0 / 16%);
        border-radius: 17px
    }

    .support_block .uh_content img {
        flex: 0 0 auto;
        width: 40px
    }

    .bento_feat {
        height: 100%;
        text-align: center;
        overflow: hidden;
        position: relative;
        display: flex;
        flex-direction: column
    }

    .bento_feat h2 {
        font-size: clamp(1.1875rem,0.6406rem + 1.75vw,1.625rem);
        font-size: clamp(1.1875rem,0.4844rem + 2.25vw,1.75rem);
        font-size: clamp(1.125rem,0.6563rem + 1.5vw,1.5rem);
        font-weight: 700;
        padding-top: 24px;
        position: relative;
        margin-bottom: 4px;
        line-height: 1.4
    }

    .bento_feat h2 strong {
        font-weight: 700
    }

    .bento_feat p {
        margin-bottom: 12px;
        position: relative;
        line-height: 2;
        color: var(--Neutral-700,#4D4D4D)
    }

    .bento_feat img {
        pointer-events: none
    }

    .feat-1 {
        background: linear-gradient(135deg,#F0ECFF,#fff 20%,#fff 85%,#F0ECFF)
    }

    .feat-1-trans {
        background: linear-gradient(135deg,#F0ECFF,transparent 20%,transparent 85%,#F0ECFF)
    }

    .feat-2 {
        background: linear-gradient(225deg,#EBF1FF,transparent 20%,transparent 85%,#EBF1FF)
    }

    .uh_table_comparison {
        white-space: nowrap;
        overflow-x: auto;
        flex-wrap: nowrap
    }

    .uh_table_comparison .list-group-item {
        background: transparent;
        font-weight: 500;
        padding: 16px;
        border-color: #E6E6E6
    }

    .uh_table_comparison .list-group-item:not(.compare_plans_image) > img {
        margin: -2px 0
    }

    .uh_table_comparison .text > .list-group-item {
        padding-inline-start:0}

    .compare_plans_image {
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 0
    }

    .compare_plans_image img {
        max-height: 26px
    }

    .highlight_plan {
        background: linear-gradient(180deg,#457BFF 0%,#5A28FA 100%);
        border-radius: 24px;
        padding: 4px;
        box-shadow: 0px 0px 80px 0px rgb(0 0 0 / 10%)
    }

    .highlight_plan .list-group {
        border-radius: 20px;
        background: linear-gradient(135deg,#E1EDFF,#fff 13%,#fff 70%,#F0ECFF)
    }

    .highlight_plan .compare_plans_image {
        height: 96px
    }

    .highlight_plan .compare_plans_image img {
        max-height: 44px
    }

    .highlight_plan .list-group-item {
        border-color: transparent
    }

    .highlight_plan .money_back {
        margin-top: 16px;
        color: rgba(var(--bs-body-color-rgb),0.50);
        font-size: 12px;
        font-weight: 700
    }

    .uh_table_comparison .text-half .list-group-item {
        color: var(--Neutral-400,#999999)
    }

    .start_foot_cta_svg {
        inset-inline-end: 85%
    }

    .uh_or {
        position: relative;
        padding: 40px 0;
        text-align: center
    }

    .uh_or hr {
        margin: 16px 0 0;
        position: absolute;
        left: 0;
        right: 0
    }

    .uh_or span {
        display: inline-block;
        background-color: #fff;
        position: relative;
        padding: 4px 16px;
        font-weight: 500;
        color: var(--Neutral-400,#999999)
    }

    .section_main:not(.bg-white) .uh_or span {
        background-color: #fafafa
    }

    .uh_blog_list {
        padding: 0;
        overflow: hidden;
        height: 100%;
        display: flex;
        flex-direction: column
    }

    .uh_blog_list .info {
        padding: 20px;
        flex: 1 1 auto;
        display: flex;
        flex-direction: column
    }

    .uh_blog_list .info .title {
        font-size: clamp(0.9375rem,0.5469rem + 1.25vw,1.25rem);
        margin-bottom: 20px
    }

    .uh_testimonials {
        margin: 0;
        display: block
    }

    .uh_testimonials > .col-lg-4 {
        padding: 0;
        margin: 0
    }

    .uh_testimonials .uh_content {
        padding: 32px !important;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }

    .uh_testimonials > div:first-child .uh_content {
        background: linear-gradient(135deg,#F0ECFF,#fff 30%)
    }

    .uh_testimonials > div:last-child .uh_content {
        background: linear-gradient(315deg,#F0ECFF,#fff 30%)
    }

    .uh_testimonials .uh_content > img {
        margin-bottom: 16px
    }

    .uh_testimonials .uh_content .jq-ry-container,.uh_review_carousel .stars .jq-ry-container {
        padding: 0;
        pointer-events: none;
        width: auto !important
    }

    .uh_testimonials .uh_content .jq-ry-group svg polygon,.uh_review_carousel .stars .jq-ry-group svg polygon {
        display: none
    }

    .uh_testimonials .uh_content .jq-ry-group svg:not(:last-child),.uh_review_carousel .stars .jq-ry-group svg:not(:last-child) {
        margin-inline-end:2px}

    .uh_testimonials .uh_content .jq-ry-normal-group svg,.uh_review_carousel .stars .jq-ry-normal-group svg {
        fill: #d5d5d5;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 17.2694L16.15 19.7794C16.91 20.2394 17.8399 19.5594 17.6399 18.6994L16.54 13.9794L20.2099 10.7994C20.8799 10.2194 20.5199 9.1194 19.6399 9.0494L14.81 8.6394L12.92 4.1794C12.58 3.3694 11.42 3.3694 11.08 4.1794L9.18995 8.6294L4.35995 9.0394C3.47995 9.1094 3.11995 10.2094 3.78995 10.7894L7.45995 13.9694L6.35995 18.6894C6.15995 19.5494 7.08995 20.2294 7.84995 19.7694L12 17.2694Z' fill='%23d5d5d5'/%3e%3c/svg%3e ");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain
    }

    .uh_testimonials .uh_content .jq-ry-rated-group svg,.uh_review_carousel .stars .jq-ry-rated-group svg {
        fill: #5A28FA;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 17.2694L16.15 19.7794C16.91 20.2394 17.8399 19.5594 17.6399 18.6994L16.54 13.9794L20.2099 10.7994C20.8799 10.2194 20.5199 9.1194 19.6399 9.0494L14.81 8.6394L12.92 4.1794C12.58 3.3694 11.42 3.3694 11.08 4.1794L9.18995 8.6294L4.35995 9.0394C3.47995 9.1094 3.11995 10.2094 3.78995 10.7894L7.45995 13.9694L6.35995 18.6894C6.15995 19.5494 7.08995 20.2294 7.84995 19.7694L12 17.2694Z' fill='%235A28FA'/%3e%3c/svg%3e ");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain
    }

    .uh_testimonials .uh_content > p {
        line-height: 1.9;
        font-weight: 500;
        font-size: clamp(1rem,0.8438rem + 0.5vw,1.125rem);
        margin-bottom: 2rem
    }

    .uh_testimonials .uh_content > div.flex-center {
        margin-top: auto !important;
        padding-top: 0 !important;
        width: 100%
    }

    .uh_testimonials .uh_content .name {
        line-height: 1.7;
        font-weight: 500;
        font-size: clamp(1rem,0.8438rem + 0.5vw,1.125rem)
    }

    .tab-content .uh_content.flush {
        padding: 32px
    }

    .tab-content .uh_content.flush > img.mb-4 {
        margin-bottom: 16px !important
    }

    .grtvideo-popup {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,.85);
        z-index: 99999
    }

    .grtvideo-popup-content {
        margin-top: 150px;
        width: 95%;
        max-width: 850px;
        margin-inline-start:auto;margin-inline-end:auto;box-shadow: 0 0 8px 0 rgba(255,255,255,.4);
        position: relative
    }

    .grtvideo-popup-close {
        position: absolute;
        top: -35px;
        inset-inline-end: 0;
        color: #fff;
        font-size: 25px;
        cursor: pointer
    }

    .grtyoutube-iframe {
        width: 100%;
        aspect-ratio: 16/9
    }

    .use_cases,.use_benefits {
        color: #457BFF;
        display: flex;
        align-items: center;
        font-weight: 500;
        gap: .5rem;
        padding-top: .5rem;
        margin-top: 1.5rem
    }

    .use_cases:before,.use_benefits:before {
        content: '';
        background-image: url('/themes/default/images/vpshosting/svg/book.svg');
        background-size: contain;
        background-repeat: no-repeat;
        width: 16px;
        height: 16px;
        display: inline-block
    }

    .use_benefits:before {
        background-image: url('/themes/default/images/vpshosting/svg/heart.svg')
    }

    .light-border {
        border: 1px solid rgb(255 255 255 / 12%)
    }

    .hero_left_star {
        pointer-events: none;
        position: absolute;
        inset-inline-start: 0;
        top: -100px
    }

    .hero_right_star {
        pointer-events: none;
        position: absolute;
        inset-inline-end: 0;
        top: -100px
    }

    .uh_domain_tab_prnt {
        position: relative;
        margin: 60px 0 40px;
        transition: all 0.3s
    }

    .uh_domain_tab_prnt > .nav-tabs {
        border: 0;
        display: inline-flex;
        position: absolute;
        top: 0;
        inset-inline-start: 0
    }

    .uh_domain_tab_prnt > .nav-tabs .nav-item:last-child .nav-link {
        border: 1px solid rgb(0 0 0 / 6%);
        border-bottom: 0;
        border-inline-start:0}

    .uh_domain_tab {
        filter: drop-shadow(0px 0 40px rgb(0 0 0 / 13%)) drop-shadow(0px 0 1px rgb(0 0 0 / 10%));
        z-index: 1;
        position: relative;
        pointer-events: none;
        transition: all 0.2s
    }

    .uh_domain_tab > .uh_domain_tab_ul {
        pointer-events: auto;
        border: 0;
        display: inline-flex;
        position: relative
    }

    .uh_domain_tab_ul .nav-link {
        font-size: 14px;
        padding: 13px 20px;
        margin: 0;
        position: relative;
        border: 0;
        font-weight: 500
    }

    .uh_domain_tab_ul .nav-link > svg {
        margin-top: -3px;
        margin-inline-end:3px}

    .uh_domain_tab_ul .nav-link:first-child {
        z-index: 1
    }

    .uh_domain_tab_ul .nav-link:not(.active) {
        width: max-content;
        margin-inline-start:-16px !important;border-radius: 0 var(--bs-border-radius-xl) 0 0;
        padding-inline-start:36px}

    .uh_domain_tab_ul .nav-link.active {
        border-radius: var(--bs-border-radius-xl) var(--bs-border-radius-xl) 0 0
    }

    .uh_domain_tab_ul .nav-link.active:before {
        content: "";
        position: absolute;
        inset-inline-start: 100%;
        bottom: 0;
        width: 32px;
        height: 32px;
        background-color: #fff;
        mask-image: linear-gradient(to top,red,red),radial-gradient(circle 20px at center,green 80%,transparent 81%);
        mask-size: 16px 16px,100%;
        mask-position: bottom left,center;
        mask-repeat: no-repeat,repeat;
        mask-composite: subtract;
        pointer-events: none
    }

    .uh_domain_search {
        background: #fff;
        width: 100%;
        border-radius: 1rem;
        border-top-left-radius: 0;
        gap: .5rem;
        padding: .5rem;
        align-items: center;
        display: flex
    }

    .uh_domain_search input {
        flex: 1 1 auto;
        border: 0;
        height: 100%;
        box-shadow: none !important
    }

    .uh_domain_search .btn {
        flex: 0 0 auto;
        border: 0;
        padding-top: 4px;
        padding-bottom: 4px
    }

    .uh_domains_block {
        padding: 0;
        margin-inline-end:-15px}

    .uh_domains_block .top_right_block {
        grid-area: 1 / 1;
        z-index: 4;
        top: 207px;
        position: relative;
        width: 100%;
        max-width: 95px;
        inset-inline-start: auto;
        inset-inline-end: 58px;
        text-align: center;
        color: #fff;
        font-size: 12px;
        font-weight: 700;
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: center
    }

    .uh_domains_block .bottom_left_block {
        grid-area: 1 / 1;
        z-index: 3;
        bottom: 115px;
        align-self: end;
        justify-self: start;
        position: relative;
        inset-inline-end: -20px;
        width: 100%;
        max-width: 263px
    }

    .domain_available_block {
        max-width: none;
        background: linear-gradient(130deg,#DAE9FF -20%,#fff 40%,#fff 60%,#E5DDFE 110%);
        z-index: 1;
        position: relative;
        border-radius: 16px;
        padding: 8px;
        box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 12%)
    }

    .domain_available_block .innr {
        gap: 10px;
        padding: 12px;
        border: 1px solid rgb(0 0 0 / 4%);
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .domain_available_block .link {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 14px;
        font-weight: 700
    }

    .domain_available_block .link .green {
        color: #488010
    }

    .domain_available_block .available {
        flex: 0 0 auto;
        background: #E8F3DB;
        border: 1px solid rgb(0 0 0 / 4%);
        font-weight: 700;
        font-size: 12px;
        color: #488010;
        border-radius: 2em;
        padding: 4px 7px
    }

    .uh_domains_block .bottom_left_block .doms_list,.domain_ai_list_block .doms_list {
        border-radius: 16px;
        padding: 8px;
        box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 12%);
        margin: -20px 22px 0;
        width: auto
    }

    .uh_domains_block .bottom_left_block .doms_list .innr,.domain_ai_list_block .doms_list .innr {
        border: 1px solid rgb(0 0 0 / 4%);
        border-radius: 12px;
        padding: 34px 24px 24px
    }

    .uh_domains_block .bottom_left_block .doms_list .d_list,.domain_ai_list_block .doms_list .d_list {
        margin-top: 10px;
        display: flex;
        gap: 5px
    }

    .uh_domains_block .bottom_left_block .doms_list .d_list .empty,.domain_ai_list_block .doms_list .d_list .empty {
        flex: 1 1 auto;
        background: var(--Neutral-100,#E6E6E6);
        border-radius: 2em
    }

    .uh_domains_block .bottom_left_block .doms_list .d_list .name,.domain_ai_list_block .doms_list .d_list .name {
        flex: 0 0 auto;
        min-width: 40px;
        border: 1px solid var(--Neutral-100,#E6E6E6);
        border-radius: 2em;
        color: #7351FB;
        font-size: 13px;
        font-weight: 800;
        text-align: center
    }

    .host_advice {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: .25rem;
        flex-wrap: wrap
    }

    .host_advice .excellent {
        font-size: clamp(1rem,0.375rem + 2vw,1.5rem);
        font-weight: 700
    }

    .host_advice .vr {
        margin: 0 16px
    }

    .com-domain {
        color: #457BFF
    }

    .net-domain {
        color: #39C032
    }

    .org-domain {
        color: #9B7CFF
    }

    .info-domain {
        color: #E89B4F
    }

    .vip-domain {
        color: #E46560
    }

    .ai-domain {
        color: #3FC5B6
    }

    .com-domain span,.net-domain span,.org-domain span,.info-domain span,.vip-domain span,.ai-domain span {
        width: 12px;
        height: 12px;
        display: inline-block;
        background: currentColor;
        border-radius: 50%;
        border: 2px solid #FFFFFF;
        margin: 0 -2px -4px 0
    }

    .is_most_popular {
        margin-top: -43px;
        display: flex;
        flex-direction: column;
        position: relative
    }

    .is_most_popular:not(.uh_dedi_plan_list):before {
        content: '';
        background: linear-gradient(180deg,#457BFF 0%,#5A28FA 100%);
        position: absolute;
        top: 0;
        right: calc(var(--bs-gutter-x) * 0.5);
        bottom: 0;
        left: calc(var(--bs-gutter-x) * 0.5);
        box-shadow: 0px 0px 31px 0px rgb(0 0 0 / 4%);
        border-radius: 24px
    }

    .is_most_popular.is_recommended:before {
        background: linear-gradient(0deg,#457BFF 0%,#5A28FA 100%)
    }

    .popular_block_badge {
        padding: 9px 0 5px;
        color: #fff;
        text-align: center;
        font-weight: 700;
        position: relative;
        flex: 0 0 auto;
        justify-content: center;
        width: 100%
    }

    .popular_block_badge.hiddenPopularText {
        display: none
    }

    .domain_list .is_most_popular.uh_price_plan {
        margin-top: -38px
    }

    .domain_list .uh_content {
        position: relative;
        height: 100% !important;
        box-shadow: none;
        border: 1px solid var(--Neutral-100,#E6E6E6)
    }

    .domain_list_innr {
        position: relative;
        height: 100%;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        padding: 24px
    }

    .domain_list_innr h2,.domain_result_match_single .name_prnt h2 {
        font-size: clamp(1.875rem,1.0938rem + 2.5vw,2.5rem);
        font-weight: 700
    }

    .domain_list_innr h2+p {
        margin: 0 0 60px
    }

    .domain_list .is_most_popular .domain_list_innr {
        padding: 20px
    }

    .domain_list_innr .foot {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%
    }

    .domain_list_innr .foot .new_price {
        font-weight: 700;
        font-size: clamp(1.125rem,0.8125rem + 1vw,1.375rem)
    }

    .domain_list_innr .foot .old_price {
        text-decoration: line-through;
        color: rgba(var(--bs-body-color-rgb),0.50)
    }

    .domain_list_innr .btn {
        width: 100%;
        margin-top: 24px;
        line-height: 48px
    }

    .claim_free_domain {
        display: inline-block;
        padding: .5rem;
        border-radius: .5rem;
        font-weight: 700;
        position: absolute;
        inset-inline-start: 0;
        top: 50%
    }

    .featuers_section_img.domain_transfer {
        display: block;
        padding-top: 100px;
        background: #EAEAEA
    }

    .domain_transfer_block {
        position: absolute;
        bottom: 32px;
        inset-inline-start: 32px;
        max-width: 276px;
        display: flex;
        flex-direction: column;
        width: 100%;
        text-align: center
    }

    .domain_transfer_block .uh_content {
        box-shadow: 0px 0px 56px 0px rgb(0 0 0 / 16%);
        border-radius: 27px;
        background-color: rgb(255 255 255 / 90%);
        backdrop-filter: blur(62.5px);
        padding: 16px
    }

    .domain_transfer_block .uh_content:first-child {
        max-width: 264px;
        margin: auto;
        padding: 24px
    }

    .transfer_site_url {
        display: flex;
        align-items: center;
        padding: 8px;
        gap: 8px;
        border-radius: 16px;
        border: 1px solid rgb(0 0 0 / 6%);
        color: rgba(var(--bs-body-color-rgb),0.75);
        font-size: clamp(0.8125rem,0.7344rem + 0.25vw,0.875rem)
    }

    .domain_transfer_block .title {
        font-weight: 700;
        margin: 8px 0;
        font-size: clamp(1rem,0.6875rem + 1vw,1.25rem)
    }

    .domain_transfer_block .bg-sun {
        font-weight: 700;
        width: 100%;
        font-size: 12px;
        color: rgba(var(--bs-body-color-rgb));
        border-radius: 2em;
        padding: 8px
    }

    .transfer_site_url span {
        color: rgba(var(--bs-body-color-rgb),0.35)
    }

    .domains_support_block {
        padding: 0 40px 40px
    }

    .domain_setup_block {
        width: 100%;
        max-width: 380px;
        margin: 0 auto
    }

    .domain_setup_block .first {
        padding: 0 40px;
        text-align: start;
        margin-bottom: -12px;
        font-size: 15px;
        font-weight: 700
    }

    .domain_setup_block .first .uh_content {
        border: 1px solid rgb(0 0 0 / 3%);
        box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 4%)
    }

    .domain_setup_block .second {
        border: 1px solid rgb(0 0 0 / 3%);
        box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 6%);
        display: flex;
        align-items: center;
        text-align: start;
        gap: 16px;
        position: relative
    }

    .domain_setup_block .second img {
        aspect-ratio: 1;
        flex: 0 0 auto
    }

    .domain_setup_block .second .title {
        font-size: 14px;
        font-weight: 700
    }

    .domain_setup_block .second .desc {
        margin-top: 4px;
        padding: 10px;
        background: rgb(0 0 0 / 3%);
        border-radius: 2em
    }

    .domain_setup_block .third {
        margin-top: 13px;
        box-shadow: 0px -30px 30px 0px rgb(0 0 0 / 6%);
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .domain_management_block {
        width: 100%;
        max-width: 380px;
        margin: -23px auto 36px;
        overflow: hidden;
        padding: 30px
    }

    .domain_management_block .uh_content {
        border: 1px solid rgb(0 0 0 / 3%);
        box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 4%);
        margin-bottom: -40px
    }

    .domain_management_block .uh_content .title {
        text-align: start;
        font-size: 15px;
        font-weight: 700
    }

    .domain_management_block .site {
        padding: 5px;
        margin: 18px 0;
        border: 1px solid rgb(0 0 0 / 5%);
        border-radius: 16px;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .domain_management_block .site .name {
        color: rgba(var(--bs-body-color-rgb),0.75);
        font-size: 14px
    }

    .domain_management_block .site .name span {
        color: rgba(var(--bs-body-color-rgb),0.35)
    }

    .domain_management_block .site .main-color {
        font-size: 12px;
        font-weight: 700;
        background: rgb(69 123 255 / 4%);
        border: 1px solid rgb(69 123 255 / 4%);
        border-radius: 8px;
        padding: 9px
    }

    .domain_management_block .main-bg {
        color: #fff;
        font-weight: 700;
        border-radius: 8px;
        padding: 12px
    }

    .renewed_block {
        position: absolute;
        box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 12%);
        bottom: 40px;
        inset-inline-end: 35px;
        width: auto;
        font-weight: 700;
        border-radius: 8px;
        padding: 7px 12px
    }

    .feat-1-flip {
        background: linear-gradient(225deg,#F0ECFF,transparent 20%,transparent 85%,#F0ECFF)
    }

    .feat-2-flip {
        background: linear-gradient(315deg,#EBF1FF,transparent 20%,transparent 85%,#EBF1FF)
    }

    .feat-2-flip-mini {
        background: linear-gradient(135deg,#F7F9FF,transparent 10%,transparent)
    }

    .uh_subdom_feature {
        overflow: hidden;
        mask: linear-gradient(black 40%,transparent);
        margin: -20px -20px 40px
    }

    .uh_subdom_feature .uh_content {
        width: auto;
        font-size: 14px;
        border-radius: 16px;
        padding: 17px 40px
    }

    .uh_subdom_feature .uh_content span {
        font-weight: 500
    }

    .uh_subdom_feature .line_top {
        z-index: 3;
        box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 12%);
        margin-top: 30px;
        position: relative;
        display: inline-block;
        font-weight: 700;
        margin-bottom: -10px;
        border: 1px solid rgb(0 0 0 / 3%)
    }

    .uh_subdom_feature .line_middle {
        z-index: 2;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
        margin-bottom: -10px
    }

    .uh_subdom_feature .line_middle .uh_content {
        border: 1px solid rgb(0 0 0 / 3%);
        box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 4%)
    }

    .uh_subdom_feature .line_bottom {
        gap: 310px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .uh_subdom_feature .line_bottom .uh_content {
        border: 1px solid rgb(0 0 0 / 3%);
        box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 4%)
    }

    .locked_block_img {
        text-align: end;
        position: relative;
        margin: -20px -20px 0
    }

    .locked_block {
        position: absolute;
        bottom: 20px;
        inset-inline-start: 35px;
        width: auto;
        font-weight: 700;
        border-radius: 8px;
        padding: 7px 12px;
        box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 4%),0px 0px 40px 0px rgb(0 0 0 / 4%)
    }

    .bg-sun {
        background: #FBD801
    }

    .ms-n2 {
        margin-inline-start:-6px !important}

    .uh_domain_tableprice {
        padding: 0 calc(.5 * var(--bs-gutter-x))
    }

    .uh_domain_tableprice .row {
        box-shadow: none !important
    }

    .uh_domain_tableprice .dtHeader {
        gap: 24px
    }

    .uh_domain_tableprice .dtHeader .dataTables_filter,.uh_domain_tableprice .dtHeader .cus_selects {
        flex: 0 0 auto;
        width: auto
    }

    .uh_domain_tableprice .dtHeader .dataTables_filter input,.cus_selects .bg-white > .dropdown-toggle,.cus_selects select.bg-white {
        border: 1px solid rgb(0 0 0 / 8%);
        border-radius: 2em;
        height: 51px;
        font-size: 14px;
        font-weight: 500;
        line-height: normal;
        padding: 8px 24px;
        padding-inline-start:40px;display: flex
    }

    .uh_domain_tableprice .dtHeader .dataTables_filter input {
        margin: 0;
        background: #fff;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.48469 11.969C3.45109 11.969 1.00022 9.5181 1.00022 6.4845C1.00022 3.4509 3.45109 1 6.48469 1C9.51829 1 11.9692 3.4509 11.9692 6.4845C11.9692 9.5181 9.51829 11.969 6.48469 11.969Z' stroke='%23434343' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M13.0004 12.9971L11.2865 11.2832' stroke='%23434343' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
        background-position: 16px center;
        background-repeat: no-repeat
    }

    .cus_selects svg {
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none;
        width: 16px;
        height: auto
    }

    .cus_selects .bg-white {
        appearance: none;
        background: transparent !important
    }

    .cus_selects .bg-white#category {
        max-width: 145px
    }

    .cus_selects .bg-white > .dropdown-toggle,.cus_selects select.bg-white {
        background: transparent
    }

    .cus_selects .bg-white > .dropdown-toggle:focus,.cus_selects select.bg-white:focus {
        outline: none !important
    }

    .cus_selects .bg-white > .dropdown-toggle .filter-option {
        position: relative;
        float: none;
        top: auto;
        inset-inline-start: auto;
        height: auto;
        width: auto;
        text-align: start
    }

    .cus_selects .bg-white > .dropdown-toggle:after {
        display: none
    }

    .cus_selects .bg-white > .dropdown-menu {
        margin: 0;
        border: 0;
        box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 14%);
        border-radius: 16px;
        max-height: 450px !important;
        z-index: 9
    }

    .cus_selects .bg-white > .dropdown-menu > .inner {
        max-height: 450px !important;
        padding: 10px
    }

    .cus_selects .bg-white > .dropdown-menu .dropdown-item {
        border-radius: 8px;
        font-weight: 500;
        padding: 6px 15px
    }

    .cus_selects .bg-white > .dropdown-menu .dropdown-item.selected {
        background-color: #457BFF
    }

    .uh_domain_tableprice thead tr th {
        border: 0
    }

    .uh_domain_tableprice tbody tr td {
        border-color: #F2F2F2;
        padding: 16px 26px;
        position: relative
    }

    .uh_domain_tableprice tbody tr:last-child td {
        border-bottom: 0
    }

    .uh_domain_tableprice tbody tr td:first-child {
        padding-inline-start:0}

    .uh_domain_tableprice tbody tr td:nth-child(2):before,.uh_domain_tableprice tbody tr td:nth-child(3):before,.uh_domain_tableprice tbody tr td:nth-child(4):before,.uh_domain_tableprice tbody tr td:nth-child(5):before {
        content: '';
        position: absolute;
        background: #FCFCFC;
        top: 16px;
        right: 0;
        bottom: 16px;
        left: 0
    }

    .uh_domain_tableprice tbody tr td:nth-child(2):before {
        border-radius: 24px 0 0 24px
    }

    .uh_domain_tableprice tbody tr td:nth-child(5):before {
        border-radius: 0 24px 24px 0
    }

    .uh_domain_tableprice tbody tr td:nth-child(3),.uh_domain_tableprice tbody tr td:nth-child(4) {
        text-align: center
    }

    .uh_domain_tableprice tbody tr td:nth-child(5) {
        text-align: end
    }

    .uh_domain_tableprice tbody tr td:nth-child(2) span:first-child,.uh_domain_tableprice tbody tr td:nth-child(3) span:first-child,.uh_domain_tableprice tbody tr td:nth-child(4) span:first-child,.uh_domain_tableprice tbody tr td:nth-child(5) span:first-child {
        position: relative;
        padding-top: 13px;
        display: block;
        font-size: 14px;
        font-weight: normal
    }

    .uh_domain_tableprice tbody tr td:nth-child(2) span:last-child,.uh_domain_tableprice tbody tr td:nth-child(3) span:last-child,.uh_domain_tableprice tbody tr td:nth-child(4) span:last-child,.uh_domain_tableprice tbody tr td:nth-child(5) span:last-child {
        position: relative;
        padding-bottom: 13px;
        display: block;
        font-size: 18px;
        font-weight: 700
    }

    .uh_domain_tableprice tbody tr td:nth-child(1) a span:first-child {
        display: none
    }

    .uh_domain_tableprice tbody tr td:nth-child(1) a span:last-child {
        font-weight: 700;
        font-size: clamp(1.4375rem,0.2656rem + 3.75vw,2.375rem)
    }

    .uh_domain_tableprice .uh_dom_badge {
        background: #FFE9DC;
        color: #F67A3C !important;
        border: 1px solid rgb(0 0 0 / 4%);
        border-radius: 2em;
        padding: 4px 10px;
        font-size: 14px;
        font-weight: 700
    }

    .uh_domain_tableprice .row.dtFooter > .dtInfo {
        display: none
    }

    .uh_domain_tableprice .row.dtFooter > .dtPagination {
        width: 100%
    }

    .uh_domain_tableprice .row.dtFooter > .dtPagination .dataTables_paginate {
        text-align: center;
        margin-top: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        flex-wrap: wrap
    }

    .uh_domain_tableprice .row.dtFooter > .dtPagination .dataTables_paginate > span {
        display: flex;
        align-items: center;
        gap: 10px
    }

    .uh_domain_tableprice .row.dtFooter > .dtPagination .paging_simple_numbers a {
        border: 1px solid rgb(32 32 32 / 8%);
        border-radius: 4px;
        padding: 8.5px 11px;
        min-width: 40px;
        color: var(--bs-body-color);
        background: #fff;
        font-size: 14px;
        cursor: pointer
    }

    .uh_domain_tableprice .row.dtFooter > .dtPagination .paging_simple_numbers a:hover {
        background: rgb(0 0 0 / 2%)
    }

    .uh_domain_tableprice .row.dtFooter > .dtPagination .paging_simple_numbers a.current {
        background: #457AFF;
        color: #fff
    }

    .uh_domain_benefits hr {
        margin: 48px 0
    }

    .uh_domain_benefits .listt {
        display: flex;
        align-items: flex-start;
        gap: 16px
    }

    .uh_domain_benefits .listt h2 {
        font-size: clamp(1.25rem,0.625rem + 2vw,1.75rem);
        font-weight: 700
    }

    .uh_domain_benefits .listt p {
        margin: 0;
        color: var(--Neutral-700,#4D4D4D);
        line-height: 2
    }

    .uh_badge.blog-Business {
        color: #BE6A0D !important;
        background: rgb(255 236 215 / 75%)
    }

    .uh_badge.blog-Web {
        color: #1F0DBE !important;
        background: rgb(231 228 255 / 75%)
    }

    .uh_badge.blog-Inside {
        color: #39A22B;
        background: rgb(224 255 219 / 75%)
    }

    #price-table:not(:has(.is_most_popular)) .uh_price_plan > .opacity-0 {
        display: none
    }

    #price-table:not(:has(.is_most_popular)) .uh_price_plan .uh_content {
        height: 100%
    }

    .uh_price_plan {
        margin-bottom: 30px
    }

    .uh_price_plan .uh_content {
        padding: 0 !important;
        height: calc(100% - 38px)
    }

    .uh_price_plan .spHead {
        padding: 24px
    }

    .uh_plan_name {
        font-size: clamp(1.125rem,0.6563rem + 1.5vw,1.5rem);
        font-size: clamp(1.125rem,0.9688rem + 0.5vw,1.25rem);
        font-weight: 700;
        line-height: 2
    }

    .uh_plan_name .badge_prnt:has(.badge:not(:empty)) {
        margin-top: -8px
    }

    .uh_plan_name .badge {
        background: #4678ff
    }

    .uh_plan_desc {
        min-height: 64px;
        margin-bottom: 32px;
        line-height: 2;
        color: var(--Neutral-700,#4D4D4D)
    }

    .uh_plan_discount {
        color: rgba(var(--bs-body-color-rgb),0.50)
    }

    .uh_plan_price {
        margin: 10px 0 2px
    }

    .uh_plan_price b {
        font-size: clamp(1.375rem,-0.0313rem + 4.5vw,2.5rem);
        font-size: clamp(1.375rem,0.2813rem + 3.5vw,2.25rem);
        font-weight: 700
    }

    .renew_text {
        font-size: 12px;
        opacity: 0.6
    }

    .uh_price_plan .spFooter {
        padding: 0 24px 24px;
        border-bottom: 1px solid #E6E6E6
    }

    .uh_price_plan .spFooter .btn {
        line-height: 58px
    }

    .uh_price_plan.is_most_popular .spFooter .btn {
        background: var(--primary-600,#457BFF) !important;
        border-color: var(--primary-600,#457BFF) !important;
        color: #fff !important
    }

    .uh_price_plan.is_most_popular.is_recommended .spFooter .btn {
        background: var(--secondary-600,#5A28FA) !important;
        border-color: var(--secondary-600,#5A28FA) !important;
        color: #fff !important
    }

    .uh_price_plan.is_most_popular .spFooter .btn:hover,.uh_price_plan.is_most_popular.is_recommended .spFooter .btn:hover {
        opacity: 0.9
    }

    .uh_price_plan .spBody {
        padding: 24px
    }

    .uh_price_plan .spBody h5 {
        font-size: 16px;
        font-weight: 700
    }

    .uh_price_plan .spBody ul {
        display: flex;
        flex-direction: column;
        gap: 8px
    }

    .uh_price_plan .spBody ul li {
        position: relative;
        padding-inline-start:32px;line-height: 2
    }

    .uh_price_plan .spBody ul li > img {
        position: absolute;
        top: 8px;
        inset-inline-start: 0
    }

    .uh_price_plan .spBody ul li:not(:has(> img)):before {
        content: '';
        position: absolute;
        top: 8px;
        inset-inline-start: 0;
        width: 16px;
        height: 16px;
        background-image: url(/themes/default/images/plans/check.svg)
    }

    .uh_price_plan.is_most_popular .spBody ul li:not(:has(> img)):before {
        background-image: url(/themes/default/images/plans/check-purple.svg)
    }

    .uh_price_plan .spBody ul strong {
        font-weight: normal
    }

    .uh_price_plan > .opacity-0 {
        padding: 9px 0
    }

    .is_most_popular.uh_price_plan {
        margin-top: 0
    }

    .is_most_popular.uh_price_plan > .opacity-0 {
        display: none
    }

    .is_most_popular > .uh_content {
        border: 0;
        background: transparent;
        height: 100%
    }

    .is_most_popular > .uh_content > .flex-1 {
        padding: 4px;
        position: relative;
        height: calc(100% - 38px)
    }

    .is_most_popular > .uh_content > .flex-1 .plan-div {
        border: 1px solid rgb(0 0 0 / 8%);
        border-radius: 20px;
        background-color: white;
        height: 100%
    }

    .domains_hero .col-lg-5 {
        transition: all 0.2s
    }

    body.srch_clickd .domains_hero .hero_left_star,body.srch_clickd .domains_hero .hero_right_star,body.srch_clickd .uh_domains_banner,body.srch_clickd .hero_heading,body.srch_clickd .hero_subheading,body.srch_clickd .uh_domain_tab_ul,body.srch_clickd .domains_hero .transfer,body.srch_clickd .hide_on_search {
        display: none
    }

    body.srch_clickd .uh_domain_tab_prnt {
        margin: 0 auto;
        max-width: 1136px
    }

    body.srch_clickd .uh_domain_tab {
        filter: drop-shadow(0px 0px 40px rgba(0,0,0,0.08))
    }

    body.srch_clickd .uh_domain_search {
        border-radius: 1rem
    }

    body.srch_clickd .domains_hero .col-lg-5 {
        width: 100%
    }

    .container-small {
        max-width: 1136px
    }

    .uh_new_dom_list {
        position: relative
    }

    .domain_result_match,.domain_result_bundle {
        margin-top: 0
    }

    .domain_result_match .uh_content,.domain_result_bundle .uh_content {
        box-shadow: none;
        display: flex;
        flex-direction: column;
        height: 100%
    }

    .domain_result_match .uh_content .plan-div,.domain_result_bundle .uh_content .plan-div {
        height: 100%;
        border: 0
    }

    .domain_result_match .domain_list_innr,.domain_result_bundle .domain_list_innr {
        padding: 35px
    }

    .domain_result_match .domain_list_innr h2,.domain_result_bundle .domain_list_innr h2,.domain_result_match_single .name_prnt h2 {
        font-size: clamp(1.125rem,0.3438rem + 2.5vw,1.75rem)
    }

    .domain_result_match .domain_list_innr h2 .uh_badge,.domain_result_bundle .domain_list_innr h2 .uh_badge,.domain_result_match_single .name_prnt h2 .uh_badge {
        vertical-align: middle;
        font-weight: 500
    }

    .domain_result_match .domain_list_innr h2+p,.domain_result_bundle .domain_list_innr h2+p {
        margin: 0 0 40px;
        color: var(--Neutral-500,#7B7B7B)
    }

    .domain_result_match .domain_list_innr .new_price,.domain_result_bundle .domain_list_innr .new_price {
        font-size: clamp(1.125rem,0.0313rem + 3.5vw,2rem)
    }

    .domain_result_match:before {
        background: #457BFF;
        box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 2%)
    }

    .domain_result_bundle:before {
        background: #5A28FA;
        box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 2%)
    }

    .domain_result_match .domain_list_innr .btn {
        line-height: 50px;
        background: #457BFF;
        border: 0
    }

    .domain_result_bundle .domain_list_innr .btn {
        line-height: 50px;
        background: #5A28FA;
        border: 0
    }

    .domain_result_match .domain_list_innr h2 .dom_ext,.domain_result_match_single .name_prnt h2 .dom_ext {
        color: #457BFF
    }

    .domain_result_bundle .domain_list_innr h2 .dom_ext {
        color: #5A28FA
    }

    .uh_domain_results {
        border: 1px solid rgb(0 0 0 / 8%);
        border-radius: 24px
    }

    .uh_domain_results h5,.uh_domain_results_hdr h5 {
        margin: 0;
        padding: 24px;
        font-size: clamp(1.0625rem,0.5156rem + 1.75vw,1.5rem);
        font-weight: 700
    }

    .uh_domain_results h5+p,.uh_domain_results_hdr h5+p {
        margin: -10px 0 0;
        padding: 0 24px 24px;
        font-size: clamp(1rem,0.8438rem + 0.5vw,1.125rem)
    }

    .uh_domain_results_hdr {
    }

    .uh_domain_results_hdr h5,.uh_domain_results_hdr h5+p {
        padding: 0 0 18px
    }

    .domain_result_match_single .dng_domain_list {
        border-radius: 20px;
        border: 1px solid rgb(0 0 0 / 8%) !important;
        box-shadow: 0 0 40px 0 rgb(0 0 0 / 8%)
    }

    .domain_result_match_single .uh_badge.main {
        background: #457BFF !important;
        border-color: #457BFF !important;
        color: #fff !important
    }

    .domain_result_match_single .dng_domain_list .btn {
        line-height: 48px
    }

    .domain_result_bundle.is_most_popular:before {
        background: linear-gradient(126deg,rgba(76,151,245,1) 0%,rgba(120,115,254,1) 50%,rgba(157,125,255,1) 100%)
    }

    .domain_result_bundle .popular_block_badge {
        text-align: start;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 8px;
        padding: 16px 28px 12px
    }

    .domain_result_bundle .domain_list_innr {
        padding: 24px;
        display: block
    }

    .domain_result_bundle .dng_domain_list {
        padding: 0;
        width: 100%;
        border: 0
    }

    .domain_result_bundle .domain_list_innr h2+p {
        margin: 0;
        color: #101010
    }

    .domain_result_bundle .domain_list_innr .new_price {
        font-size: clamp(1.0625rem,0.8281rem + 0.75vw,1.25rem)
    }

    .domain_result_bundle .domain_list_innr .dng_domain_list .btn {
        margin: 0;
        width: auto
    }

    .domain_result_bundle .domain_list_innr hr {
        margin: 24px 0
    }

    .choose_tld_opts {
        display: flex !important;
        align-items: center;
        gap: 16px;
        flex-wrap: wrap
    }

    .choose_tld_opts .opt {
        border-radius: 16px;
        border: 1px solid rgb(0 0 0 / 4%);
        background: #FFF;
        display: flex;
        align-items: center;
        gap: 20px;
        transition: all 0.2s;
        padding: 12px 16px
    }

    .choose_tld_opts .opt.active {
        box-shadow: 0 0 20px 0 rgb(0 0 0 / 8%)
    }

    .choose_tld_opts .opt .check {
        display: inline-block;
        vertical-align: middle;
        margin-inline-end:5px;width: 16px;
        aspect-ratio: 1;
        border: 1px solid rgb(32 32 32 / 25%);
        border-radius: 4px;
        margin-top: -3px;
        transition: all 0.2s
    }

    .choose_tld_opts .opt.active .check {
        border-color: #202020;
        background-color: #202020;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.75 2.74999L2.74765 4.75L6.75 0.75' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
        background-position: center;
        background-repeat: no-repeat
    }

    .choose_tld_opts .opt .cross {
        font-size: 14px;
        opacity: 0.5;
        text-decoration-line: line-through;
        margin-inline-end:6px}

    .choose_tld_opts .opt .new_price {
        font-size: 16px;
        font-weight: 500
    }

    .choose_tld_opts .opt.menu {
        padding: 18px
    }

    .choose_tld_opts .dropdown-menu {
        margin: 0;
        border: 0;
        box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 14%);
        border-radius: 16px;
        max-height: 450px !important;
        overflow-y: auto;
        padding: 10px 0;
        z-index: 9;
        min-width: 250px
    }

    .choose_tld_opts .dropdown-menu .opt {
        width: 100%;
        border-radius: 0;
        border-left: 0;
        border-right: 0;
        border-top: 0;
        box-shadow: none !important;
        justify-content: space-between
    }

    .choose_tld_opts .dropdown-menu li:last-child .opt {
        border-bottom: 0
    }

    .dng_domain_list {
        border-bottom: 1px solid #F2F2F2;
        padding: 24px
    }

    .dng_domain_list:last-child {
        border: 0
    }

    .dng_domain_list .name_prnt {
        display: flex;
        gap: 12px;
        flex-wrap: wrap;
        align-items: center
    }

    .dng_domain_list .name {
        display: flex;
        gap: 12px;
        font-weight: 500;
        font-size: clamp(1.125rem,0.9688rem + 0.5vw,1.25rem)
    }

    .dng_domain_list .name_prnt .uh_badge {
        font-weight: 500;
        padding: 3.5px 11px
    }

    .dng_domain_list .name > svg {
        margin: -3px 0 0
    }

    .dng_domain_list .d_icon {
        width: 32px;
        height: 32px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: rgb(69 123 255 / 8%);
        border-radius: 50%;
        flex: 0 0 auto
    }

    .dng_domain_list .d_icon svg {
        width: 16px;
        height: 16px
    }

    .dng_domain_list .d_price {
        padding-top: 6px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 15px
    }

    .dng_domain_list .d_price .uh_badge {
        font-weight: 700;
        padding: 3.5px 11px
    }

    .dng_domain_list .d_price .cross {
        color: var(--Neutral-500,#7B7B7B);
        text-decoration: line-through
    }

    .domain_ai_result {
        border-radius: 24px;
        background: #FAFAFA;
        padding: 24px 32px;
        display: flex;
        align-items: flex-start;
        gap: 16px;
        font-size: clamp(1rem,0.8438rem + 0.5vw,1.125rem);
        line-height: 1.5
    }

    .domain_ai_result img {
        flex: 0 0 auto
    }

    .domain_result_deal {
        background-color: #101010;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='778' height='189' viewBox='0 0 778 189' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg opacity='0.5' filter='url(%23filter0_f_180_6270)'%3e%3cpath d='M717.499 -164L818.887 83.5592L982.936 295L717.499 258.882L452.062 295L616.111 83.5592L717.499 -164Z' fill='%23906DFF'/%3e%3cpath d='M800.379 91.1387L801.413 93.6641L803.085 95.8193L937.125 268.582L720.195 239.064L717.499 238.697L714.803 239.064L497.872 268.582L631.913 95.8193L633.585 93.6641L634.619 91.1387L717.499 -111.229L800.379 91.1387Z' stroke='%23906DFF' stroke-width='40'/%3e%3c/g%3e%3cg opacity='0.5' filter='url(%23filter1_f_180_6270)'%3e%3cpath d='M716.155 -90.9226L556.654 114.992L458.077 356.081L359.501 114.992L200 -90.9226L458.077 -55.7482L716.155 -90.9226Z' fill='%2363A4FF'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='filter0_f_180_6270' x='252.062' y='-364' width='930.874' height='859' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3e%3cfeGaussianBlur stdDeviation='100' result='effect1_foregroundBlur_180_6270'/%3e%3c/filter%3e%3cfilter id='filter1_f_180_6270' x='0' y='-290.923' width='916.155' height='847.003' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3e%3cfeGaussianBlur stdDeviation='100' result='effect1_foregroundBlur_180_6270'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e ");
        border-radius: 24px;
        background-position: right;
        background-repeat: no-repeat;
        background-size: auto 100%;
        overflow: hidden
    }

    .domain_result_deal .innr {
        padding: 50px 72px;
        padding-inline-end:0}

    .domain_result_deal .subtitle {
        color: #779EFF;
        font-weight: 700;
        line-height: 1.3;
        letter-spacing: -0.32px;
        display: flex;
        align-items: center;
        gap: 6px
    }

    .domain_result_deal .subtitle:before {
        content: '';
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='16' height='16' rx='4' fill='%23779EFF'/%3e%3cg clip-path='url(%23clip0_180_6259)'%3e%3cmask id='mask0_180_6259' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='2' y='2' width='12' height='12'%3e%3cpath d='M14 2H2V14H14V2Z' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask0_180_6259)'%3e%3cpath d='M11.97 9.85986V11.5949C11.97 12.3699 11.34 12.9999 10.565 12.9999H5.43002C4.65502 12.9999 4.03003 12.3749 4.03003 11.5999V9.85986C4.03003 9.71986 4.14003 9.60986 4.28003 9.60986H11.72C11.86 9.60986 11.97 9.71986 11.97 9.85986Z' fill='white'/%3e%3cpath d='M11.595 5.57008H10.46C10.64 5.36508 10.775 5.13508 10.855 4.88008L10.865 4.84008C10.98 4.37508 10.885 3.87008 10.57 3.51008C10.175 3.05008 9.61 2.89508 9.045 3.07008C8.62 3.20008 8.25 3.51008 8 3.91508C7.75 3.51008 7.38 3.20008 6.95499 3.07008C6.38999 2.89508 5.81999 3.05008 5.42499 3.51008C5.11499 3.87508 5.02001 4.38008 5.13501 4.84508L5.14499 4.88008C5.22499 5.13508 5.36001 5.36508 5.54001 5.57008H4.405C3.63 5.57008 3 6.12008 3 6.80008V7.65505C3 8.22005 3.435 8.7001 4.03 8.8451C4.15 8.8751 4.275 8.8901 4.405 8.8901H11.595C11.725 8.8901 11.85 8.8751 11.97 8.8451C12.565 8.7001 13 8.22005 13 7.65505V6.80008C13 6.12008 12.37 5.57008 11.595 5.57008ZM8.375 5.32008C8.375 5.22008 8.385 5.07508 8.43 4.86008C8.43 4.84508 8.435 4.83008 8.44 4.82008C8.54 4.31508 8.865 3.91008 9.27 3.78508C9.335 3.76508 9.41 3.75008 9.495 3.75008C9.64 3.75008 9.81 3.80008 9.965 3.95008C10.21 4.19508 10.195 4.47508 10.14 4.66008C10.125 4.71508 10.105 4.76508 10.075 4.82008C9.905 5.16508 9.53 5.43008 9.08 5.51508C8.86 5.56008 8.71 5.57008 8.61 5.57008C8.45 5.57008 8.415 5.54008 8.41 5.53508C8.405 5.53008 8.375 5.49508 8.375 5.33508V5.32008ZM6.03501 3.95008C6.19001 3.80008 6.36 3.75008 6.505 3.75008C6.59 3.75008 6.66501 3.76508 6.73001 3.78508C7.135 3.91008 7.46 4.31508 7.56 4.82008C7.565 4.83008 7.57 4.84508 7.57 4.86008C7.615 5.07508 7.625 5.22008 7.625 5.32008V5.33508C7.625 5.49508 7.595 5.53008 7.59 5.53508C7.585 5.54008 7.55 5.57008 7.39 5.57008C7.29 5.57008 7.14 5.56008 6.92001 5.51508C6.47001 5.43008 6.09499 5.16508 5.92499 4.82008C5.89499 4.76508 5.87499 4.71508 5.85999 4.66008C5.80499 4.47508 5.79001 4.19508 6.03501 3.95008Z' fill='white'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e ");
        display: block;
        width: 16px;
        height: 16px;
        flex: 0 0 auto
    }

    .domain_result_deal .title {
        color: var(--Neutral-50,#FFF);
        font-size: 20px;
        font-weight: 700;
        line-height: 1.3;
        letter-spacing: -0.4px;
        margin-top: 4px
    }

    .domain_result_deal .desc {
        margin-top: 12px;
        line-height: 1.6;
        color: rgba(255,255,255,0.75)
    }

    .domain_result_deal .img {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%
    }

    .domain_result_deal .img img {
        mix-blend-mode: lighten
    }

    .domain_result_swtich_prnt {
        padding: 6px 0 24px
    }

    .domain_result_swtich {
        display: flex !important;
        border: 1px solid rgb(0 0 0 / 4%);
        border-radius: 2em;
        align-items: flex-start
    }

    .domain_result_swtich .quad_switch {
        background: transparent;
        width: 100%;
        border: 0;
        display: inline-flex !important
    }

    .domain_result_swtich .quad_switch > * {
        flex: 1 1 auto
    }

    .domain_result_swtich .quad_switch .btn {
        border-radius: 2em;
        border: 0;
        line-height: 48px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px
    }

    .domain_result_swtich .btn:hover {
        opacity: 0.9
    }

    .domain_result_swtich .quad_switch .btn.active {
        background: var(--primary-600,#457BFF);
        color: var(--Neutral-50,#FFFFFF)
    }

    .domain_result_swtich .quad_switch .btn:before {
        content: '';
        width: 14px;
        height: 14px;
        flex: 0 0 auto;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain
    }

    .domain_result_swtich .quad_switch .btn.active:before {
        filter: invert(1)
    }

    .domain_result_swtich .quad_switch .btn.id-1:before {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.865 1.90155L7.745 3.80821C7.865 4.07363 8.185 4.32821 8.455 4.37697L10.05 4.66404C11.07 4.84821 11.31 5.64987 10.575 6.4407L9.335 7.78403C9.125 8.01153 9.01 8.45028 9.075 8.76445L9.43 10.4274C9.71 11.7436 9.065 12.2528 7.99 11.5649L6.495 10.6061C6.225 10.4328 5.78 10.4328 5.505 10.6061L4.01002 11.5649C2.94002 12.2528 2.29002 11.7382 2.57002 10.4274L2.92502 8.76445C2.99002 8.45028 2.87502 8.01153 2.66502 7.78403L1.42502 6.4407C0.695016 5.64987 0.930016 4.84821 1.95002 4.66404L3.54502 4.37697C3.81002 4.32821 4.13002 4.07363 4.25002 3.80821L5.13 1.90155C5.61 0.866965 6.39 0.866965 6.865 1.90155Z' fill='black' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ")
    }

    .domain_result_swtich .quad_switch .btn.id-3:before {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.4767 3.20837H3.52336C2.30419 3.20837 1.3125 4.20004 1.3125 5.41921V10.4767C1.3125 11.6959 2.30419 12.6875 3.52336 12.6875H10.4767C11.6958 12.6875 12.6875 11.6959 12.6875 10.4767V5.41921C12.6875 4.20004 11.6958 3.20837 10.4767 3.20837Z' stroke='%23000' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M1.3125 5.72852L1.38833 6.10768C1.5575 6.94768 2.39164 7.63018 3.24914 7.63018H5.21497C5.54747 7.63018 5.87417 7.76434 6.1075 7.99768C6.60333 8.49351 7.4025 8.49351 7.8925 7.99768C8.13167 7.75851 8.45256 7.63018 8.78506 7.63018H10.7509C11.6026 7.63018 12.4425 6.94768 12.6058 6.10768L12.6817 5.72852' stroke='%23000' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M5.10419 3.20833V2.57833C5.10419 1.88417 5.67004 1.3125 6.37002 1.3125H7.63585C8.33002 1.3125 8.90169 1.87833 8.90169 2.57833V3.20833' stroke='%23000' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ")
    }

    .domain_result_swtich .quad_switch .btn.id-18:before {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.04169 10.5V4.08329C2.04169 1.74996 2.62502 1.16663 4.95835 1.16663H9.04169C11.375 1.16663 11.9584 1.74996 11.9584 4.08329V9.91663C11.9584 9.99829 11.9584 10.08 11.9525 10.1616' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M3.70419 8.75H11.9584V10.7917C11.9584 11.9175 11.0425 12.8333 9.91669 12.8333H4.08335C2.95752 12.8333 2.04169 11.9175 2.04169 10.7917V10.4125C2.04169 9.49667 2.78835 8.75 3.70419 8.75Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M4.66669 4.08325H9.33335' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M4.66669 6.125H7.58335' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ")
    }

    .domain_result_swtich .quad_switch .btn.id-4:before {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.01172 5.04582V4.39832' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M7.01172 8.9248V9.5723' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M5.89167 8.46436C6.055 8.75019 6.35833 8.92519 6.69083 8.93103H7.39667C7.8575 8.93103 8.2425 8.58686 8.295 8.13186C8.35333 7.67686 8.06167 7.25103 7.6125 7.14019L6.39917 6.83686C5.95583 6.72603 5.66417 6.30019 5.71667 5.84519C5.775 5.39019 6.16 5.04602 6.615 5.04602H7.32083C7.6475 5.04602 7.95083 5.22102 8.12 5.50685' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M7.01157 1.16663C10.2257 1.16663 12.8332 3.77413 12.8332 6.98829C12.8332 10.2025 10.2257 12.81 7.01157 12.81C3.79741 12.81 1.19574 10.2025 1.19574 6.98829C1.19574 3.77413 3.79741 1.16663 7.01157 1.16663Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M7.01157 1.16663C10.2257 1.16663 12.8332 3.77413 12.8332 6.98829C12.8332 10.2025 10.2257 12.81 7.01157 12.81C3.79741 12.81 1.19574 10.2025 1.19574 6.98829C1.19574 3.77413 3.79741 1.16663 7.01157 1.16663Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ")
    }

    .domain_result_swtich .quad_switch .btn.id-23:before {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.60913 1.18394C8.1608 1.46394 9.74746 1.46394 11.2991 1.18394C11.6841 1.11978 12.075 1.22478 12.3725 1.47561C12.67 1.72644 12.8391 2.09978 12.8333 2.48478V5.04561C12.8333 6.5156 12.005 7.85727 10.6866 8.51643C9.5958 9.06477 8.30663 9.06477 7.2158 8.51643C5.9033 7.85727 5.06915 6.5156 5.06915 5.04561V2.49061C5.06915 2.09978 5.23249 1.73228 5.52999 1.48144C5.82749 1.23061 6.2183 1.12561 6.6033 1.18978L6.60913 1.18394Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M4.10071 10.5172C4.38071 10.3247 4.7132 10.2197 5.05154 10.2197C5.40737 10.2197 5.75154 10.3364 6.04321 10.5406' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M4.10081 7.77588H3.45331' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M7.9799 3.75061H7.3324' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M10.5699 3.75061H9.92242' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M9.92266 6.35854C9.64266 6.55104 9.31016 6.65604 8.97183 6.65604C8.616 6.65604 8.27183 6.53937 7.98016 6.33521' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M5.06907 5.27908C4.28157 5.27908 3.49407 5.20908 2.72407 5.06908C2.33907 5.00491 1.94824 5.10991 1.65074 5.36074C1.35324 5.61158 1.18407 5.98493 1.1899 6.36993V8.92493C1.1899 10.3949 2.01824 11.7366 3.33657 12.3958C4.4274 12.9441 5.71657 12.9441 6.8074 12.3958C8.1199 11.7366 8.95407 10.3949 8.95407 8.92493' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ")
    }

    .domain_result_swtich .quad_switch .btn.id-16:before {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_209_48454)'%3e%3cmask id='mask0_209_48454' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='14' height='14'%3e%3cpath d='M14 0H0V14H14V0Z' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask0_209_48454)'%3e%3cpath d='M5.83329 5.24989L4.07163 3.70406C2.93997 2.71239 1.16663 3.51739 1.16663 5.02239V8.9774C1.16663 10.4824 2.93997 11.2874 4.07163 10.2957L5.83329 8.7499V5.24989Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M8.16663 5.24989L9.92829 3.70406C11.06 2.71239 12.8333 3.51739 12.8333 5.02239V8.9774C12.8333 10.4824 11.06 11.2874 9.92829 10.2957L8.16663 8.7499V5.24989Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6.99992 3.79163C6.35825 3.79163 5.83325 4.31663 5.83325 4.95829V9.04163C5.83325 9.68329 6.35825 10.2083 6.99992 10.2083C7.64159 10.2083 8.16659 9.68329 8.16659 9.04163V4.95829C8.16659 4.31663 7.64159 3.79163 6.99992 3.79163Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M4.08325 6.41663H5.83325' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M8.16663 7.58325H9.91663' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_209_48454'%3e%3crect width='14' height='14' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ")
    }

    .domain_result_swtich .quad_switch .btn.id-22:before {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_209_48466)'%3e%3cmask id='mask0_209_48466' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='14' height='14'%3e%3cpath d='M14 0H0V14H14V0Z' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask0_209_48466)'%3e%3cpath d='M5.24996 12.8333H8.74996C11.6666 12.8333 12.8333 11.6666 12.8333 8.74996V5.24996C12.8333 2.33329 11.6666 1.16663 8.74996 1.16663H5.24996C2.33329 1.16663 1.16663 2.33329 1.16663 5.24996V8.74996C1.16663 11.6666 2.33329 12.8333 5.24996 12.8333Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M5.30823 7.00025V6.13692C5.30823 5.02274 6.09574 4.57357 7.05824 5.12774L7.80491 5.55941L8.55157 5.99108C9.51407 6.54525 9.51407 7.45525 8.55157 8.00942L7.80491 8.44108L7.05824 8.87275C6.09574 9.42692 5.30823 8.97192 5.30823 7.86358V7.00025Z' stroke='%23000' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_209_48466'%3e%3crect width='14' height='14' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ")
    }

    .domain_result_swtich .dropdown {
        padding: 8px;
        padding-inline-start:0}

    .domain_result_swtich .dropdown > .btn {
        border: 0;
        font-size: clamp(0.875rem,0.7188rem + 0.5vw,1rem);
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        line-height: 48px;
        border-radius: 2em;
        min-width: 100px
    }

    .domain_result_swtich .dropdown:has(.dropdown-item.active) > .btn,.domain_result_swtich .dropdown-submenu:has(.dropdown-item.active) > .dropdown-item {
        background: var(--primary-600,#457BFF);
        color: var(--Neutral-50,#FFFFFF)
    }

    .domain_result_swtich .dropdown {
        display: block !important
    }

    .domain_result_swtich .dropdown-menu {
        margin: 0;
        border: 0;
        box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 14%);
        border-radius: 16px;
        max-height: 450px !important;
        overflow-y: auto;
        padding: 10px;
        z-index: 9
    }

    .domain_result_swtich > .dropdown > .dropdown-menu {
        display: block !important;
        opacity: 0;
        visibility: hidden
    }

    .domain_result_swtich > .dropdown > .dropdown-menu.show {
        opacity: 1;
        visibility: visible
    }

    .domain_result_swtich .dropdown-menu .dropdown-item {
        border-radius: 12px;
        font-weight: 600;
        padding: 10px 15px;
        transition: all 0.2s
    }

    .domain_result_swtich .dropdown-menu .dropdown-item:hover {
        color: var(--primary-600,#457BFF);
        background: var(--Primary-50,#EDF2FF)
    }

    .domain_result_swtich .dropdown-menu .dropdown-item.active {
        background: var(--primary-600,#457BFF);
        color: var(--Neutral-50,#FFFFFF)
    }

    .domain_result_swtich .dropdown-menu .dropdown-submenu {
        padding: 0
    }

    .domain_result_swtich .dropdown-menu .dropdown-submenu .dropdown-toggle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px
    }

    .domain_result_swtich .dropdown-menu .dropdown-submenu .dropdown-toggle:after {
        flex: 0 0 auto
    }

    .domain_result_swtich .dropdown-menu .dropdown-submenu .dropdown-toggle:not(.show):not(:hover):focus {
        background: transparent
    }

    .domain_result_swtich .dropdown-menu .dropdown-submenu .dropdown-toggle.show {
        background: rgb(0 0 0 / 3%);
        border-radius: 16px 16px 0 0;
        color: var(--bs-dropdown-link-color)
    }

    .domain_result_swtich .dropdown-menu .dropdown-submenu .dropdown-menu {
        position: relative !important;
        transform: none !important;
        box-shadow: none;
        background: rgb(0 0 0 / 3%);
        border-top: 1px solid rgb(0 0 0 / 7%);
        border-radius: 0 0 16px 16px
    }

    .ai-tooltip {
        --bs-tooltip-bg: #fff;
        --bs-tooltip-color: #1A1A1A;
        --bs-tooltip-opacity: 1;
        --bs-tooltip-border-radius: 12px;
        --bs-tooltip-max-width: 300px
    }

    .ai-tooltip .tooltip-inner {
        border: 1px solid var(--Neutral-100,#E6E6E6);
        box-shadow: 0px 8px 80px 0px rgb(0 0 0 / 16%);
        background: linear-gradient(130deg,#E3EEFF 0%,#fff 40%,#fff 70%,#E8E1FF 110%);
        padding: 20px;
        line-height: 1.8;
        font-size: 12px
    }

    .domain_result_nofound {
        margin: 0
    }

    .domain_result_nofound+.domain_result_bundle {
        width: 100%
    }

    .domain_result_nofound:before {
        display: none
    }

    .domain_result_nofound > .uh_content {
        box-shadow: none
    }

    .domain_result_nofound > .uh_content > .flex-1 {
        padding: 0;
        height: auto
    }

    .domain_result_nofound .domain_list_innr {
        padding: 35px
    }

    .domain_result_nofound .domain_list_innr h2 {
        font-size: clamp(1.125rem,0.3438rem + 2.5vw,1.75rem)
    }

    .domain_result_nofound .domain_list_innr h2 .dom_ext {
        color: #FF4548
    }

    .domain_result_nofound .domain_list_innr h2 .uh_badge {
        vertical-align: middle;
        font-weight: 500
    }

    .domain_result_nofound .domain_list_innr h2+p {
        margin: 0 0 40px;
        color: var(--Neutral-500,#7B7B7B)
    }

    .domain_result_nofound .domain_list_innr .foot {
        background: #FAFAFA;
        border-radius: 24px;
        padding: 24px;
        gap: 18px;
        flex-wrap: wrap
    }

    .domain_result_nofound .domain_list_innr .foot .text {
        font-size: clamp(1rem,0.8438rem + 0.5vw,1.125rem);
        font-weight: 500
    }

    .domain_result_nofound .domain_list_innr .foot .broker {
        display: flex;
        align-items: center;
        gap: 24px;
        flex-wrap: wrap
    }

    .domain_result_nofound .domain_list_innr .foot .broker .d_broker_service {
        display: flex;
        align-items: center;
        gap: 10px
    }

    .domain_result_nofound .domain_list_innr .foot .broker .d_broker_service p {
        margin: 0;
        font-size: 14px
    }

    .domain_result_nofound .domain_list_innr .foot .broker .d_broker_service h4 {
        margin: 0
    }

    .domain_result_nofound .domain_list_innr .foot .broker .btn {
        width: auto;
        margin: 0
    }

    .uh_broker_details .modal-body {
        padding: 40px
    }

    .uh_broker_details .modal-body h3 {
        font-weight: 700
    }

    .uh_broker_details .modal-body p {
        line-height: 1.9;
        margin-bottom: 35px
    }

    .uh_broker_details .modal-body textarea {
        height: 148px;
        resize: none
    }

    .uh_broker_details .modal-footer {
        padding: 0 40px 40px;
        border: 0
    }

    .uh_broker_details .modal-footer .main {
        color: #457BFF
    }

    @keyframes bounceInLeft {
        from,40%,75%,to {
            animation-timing-function: cubic-bezier(0.215,0.61,0.355,1)
        }

        0% {
            opacity: 0;
            transform: translate3d(-300px,0,0)
        }

        40% {
            opacity: 1;
            transform: translate3d(15px,0,0)
        }

        75% {
            transform: translate3d(-10px,0,0)
        }

        to {
            transform: translate3d(0,0,0)
        }
    }

    .animate_cart {
        animation-name: bounceInLeft;
        animation-duration: 0.7s;
        animation-fill-mode: both
    }

    @keyframes fadeInUp {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0,100%,0);
            transform: translate3d(0,100%,0)
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0)
        }
    }

    .cart-section {
        bottom: 0;
        left: 0;
        right: 0;
        box-shadow: 0 -3px 18px rgb(0 0 0 / 6%);
        z-index: 9;
        position: fixed;
        padding: 20px 0
    }

    .cart-section:empty {
        padding: 0;
        box-shadow: none
    }

    .cart-section:not(:empty) {
        animation-name: fadeInUp;
        animation-duration: 0.4s;
        animation-fill-mode: both
    }

    .cart-section-inner {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .cart-section-inner > .dropup {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column
    }

    .domn_cart_items {
        gap: 10px;
        font-size: 15px;
        display: flex;
        align-items: center;
        font-weight: 500
    }

    .domn_cart_items span {
        background-color: #457bff;
        color: #fff;
        border-radius: 2em;
        min-width: 22px;
        display: inline-block;
        text-align: center;
        line-height: 22px;
        flex: 0 0 auto;
        padding: 0 5px;
        font-size: 14px
    }

    .cart-section-inner > .dropup .text-muted {
        font-size: 15px;
        margin-top: 4px
    }

    .cart-section .btns_info {
        gap: 10px;
        display: flex;
        align-items: center
    }

    .domn_empty_cart_btn {
        transition: all 0.2s;
        padding: 7px 15px;
        font-size: 13px;
        letter-spacing: 0;
        font-weight: 500;
        line-height: 24px;
        border-radius: 12px
    }

    .prem_domain_hdr {
        position: relative;
        z-index: 1
    }

    .prem_domain_hdr .btn-close {
        --bs-btn-close-bg: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.699219 0.714905L12.6992 12.4515M12.6992 0.978329L0.699226 12.7149' stroke='white' stroke-width='2'/%3e%3c/svg%3e ")
    }

    .prem_domain {
        padding: 0 1rem 1rem
    }

    .prem_domain .hdr {
        margin: -48px -2rem 2rem
    }

    .prem_domain p {
        line-height: 1.8
    }

    .prem_domain .btn {
        margin-top: 1rem
    }

    .vps_banner_block {
        padding: 0
    }

    .vps_banner_block > .home_bnr_img img {
        mask: none
    }

    .vps_banner_block .top_left_block {
        inset-inline-end: -155px;
        top: 130px;
        z-index: 3
    }

    .vps_banner_block .top_left_block .uh_content {
        border-radius: 16px;
        padding: 16px;
        box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 12%);
        width: auto;
        background: white;
        display: flex;
        flex-direction: column;
        gap: 16px
    }

    .vps_banner_block .top_left_block .uh_content .ico {
        border: 1px solid rgb(0 0 0 / 4%);
        width: 53px;
        height: 49px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px
    }

    .vps_banner_block .top_left_block .uh_content .ico.last {
        background: linear-gradient(135deg,#E1EDFF,#ffffff)
    }

    .vps_banner_block .top_left_block .uh_content > img {
        position: absolute;
        inset-inline-start: 45px;
        top: 13px
    }

    .vps_banner_block .top_left_block.isp {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='294' height='97' viewBox='0 0 294 97' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg opacity='0.5'%3e%3cmask id='mask0_2154_1067903' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='301' height='97'%3e%3crect width='301' height='97' rx='21' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask0_2154_1067903)'%3e%3cg opacity='0.6' filter='url(%23filter0_f_2154_1067903)'%3e%3cpath d='M198.515 -63L247.608 69.672L380.28 118.765L247.608 167.858L198.515 300.53L149.422 167.858L16.75 118.765L149.422 69.672L198.515 -63Z' fill='%23E8E0FF'/%3e%3c/g%3e%3cg opacity='0.6' filter='url(%23filter1_f_2154_1067903)'%3e%3cpath d='M200.804 61.3441L233.841 103.597L287.422 106.021L245.169 139.059L242.745 192.639L209.707 150.386L156.127 147.962L198.38 114.925L200.804 61.3441Z' fill='%235A28FA'/%3e%3c/g%3e%3cg opacity='0.6' filter='url(%23filter2_f_2154_1067903)'%3e%3cpath d='M12.3042 -101.404L37.1998 -34.1245L104.479 -9.22899L37.1998 15.6665L12.3042 82.9457L-12.5913 15.6665L-79.8705 -9.22899L-12.5913 -34.1245L12.3042 -101.404Z' fill='%2363A4FF'/%3e%3c/g%3e%3cg opacity='0.6' filter='url(%23filter3_f_2154_1067903)'%3e%3cpath d='M12.3042 -201.331L64.1893 -61.114L204.407 -9.22894L64.1893 42.6561L12.3042 182.873L-39.5809 42.6561L-179.798 -9.22894L-39.5809 -61.114L12.3042 -201.331Z' fill='%23CFE3FF'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cfilter id='filter0_f_2154_1067903' x='-47.8584' y='-127.608' width='492.747' height='492.747' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3e%3cfeGaussianBlur stdDeviation='32.3042' result='effect1_foregroundBlur_2154_1067903'/%3e%3c/filter%3e%3cfilter id='filter1_f_2154_1067903' x='83.0566' y='-11.7259' width='277.435' height='277.435' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3e%3cfeGaussianBlur stdDeviation='36.535' result='effect1_foregroundBlur_2154_1067903'/%3e%3c/filter%3e%3cfilter id='filter2_f_2154_1067903' x='-122.943' y='-144.476' width='270.494' height='270.494' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3e%3cfeGaussianBlur stdDeviation='21.5361' result='effect1_foregroundBlur_2154_1067903'/%3e%3c/filter%3e%3cfilter id='filter3_f_2154_1067903' x='-244.407' y='-265.94' width='513.422' height='513.422' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3e%3cfeGaussianBlur stdDeviation='32.3042' result='effect1_foregroundBlur_2154_1067903'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e ");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        max-width: 280px;
        text-align: start;
        padding: 32px;
        box-shadow: 0px 0px 80px 0px rgb(0 0 0 / 12%);
        border: 1px solid var(--Neutral-100,#E6E6E6);
        top: 160px;
        inset-inline-end: -90px;
        mask-image: linear-gradient(to right,#000 75%,transparent)
    }

    .vps_banner_block .top_left_block.isp > img {
        height: 32px;
        max-width: 190px
    }

    .vps_banner_block .top_left_block.isp.plesk {
        max-width: 220px;
        inset-inline-end: -130px
    }

    .vps_banner_block .top_left_block.isp.php {
        max-width: 150px;
        inset-inline-end: 120px;
        z-index: 2;
        justify-self: center
    }

    .vps_banner_block .top_right_block {
        z-index: 4;
        top: 190px;
        position: relative;
        width: 100%;
        max-width: 290px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        inset-inline-start: auto;
        inset-inline-end: 0px
    }

    .vps_banner_block .uh_three_server_blocks {
        position: relative;
        inset-inline-start: auto;
        bottom: auto;
        max-width: none
    }

    .vps_banner_block .bottom_left_block {
        grid-area: 1 / 1;
        z-index: 3;
        bottom: 60px;
        align-self: end;
        justify-self: start;
        position: relative;
        inset-inline-end: -85px
    }

    .vps_banner_block .bottom_left_block .global_servers_block {
        max-width: 300px
    }

    .vps_banner_block .bottom_left_block .global_servers_block .info:has(h6 img) {
        padding: 10px 0
    }

    .vps_banner_block .bottom_left_block .global_servers_block h6 img {
        max-height: 20px
    }

    .uh_vps_country_block {
        position: relative;
        max-width: 580px;
        padding: 25px 0;
        margin-inline-start:auto}

    .uh_vps_country_block .global_servers_block {
        position: absolute;
        top: 50px;
        margin-inline-end:80px;margin-inline-start:-15px;width: auto;
        inset-inline-end: 50%
    }

    .uh_vps_country_block .global_servers_block .innr {
        padding: 0
    }

    .uh_vps_country_block .global_servers_block .innr .info {
        padding: 16px
    }

    .uh_vps_country_block .global_servers_block .innr .info p {
        line-height: normal;
        color: var(--primary-600,#457BFF);
        margin-bottom: 8px
    }

    .uh_vps_country_block .global_servers_block .innr .info h6 img {
        height: 20px
    }

    .uh_scroll_features {
        background: #7C33FF
    }

    .scroller-container-prnt {
        margin-inline-end:-50vw;mask-image: linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent 100%)
    }

    .scroller-container {
        display: flex;
        flex-direction: column;
        gap: 32px
    }

    .scroller-container .scroller {
        position: relative;
        overflow: hidden;
        white-space: nowrap;
        width: 100%;
        height: 80px
    }

    .scroller-container .scroll-track {
        display: flex;
        align-items: center;
        white-space: nowrap;
        gap: 32px;
        margin: 0;
        position: absolute;
        padding-inline-end:32px}

    .scroller-container .scroll-track li {
        color: #fff;
        display: flex;
        align-items: center;
        font-weight: 700;
        gap: 12px;
        border: 1px solid rgb(230 230 230 / 4%);
        background: rgb(255 255 255 / 4%);
        padding: 24px;
        border-radius: 24px
    }

    
    .scroller-container .scroll-track li .srh-feature-icon {
        width: 24px;
        height: 24px;
        flex: 0 0 auto;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #fff;
    }

    .scroller-container .scroll-track li .srh-feature-icon svg {
        width: 24px;
        height: 24px;
        display: block;
        stroke: currentColor;
        fill: none;
        stroke-width: 1.9;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.scroller-container .scroll-track li img {
        width: 24px;
        flex: 0 0 auto
    }

    .scroller-container .scroll-track li strong {
        font-weight: 700
    }

    .vps_use_cases_title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px
    }

    .vps_use_cases_title:after {
        content: '';
        width: 14px;
        height: 14px;
        display: block;
        flex: 0 0 auto;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28.284' height='28.283' viewBox='0 0 28.284 28.283'%3E%3Cpath id='Path_217615' data-name='Path 217615' d='M3317.64,8187.422l7.783-7.782,2.217,2.217-7.783,7.782-2.217,2.218-7.783,7.783-2.218-2.218,7.783-7.783Z' transform='translate(3459.166 -8122.733) rotate(45)' fill='%23212121'/%3E%3C/svg%3E%0A");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        transition: transform 0.2s ease-in-out
    }

    .collapsed .vps_use_cases_title:after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28.284' height='28.283' viewBox='0 0 28.284 28.283'%3E%3Cpath id='Path_217530' data-name='Path 217530' d='M3317.64,8187.422l7.783-7.782,2.217,2.217-7.783,7.782,7.783,7.783-2.217,2.218-7.783-7.783-7.783,7.783-2.218-2.218,7.783-7.783-7.783-7.782,2.218-2.217Z' transform='translate(3459.166 -8122.733) rotate(45)' fill='%23212121'/%3E%3C/svg%3E%0A");
        transform: rotate(90deg)
    }

    .vps_use_cases {
        padding-top: 24px
    }

    .vps_use_cases ul {
        display: flex;
        flex-direction: column;
        gap: 18px;
        border-top: 1px solid var(--Neutral-100,#E6E6E6);
        padding-top: 24px;
        margin: 0
    }

    .vps_use_cases ul li {
        line-height: 1.8;
        width: 100%
    }

    .both_vps_tabs {
        margin: -40px 0 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 24px;
        text-align: center
    }

    .quad_switch_prnt {
        text-align: center;
        min-width: 0
    }

    .quad_switch,.vps-tabs {
        display: inline-flex;
        align-items: center;
        white-space: nowrap;
        overflow-x: auto;
        background: rgb(0 0 0 / 2%);
        border: 1px solid rgb(0 0 0 / 4%);
        padding: 8px;
        border-radius: 2em;
        max-width: 100%
    }

    .quad_switch label input {
        display: none
    }

    .quad_switch label div,.vps-tabs .vpsTabs-tablinks {
        font-size: clamp(0.875rem,0.7188rem + 0.5vw,1rem);
        font-weight: 700;
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 12px;
        transition: all 0.2s;
        cursor: pointer;
        border: 1px solid transparent;
        border-radius: 2em
    }

    .quad_switch label div:hover,.vps-tabs .vpsTabs-tablinks:hover {
        opacity: 0.7
    }

    .quad_switch label div span {
        color: #488010;
        font-size: clamp(0.75rem,0.5938rem + 0.5vw,0.875rem);
        background: #E8F3DB;
        border: 1px solid rgb(0 0 0 / 4%);
        padding: 0px 6px;
        border-radius: 2em
    }

    .quad_switch label div.one span {
        opacity: 0.7
    }

    .quad_switch label div.two span {
        opacity: 0.75
    }

    .quad_switch label input:checked+div,.vps-tabs .vpsTabs-tablinks.active {
        border-color: var(--Neutral-100,#E6E6E6);
        background: var(--Neutral-50,#FFFFFF);
        opacity: 1;
        box-shadow: 0px 0px 24px 0px rgb(0 0 0 / 8%);
        color: var(--primary-600,#457BFF)
    }

    /* SR Host BD: billing cycle only (Linux/Windows selector removed) */
    .both_vps_tabs{
        gap:0;
    }
    .both_vps_tabs .quad_switch_prnt{
        width:auto;
    }
    .both_vps_tabs .quad_switch{
        overflow:visible;
        box-shadow:0 8px 30px rgb(0 0 0 / 4%);
    }
    .both_vps_tabs .quad_switch label div{
        min-height:46px;
        justify-content:center;
        user-select:none;
    }
    .both_vps_tabs .quad_switch label input:focus-visible + div{
        outline:2px solid #457BFF;
        outline-offset:2px;
    }
    @media (max-width:767px){
        .both_vps_tabs .quad_switch{
            overflow-x:auto;
            max-width:100%;
            justify-content:flex-start;
        }
        .both_vps_tabs .quad_switch label div{
            padding:10px 11px;
            min-height:42px;
        }
    }

    .vps_apps {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 24px !important;
        gap: 16px
    }

    .vps_apps > div {
        display: flex;
        align-items: center;
        gap: 16px;
        font-weight: 700
    }

    .vps_apps > div span {
        border: 1px solid rgb(0 0 0 / 4%);
        background: rgb(230 230 230 / 8%);
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 64px;
        height: 64px;
        border-radius: 20px
    }

    .vps_apps > div span img {
        width: 28px
    }

    .vps_apps > img {
        flex: 0 0 auto;
        width: 28px
    }

    .view_more_content {
        overflow: hidden;
        max-height: 250px;
        transition: all 0.2s
    }

    .view_more_btn {
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        gap: 4px;
        color: var(--primary-600,#457BFF);
        font-weight: 700;
        background: linear-gradient(180deg,rgba(255,255,255,0) 0%,#FFFFFF 63.67%);
        padding: 50px 0 10px;
        margin: -50px 0 0;
        position: relative
    }

    .aff_uh_badge {
        display: inline-flex;
        align-items: center;
        border: 0.72px solid var(--Neutral-200,#dfdfdf);
        border-radius: 12px;
        font-weight: 700;
        padding: 8px 13px;
        gap: 4px
    }

    .step_block {
        border-radius: 24px;
        background: #FAFAFA;
        padding: 40px;
        height: 100%
    }

    .step_block_img {
        margin: -40px -40px 0
    }

    .step_count {
        border: 1px solid rgb(0 0 0 / 4%);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        background: rgb(124 51 255 / 8%);
        width: 56px;
        height: 56px;
        color: #7C33FF;
        font-weight: 700;
        font-size: clamp(1.25rem,0.625rem + 2vw,1.75rem)
    }

    .feat-1-aff {
        background: linear-gradient(135deg,#F0ECFF,transparent 20%,transparent 85%,#F0ECFF)
    }

    .bento_feat_img {
        margin: -20px -20px 0
    }

    .aff_bento_test {
        color: #fff;
        padding: 46px 46px 36px;
        text-align: start
    }

    .aff_bento_test > img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .aff_bento_test p {
        font-size: clamp(1rem,0.8438rem + 0.5vw,1.125rem);
        margin-top: 20px;
        color: var(--Neutral-100,#E6E6E6);
        font-weight: 500
    }

    .aff_bento_test p span {
        color: var(--Neutral-50,#FFF);
        font-weight: 700
    }

    .aff_bento_test .letter {
        margin: 0 -46px
    }

    .aff_dashboard_mb {
        padding-bottom: 50px
    }

    .aff_dashboard {
        position: relative;
        height: 100%
    }

    .aff_dashboard .uh_content {
        position: absolute;
        max-width: 400px;
        bottom: -110px;
        box-shadow: 0px 0px 120px 0px rgb(0 0 0 / 12%);
        border: 1px solid var(--Neutral-100,#E6E6E6);
        border-radius: 24px;
        padding: 40px 40px 30px;
        inset-inline-start: 50px;
        background-blend-mode: hard-light;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='640' height='415' viewBox='0 0 640 415' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath style='mix-blend-mode:hard-light' opacity='0.24' d='M659.928 345.057L634.957 310.478L659.999 275.823V275.405L634.957 240.75L659.928 206.171L634.957 171.591L659.29 137.848L634.957 104.143L659.928 69.5639L634.957 34.9848L659.999 0.32959H-491.001L-465.958 34.9848L-490.93 69.5639L-465.958 104.143L-490.291 137.848L-465.958 171.591L-490.93 206.171L-465.958 240.75L-491.001 275.405V275.823L-465.958 310.478L-490.93 345.057L-465.958 379.674L-491.001 414.33H659.999L634.957 379.674L659.928 345.057Z' fill='url(%23paint0_linear_1262_5659)'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_1262_5659' x1='-319.605' y1='1.08958' x2='600.706' y2='410.382' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23D3D4D5'/%3e%3cstop offset='0.03' stop-color='%238B9193'/%3e%3cstop offset='0.06' stop-color='%23575F63'/%3e%3cstop offset='0.07' stop-color='%23374145'/%3e%3cstop offset='0.08' stop-color='%232B363A'/%3e%3cstop offset='0.12' stop-color='%23343E42'/%3e%3cstop offset='0.17' stop-color='%234D5559'/%3e%3cstop offset='0.24' stop-color='%23757B7E'/%3e%3cstop offset='0.31' stop-color='%23ADB0B1'/%3e%3cstop offset='0.35' stop-color='%23CDCDCE'/%3e%3cstop offset='0.37' stop-color='%23C6C7C8'/%3e%3cstop offset='0.39' stop-color='%23B4B6B8'/%3e%3cstop offset='0.41' stop-color='%23979C9E'/%3e%3cstop offset='0.44' stop-color='%236F767A'/%3e%3cstop offset='0.46' stop-color='%23485357'/%3e%3cstop offset='0.48' stop-color='%234C565A'/%3e%3cstop offset='0.51' stop-color='%23596266'/%3e%3cstop offset='0.54' stop-color='%23707578'/%3e%3cstop offset='0.56' stop-color='%238F9092'/%3e%3cstop offset='0.57' stop-color='%2398989A'/%3e%3cstop offset='0.61' stop-color='%23A5A5A6'/%3e%3cstop offset='0.7' stop-color='%23C7C7C8'/%3e%3cstop offset='0.8' stop-color='white'/%3e%3cstop offset='0.83' stop-color='%23D1D1D2'/%3e%3cstop offset='0.9' stop-color='%234F4F53'/%3e%3cstop offset='0.94' stop-color='%231B1B20'/%3e%3cstop offset='0.95' stop-color='%23313136'/%3e%3cstop offset='0.96' stop-color='%234D4D51'/%3e%3cstop offset='0.97' stop-color='%23747476'/%3e%3cstop offset='0.99' stop-color='%23A5A5A7'/%3e%3cstop offset='1' stop-color='%23E9E9E9'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ")
    }

    .aff_dashboard .uh_content .info {
        margin-top: 27px
    }

    .aff_dashboard .uh_content .info h4 {
        margin-top: 12px;
        font-weight: 700
    }

    .aff_dashboard .uh_content .info p {
        font-size: clamp(1rem,0.8438rem + 0.5vw,1.125rem);
        line-height: 1.8
    }

    .aff_dashboard.big {
        margin-inline-end:-150px}

    .aff_dashboard.big .uh_content {
        bottom: -50px;
        inset-inline-start: 100px
    }

    .uh_agency_sign {
        box-shadow: 0px 0px 120px 0px rgb(0 0 0 / 12%);
        padding: 32px;
        position: relative;
        overflow: hidden
    }

    .uh_agency_sign_done {
        display: none;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        padding: 32px
    }

    .uh_agency_sign_done .innr {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .uh_agency_sign_done .innr .text {
        text-align: center;
        max-width: 450px
    }

    .uh_agency_sign_done .innr .text h4 {
        font-weight: 700;
        padding-top: 12px
    }

    .uh_agency_sign_done .innr .text p {
        margin: 0;
        line-height: 1.9
    }

    .step_count.main {
        color: #457BFF;
        background: rgb(69 123 255 / 8%)
    }

    .uh_agency_table {
        padding: 50px 0;
        margin: -50px 0
    }

    .uh_agency_table .highlight {
        border: 1px solid var(--Neutral-100,#E6E6E6);
        box-shadow: 0px 0px 56px 0px rgb(0 0 0 / 6%);
        margin-top: -1px;
        border-radius: 24px;
        background: #fff
    }

    .uh_agency_table .list-group.text-first .list-group-item {
        display: flex;
        align-items: center;
        gap: 8px;
        font-weight: 500;
        padding: 30px
    }

    .uh_agency_table .list-group-item {
        padding: 30px;
        font-weight: 400
    }

    .uh_agency_table .list-group-item:nth-of-type(even) {
        background: rgb(0 0 0 / 1%)
    }

    .uh_agency_table .col-1 {
        width: 32px
    }

    .uh_agency_table .col-1 .list-group-item {
        padding: 30px 0;
        color: transparent;
        user-select: none
    }

    .uh_agency_table .highlight .list-group-item {
        border-color: transparent
    }

    .uh_agency_table_hdr_empty {
        height: 221.39px
    }

    .uh_agency_table_hdr {
        text-align: start
    }

    .uh_agency_table_hdr h2 {
        font-weight: 700
    }

    .uh_agency_table_hdr .btn {
        margin-top: 24px
    }

    .uh_agency_table_hdr p {
        margin: 10px 0 0;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        font-weight: 500;
        color: var(--Neutral-400,#999999)
    }

    .uh_agency_block {
        overflow: hidden;
        color: #fff;
        text-align: center
    }

    .uh_agency_block > img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .uh_agency_block .dot_pattern_content {
        align-items: center;
        justify-content: center
    }

    .uh_agency_block .dot_pattern_content h2 {
        margin-top: -60px
    }

    .uh_agency_block .dot_pattern_content .btn {
        color: #fff;
        border-radius: 2em
    }

    .uh_wp_banner_block {
        padding: 0;
        margin-inline-end:-102px}

    .uh_wp_banner_block > .home_bnr_img img {
        max-width: 718px;
        mask: none
    }

    .uh_wp_banner_block .top_right_block {
        z-index: 4;
        top: 145px;
        position: relative;
        align-items: flex-start;
        inset-inline-start: auto;
        inset-inline-end: 120px
    }

    .uh_wp_banner_block .top_right_block .vds_protect_block {
        position: relative;
        top: auto;
        left: auto;
        right: auto
    }

    .uh_wp_banner_block .vds_protect_block .uh_content {
        background-blend-mode: hard-light;
        color: #404040;
        background-color: #fff
    }

    .uh_wp_banner_block .top_left_block {
        z-index: 4;
        align-self: center;
        top: -20px;
        inset-inline-start: 65px
    }

    .uh_wp_banner_block .bottom_mid_block {
        grid-area: 1 / 1;
        z-index: 3;
        bottom: 30px;
        align-self: end;
        justify-self: center;
        position: relative;
        inset-inline-end: -10px;
        text-align: start;
        width: 100%;
        max-width: 240px
    }

    .uh_wp_banner_block .bottom_mid_block .upgrading_hosting_block {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        max-width: none;
        bottom: auto
    }

    .uh_wp_banner_block .bottom_mid_block .upgrading_hosting_block .uh_content {
        padding: 20px 48px
    }

    .section_wp_ai {
        background: linear-gradient(225deg,#5639FA,#457BFF 40%,#457BFF 70%,#5639FA);
        color: #fff;
        text-align: center
    }

    .section_wp_ai:not(.pb) {
        padding-bottom: 0;
        border-radius: 24px
    }

    .uh_wp_steps .step_block {
        overflow: hidden
    }

    .uh_wp_steps .step_block_img {
        margin-bottom: -55px
    }

    .uh_wp_benefits {
        border: 1px solid rgb(255 255 255 / 20%);
        border-radius: 24px;
        color: #fff;
        overflow: hidden
    }

    .uh_wp_benefits .col-md-6 {
        border-inline-end:1px solid rgb(255 255 255 / 20%)}

    .uh_wp_benefits .head {
        font-size: clamp(1rem,0.8438rem + 0.5vw,1.125rem);
        font-weight: 700;
        padding: 20px 24px;
        background: rgb(255 255 255 / 2%);
        border-bottom: 1px solid rgb(255 255 255 / 20%)
    }

    .uh_wp_benefits .list-unstyled {
        margin: 0;
        padding: 20px 24px;
        display: flex;
        flex-direction: column;
        gap: 24px;
        line-height: 2
    }

    .uh_wp_benefits .list-unstyled li {
        display: flex;
        align-items: center;
        gap: 4px;
        width: 100%;
        font-weight: 500
    }

    .uh_wp_benefits .list-unstyled li:before {
        content: '';
        background-image: url('/themes/default/images/new/wp-check.svg');
        background-size: contain;
        background-repeat: no-repeat;
        width: 16px;
        height: 16px;
        display: inline-block;
        margin-inline-end:8px}

    .uh_wp_benefits .list-unstyled li strong {
        font-weight: 500
    }

    .uh_wp_benefits .list-unstyled li img {
        margin-inline-end:8px}

    .wp_tools_block {
        background: rgb(239 234 255 / 50%);
        text-align: center
    }

    .fe_i {
        background-size: contain;
        background-repeat: no-repeat;
        width: 20px;
        height: 20px;
        display: inline-block
    }

    .wp-fast {
        background-image: url('/themes/default/images/new/wp-fast.svg')
    }

    .wp-seconds {
        background-image: url('/themes/default/images/new/wp-seconds.svg')
    }

    .wp-wordpress {
        background-image: url('/themes/default/images/new/wp-wordpress-2x.svg')
    }

    .wp-language {
        background-image: url('/themes/default/images/new/wp-language.svg')
    }

    .wp-ai-write {
        background-image: url('/themes/default/images/new/wp-ai-write.svg')
    }

    .wp-ai-image {
        background-image: url('/themes/default/images/new/wp-ai-image.svg')
    }

    .wp-ai-design {
        background-image: url('/themes/default/images/new/wp-ai-design.svg')
    }

    .wp-ai-content {
        background-image: url('/themes/default/images/new/wp-ai-content.svg')
    }

    .wp-blue-check {
        background-image: url('/themes/default/images/new/wp-blue-check.svg')
    }

    .uh_hero_dots_cont {
        position: relative
    }

    .uh_hero_dots {
        position: absolute;
        top: -90px;
        inset-inline-start: calc(50% - 100px);
        transform: translateX(-50%);
        pointer-events: none;
        user-select: none
    }

    .uh_hero_dots + * {
        position: relative
    }

    .uh_vds_banner_block {
        padding: 0;
        margin-inline-end:-90px}

    .uh_vds_banner_block > .home_bnr_img {
        mask-image: linear-gradient(#000 75%,transparent)
    }

    .uh_vds_banner_block .top_right_block {
        grid-area: 1 / 1;
        z-index: 4;
        top: 200px;
        position: relative;
        width: 100%;
        max-width: 225px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        inset-inline-start: auto;
        inset-inline-end: 60px
    }

    .uh_vds_banner_block .top_right_block .vds_uptime_block {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        top: auto;
        margin-inline-start:auto;z-index: 1
    }

    .uh_vds_banner_block .top_right_block .vds_speed_block {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        top: auto;
        margin-top: -24px
    }

    .uh_vds_banner_block .top_left_block {
        inset-inline-end: -23px;
        top: 110px;
        z-index: 3
    }

    .uh_vds_banner_block .top_left_block .uh_content {
        border-radius: 16px;
        padding: 4px;
        box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 12%);
        width: auto;
        background: white
    }

    .uh_vds_banner_block .top_left_block .uh_content > img {
        max-height: 136px
    }

    .uh_vds_banner_block .bottom_left_block {
        grid-area: 1 / 1;
        z-index: 3;
        bottom: 160px;
        align-self: end;
        justify-self: start;
        position: relative;
        inset-inline-end: 65px
    }

    .global_servers_block {
        background: linear-gradient(130deg,#bed7fb -25%,#fff 30%,#fff 70%,#b196ff 175%);
        border-radius: 16px;
        padding: 8px;
        box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 12%);
        max-width: 225px
    }

    .global_servers_block .innr {
        border: 1px solid rgb(0 0 0 / 4%);
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        padding: 0 8px 0 16px
    }

    .global_servers_block .innr .info {
        text-align: start;
        padding: 4px 0
    }

    .global_servers_block .innr .info p {
        margin-bottom: 10px;
        color: var(--secondary-600,#5A28FA);
        display: flex;
        align-items: center;
        gap: 4px;
        font-weight: 500;
        font-size: 14px
    }

    .global_servers_block .innr .info h6 {
        margin: 0;
        font-weight: 700;
        color: var(--Neutral-700,#4D4D4D)
    }

    .global_servers_block .innr > img.h-100 {
        max-height: 76px;
        width: auto
    }

    .vds_server_banner {
        border: 1px solid var(--Neutral-100,#E6E6E6);
        border-radius: 22px;
        padding: 38px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        flex-wrap: wrap
    }

    .vds_server_banner .innr {
        display: flex;
        align-items: flex-start;
        gap: 16px
    }

    .vds_server_banner .innr img {
        margin-top: -5px;
        flex: 0 0 auto
    }

    .vds_server_banner .innr h5 {
        font-weight: 700
    }

    .vds_speed_block {
        position: absolute;
        width: 100%;
        max-width: 134px;
        top: 100px;
        inset-inline-end: 40px
    }

    .vds_speed_block .uh_content,.vds_uptime_block .uh_content {
        padding: 21px 12px 12px;
        text-align: center;
        border-radius: 12px;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='134' height='122' viewBox='0 0 134 122' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='mask0_2253_126445' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='134' height='122'%3e%3crect width='134' height='122' rx='12' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask0_2253_126445)'%3e%3cpath style='mix-blend-mode:hard-light' opacity='0.16' d='M274.981 101.586L268.255 91.3964L275 81.184V81.0609L268.255 70.8485L274.981 60.6585L268.255 50.4685L274.809 40.5248L268.255 30.5924L274.981 20.4024L268.255 10.2124L275 0H-35L-28.2553 10.2124L-34.9809 20.4024L-28.2553 30.5924L-34.8089 40.5248L-28.2553 50.4685L-34.9809 60.6585L-28.2553 70.8485L-35 81.0609V81.184L-28.2553 91.3964L-34.9809 101.586L-28.2553 111.788L-35 122H275L268.255 111.788L274.981 101.586Z' fill='url(%23paint0_linear_2253_126445)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient id='paint0_linear_2253_126445' x1='11.1623' y1='0.223957' x2='265.959' y2='103.791' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23D3D4D5'/%3e%3cstop offset='0.03' stop-color='%238B9193'/%3e%3cstop offset='0.06' stop-color='%23575F63'/%3e%3cstop offset='0.07' stop-color='%23374145'/%3e%3cstop offset='0.08' stop-color='%232B363A'/%3e%3cstop offset='0.12' stop-color='%23343E42'/%3e%3cstop offset='0.17' stop-color='%234D5559'/%3e%3cstop offset='0.24' stop-color='%23757B7E'/%3e%3cstop offset='0.31' stop-color='%23ADB0B1'/%3e%3cstop offset='0.35' stop-color='%23CDCDCE'/%3e%3cstop offset='0.37' stop-color='%23C6C7C8'/%3e%3cstop offset='0.39' stop-color='%23B4B6B8'/%3e%3cstop offset='0.41' stop-color='%23979C9E'/%3e%3cstop offset='0.44' stop-color='%236F767A'/%3e%3cstop offset='0.46' stop-color='%23485357'/%3e%3cstop offset='0.48' stop-color='%234C565A'/%3e%3cstop offset='0.51' stop-color='%23596266'/%3e%3cstop offset='0.54' stop-color='%23707578'/%3e%3cstop offset='0.56' stop-color='%238F9092'/%3e%3cstop offset='0.57' stop-color='%2398989A'/%3e%3cstop offset='0.61' stop-color='%23A5A5A6'/%3e%3cstop offset='0.7' stop-color='%23C7C7C8'/%3e%3cstop offset='0.8' stop-color='white'/%3e%3cstop offset='0.83' stop-color='%23D1D1D2'/%3e%3cstop offset='0.9' stop-color='%234F4F53'/%3e%3cstop offset='0.94' stop-color='%231B1B20'/%3e%3cstop offset='0.95' stop-color='%23313136'/%3e%3cstop offset='0.96' stop-color='%234D4D51'/%3e%3cstop offset='0.97' stop-color='%23747476'/%3e%3cstop offset='0.99' stop-color='%23A5A5A7'/%3e%3cstop offset='1' stop-color='%23E9E9E9'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ");
        background-blend-mode: hard-light;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover
    }

    .vds_speed_block .innr,.vds_uptime_block .innr {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 14px;
        margin-top: 16px
    }

    .vds_speed_block .innr p,.vds_uptime_block .innr p {
        margin: 0;
        font-weight: 500
    }

    .vds_speed_block .innr {
        color: #404040
    }

    .vds_uptime_block {
        position: absolute;
        width: 100%;
        max-width: 134px;
        bottom: 40px;
        inset-inline-start: 100px
    }

    .vds_uptime_block .uh_content {
        background-color: #5A28FA;
        text-align: center;
        color: #fff;
        padding: 16px 12px 12px
    }

    .vds_uptime_block.blue .uh_content {
        background: #457BFF
    }

    .vds_uptime_block .innr {
        margin-top: 8px
    }

    .vds_protect_block {
        position: absolute;
        width: 100%;
        max-width: 134px;
        top: 129px;
        inset-inline-end: 102px
    }

    .vds_protect_block .uh_content {
        border-radius: 12px;
        background-color: var(--primary-600,#457BFF);
        text-align: center;
        color: #fff;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='134' height='118' viewBox='0 0 134 118' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='mask0_2253_124153' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='134' height='118'%3e%3crect width='134' height='118' rx='12' fill='%235A28FA'/%3e%3c/mask%3e%3cg mask='url(%23mask0_2253_124153)'%3e%3cpath style='mix-blend-mode:hard-light' opacity='0.16' d='M349.974 98.377L340.971 88.5089L350 78.6192V78.4999L340.971 68.6102L349.974 58.7421L340.971 48.874L349.744 39.2445L340.971 29.6259L349.974 19.7578L340.971 9.88976L350 0H-65L-55.9708 9.88976L-64.9744 19.7578L-55.9708 29.6259L-64.7442 39.2445L-55.9708 48.874L-64.9744 58.7421L-55.9708 68.6102L-65 78.4999V78.6192L-55.9708 88.5089L-64.9744 98.377L-55.9708 108.256L-65 118.146H350L340.971 108.256L349.974 98.377Z' fill='url(%23paint0_linear_2253_124153)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient id='paint0_linear_2253_124153' x1='-3.2021' y1='0.216882' x2='298.878' y2='169.954' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23D3D4D5'/%3e%3cstop offset='0.03' stop-color='%238B9193'/%3e%3cstop offset='0.06' stop-color='%23575F63'/%3e%3cstop offset='0.07' stop-color='%23374145'/%3e%3cstop offset='0.08' stop-color='%232B363A'/%3e%3cstop offset='0.12' stop-color='%23343E42'/%3e%3cstop offset='0.17' stop-color='%234D5559'/%3e%3cstop offset='0.24' stop-color='%23757B7E'/%3e%3cstop offset='0.31' stop-color='%23ADB0B1'/%3e%3cstop offset='0.35' stop-color='%23CDCDCE'/%3e%3cstop offset='0.37' stop-color='%23C6C7C8'/%3e%3cstop offset='0.39' stop-color='%23B4B6B8'/%3e%3cstop offset='0.41' stop-color='%23979C9E'/%3e%3cstop offset='0.44' stop-color='%236F767A'/%3e%3cstop offset='0.46' stop-color='%23485357'/%3e%3cstop offset='0.48' stop-color='%234C565A'/%3e%3cstop offset='0.51' stop-color='%23596266'/%3e%3cstop offset='0.54' stop-color='%23707578'/%3e%3cstop offset='0.56' stop-color='%238F9092'/%3e%3cstop offset='0.57' stop-color='%2398989A'/%3e%3cstop offset='0.61' stop-color='%23A5A5A6'/%3e%3cstop offset='0.7' stop-color='%23C7C7C8'/%3e%3cstop offset='0.8' stop-color='white'/%3e%3cstop offset='0.83' stop-color='%23D1D1D2'/%3e%3cstop offset='0.9' stop-color='%234F4F53'/%3e%3cstop offset='0.94' stop-color='%231B1B20'/%3e%3cstop offset='0.95' stop-color='%23313136'/%3e%3cstop offset='0.96' stop-color='%234D4D51'/%3e%3cstop offset='0.97' stop-color='%23747476'/%3e%3cstop offset='0.99' stop-color='%23A5A5A7'/%3e%3cstop offset='1' stop-color='%23E9E9E9'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover
    }

    .vds_protect_block .uh_content h6 {
        font-size: 14px;
        font-weight: 700;
        margin: 16px 0 1px
    }

    .vds_protect_block .uh_content p {
        margin: 0;
        font-size: 12px
    }

    .vds_server_block {
        position: absolute;
        width: 100%;
        max-width: 134px;
        bottom: 104px;
        inset-inline-start: 80px
    }

    .vds_server_block .uh_content {
        border-radius: 12px;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='148' height='118' viewBox='0 0 148 118' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='mask0_2253_124233' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='148' height='118'%3e%3crect width='148' height='118' rx='12' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask0_2253_124233)'%3e%3cpath style='mix-blend-mode:hard-light' opacity='0.16' d='M346.974 98.377L337.971 88.5089L347 78.6192V78.4999L337.971 68.6102L346.974 58.7421L337.971 48.874L346.744 39.2445L337.971 29.6259L346.974 19.7578L337.971 9.88976L347 0H-68L-58.9708 9.88976L-67.9744 19.7578L-58.9708 29.6259L-67.7442 39.2445L-58.9708 48.874L-67.9744 58.7421L-58.9708 68.6102L-68 78.4999V78.6192L-58.9708 88.5089L-67.9744 98.377L-58.9708 108.256L-68 118.146H347L337.971 108.256L346.974 98.377Z' fill='url(%23paint0_linear_2253_124233)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient id='paint0_linear_2253_124233' x1='-6.2021' y1='0.216882' x2='295.878' y2='169.954' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23D3D4D5'/%3e%3cstop offset='0.03' stop-color='%238B9193'/%3e%3cstop offset='0.06' stop-color='%23575F63'/%3e%3cstop offset='0.07' stop-color='%23374145'/%3e%3cstop offset='0.08' stop-color='%232B363A'/%3e%3cstop offset='0.12' stop-color='%23343E42'/%3e%3cstop offset='0.17' stop-color='%234D5559'/%3e%3cstop offset='0.24' stop-color='%23757B7E'/%3e%3cstop offset='0.31' stop-color='%23ADB0B1'/%3e%3cstop offset='0.35' stop-color='%23CDCDCE'/%3e%3cstop offset='0.37' stop-color='%23C6C7C8'/%3e%3cstop offset='0.39' stop-color='%23B4B6B8'/%3e%3cstop offset='0.41' stop-color='%23979C9E'/%3e%3cstop offset='0.44' stop-color='%236F767A'/%3e%3cstop offset='0.46' stop-color='%23485357'/%3e%3cstop offset='0.48' stop-color='%234C565A'/%3e%3cstop offset='0.51' stop-color='%23596266'/%3e%3cstop offset='0.54' stop-color='%23707578'/%3e%3cstop offset='0.56' stop-color='%238F9092'/%3e%3cstop offset='0.57' stop-color='%2398989A'/%3e%3cstop offset='0.61' stop-color='%23A5A5A6'/%3e%3cstop offset='0.7' stop-color='%23C7C7C8'/%3e%3cstop offset='0.8' stop-color='white'/%3e%3cstop offset='0.83' stop-color='%23D1D1D2'/%3e%3cstop offset='0.9' stop-color='%234F4F53'/%3e%3cstop offset='0.94' stop-color='%231B1B20'/%3e%3cstop offset='0.95' stop-color='%23313136'/%3e%3cstop offset='0.96' stop-color='%234D4D51'/%3e%3cstop offset='0.97' stop-color='%23747476'/%3e%3cstop offset='0.99' stop-color='%23A5A5A7'/%3e%3cstop offset='1' stop-color='%23E9E9E9'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ");
        background-position: right;
        background-repeat: no-repeat;
        background-size: 115%;
        background-blend-mode: hard-light
    }

    .vds_server_block .uh_content h6 {
        font-size: 14px;
        font-weight: 700;
        margin: 16px 0 5px
    }

    .vds_server_block .uh_content h6:after {
        content: '';
        width: 6px;
        height: 6px;
        display: inline-block;
        border: 1px solid rgb(149 190 128 / 50%);
        background: rgb(44 124 0 / 50%);
        border-radius: 50%;
        margin: 0px 0 0 6px
    }

    .vds_server_block .uh_content p {
        margin: 0;
        font-size: 12px;
        display: flex;
        align-items: center;
        gap: 4px;
        color: var(--Neutral-500,#808080);
        line-height: 1
    }

    .vds_support_block {
        padding: 0 78px 105px;
        gap: 24px
    }

    .vds_support_block .uh_content {
        box-shadow: none
    }

    .uh_vds_powerful {
        margin-inline-end:-255px;display: inline-block;
        position: relative
    }

    .uh_three_server_blocks {
        position: absolute;
        inset-inline-start: 120px;
        bottom: 125px;
        width: 100%;
        max-width: 290px;
        padding: 0 40px
    }

    .uh_three_server_blocks.mask {
        mask-image: linear-gradient(45deg,transparent,#000 45%)
    }

    .vds_dat_center_block {
        padding: 24px 24px 16px;
        border-radius: 16px;
        box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%)
    }

    .vds_dat_center_block .top h6 {
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0;
        color: var(--Neutral-700,#4D4D4D)
    }

    .vds_dat_center_block .top h6 span {
        border: 1px solid rgb(44 124 0 / 25%);
        font-size: 10px;
        color: rgb(44 124 0 / 50%);
        background: rgb(231 255 218 / 40%);
        border-radius: 4px;
        padding: 2px 5px
    }

    .vds_dat_center_block .top h6 span svg {
        margin-top: -2px
    }

    .vds_dat_center_block .top p {
        margin: 0;
        font-size: 12px;
        display: flex;
        align-items: center;
        gap: 4px;
        margin-top: 5px;
        color: var(--Neutral-500,#808080)
    }

    .vds_dat_center_block .mid {
        border: 1px solid rgb(0 0 0 / 4%);
        width: 100%;
        aspect-ratio: 1;
        border-radius: 12px;
        margin-top: 20px
    }

    .vds_dat_center_block .bottom {
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 500;
        font-size: 12px;
        gap: 4px;
        color: rgb(33 37 41 / 50%);
        margin-top: 16px
    }

    .uh_three_server_blocks .vds_speed_block {
        inset-inline-start: 0;
        inset-inline-end: auto;
        top: 73px
    }

    .uh_three_server_blocks .vds_uptime_block {
        inset-inline-start: auto;
        inset-inline-end: 0
    }

    .uh_windows_banner_block {
        padding: 0;
        margin-top: -20px
    }

    .uh_windows_banner_block > .home_bnr_img {
        mask-image: linear-gradient(#000 75%,transparent)
    }

    .uh_windows_banner_block > .home_bnr_img > div {
        mask-image: linear-gradient(130deg,#000 55%,transparent)
    }

    .uh_windows_banner_block .top_right_block {
        grid-area: 1 / 1;
        z-index: 4;
        top: 200px;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        inset-inline-start: auto;
        inset-inline-end: -70px
    }

    .uh_windows_banner_block .top_right_block .uh_content {
        box-shadow: 0px 0px 144px 0px rgb(0 0 0 / 16%);
        border-radius: 14px;
        padding: 14px;
        display: flex;
        align-items: center;
        gap: 10px;
        font-weight: 700
    }

    .uh_windows_banner_block .top_right_block .uh_content .cursor {
        position: absolute;
        bottom: -20px;
        inset-inline-end: 0
    }

    .uh_windows_banner_block .bottom_left_block {
        grid-area: 1 / 1;
        z-index: 3;
        bottom: 155px;
        align-self: end;
        justify-self: start;
        position: relative;
        inset-inline-end: -35px
    }

    .uh_windows_banner_block .bottom_right_block {
        inset-inline-end: -50px;
        bottom: -10px;
        z-index: 3
    }

    .both_plans_tabs {
        margin: -40px 0 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 24px;
        text-align: center
    }

    .both_plans_tabs .both_vps_tabs {
        margin: 0;
        min-width: 0
    }

    .both_plans_tabs .nav-tabs {
        display: inline-flex;
        align-items: center;
        white-space: nowrap;
        overflow-x: auto;
        background: rgb(0 0 0 / 2%);
        border: 1px solid rgb(0 0 0 / 4%);
        padding: 8px;
        border-radius: 2em;
        max-width: 100%
    }

    .both_plans_tabs .nav-tabs .nav-link {
        font-size: clamp(0.875rem,0.7188rem + 0.5vw,1rem);
        font-weight: 700;
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 12px;
        transition: all 0.2s;
        cursor: pointer;
        border: 1px solid transparent;
        border-radius: 2em;
        color: var(--bs-body-color)
    }

    .both_plans_tabs .nav-tabs .nav-link:hover {
        opacity: 0.7
    }

    .both_plans_tabs .nav-tabs .nav-link.active {
        border-color: var(--Neutral-100,#E6E6E6);
        background: var(--Neutral-50,#FFFFFF);
        opacity: 1;
        box-shadow: 0px 0px 24px 0px rgb(0 0 0 / 8%);
        color: var(--primary-600,#457BFF)
    }

    .windows_server_block {
        bottom: auto;
        top: 40px;
        inset-inline-start: auto;
        inset-inline-end: 80px
    }

    .windows_managed_block {
        position: absolute;
        width: 100%;
        max-width: 120px;
        bottom: 80px;
        inset-inline-start: 40px
    }

    .windows_managed_block .uh_content {
        padding: 24px;
        border-radius: 16px;
        background-color: var(--secondary-600,#5A28FA);
        text-align: center;
        color: #fff;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='118' height='120' viewBox='0 0 118 120' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='mask0_2253_126459' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='118' height='120'%3e%3crect width='118' height='120' rx='16' fill='%23457BFF'/%3e%3c/mask%3e%3cg mask='url(%23mask0_2253_126459)'%3e%3cpath style='mix-blend-mode:hard-light' opacity='0.16' d='M202.986 101.419L197.909 91.1456L203 80.8495V80.7253L197.909 70.4292L202.986 60.1557L197.909 49.8822L202.856 39.857L197.909 29.8431L202.986 19.5696L197.909 9.29611L203 -1H-31L-25.9088 9.29611L-30.9856 19.5696L-25.9088 29.8431L-30.8558 39.857L-25.9088 49.8822L-30.9856 60.1557L-25.9088 70.4292L-31 80.7253V80.8495L-25.9088 91.1456L-30.9856 101.419L-25.9088 111.704L-31 122H203L197.909 111.704L202.986 101.419Z' fill='url(%23paint0_linear_2253_126459)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient id='paint0_linear_2253_126459' x1='3.84508' y1='-0.774207' x2='208.956' y2='61.6458' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23D3D4D5'/%3e%3cstop offset='0.03' stop-color='%238B9193'/%3e%3cstop offset='0.06' stop-color='%23575F63'/%3e%3cstop offset='0.07' stop-color='%23374145'/%3e%3cstop offset='0.08' stop-color='%232B363A'/%3e%3cstop offset='0.12' stop-color='%23343E42'/%3e%3cstop offset='0.17' stop-color='%234D5559'/%3e%3cstop offset='0.24' stop-color='%23757B7E'/%3e%3cstop offset='0.31' stop-color='%23ADB0B1'/%3e%3cstop offset='0.35' stop-color='%23CDCDCE'/%3e%3cstop offset='0.37' stop-color='%23C6C7C8'/%3e%3cstop offset='0.39' stop-color='%23B4B6B8'/%3e%3cstop offset='0.41' stop-color='%23979C9E'/%3e%3cstop offset='0.44' stop-color='%236F767A'/%3e%3cstop offset='0.46' stop-color='%23485357'/%3e%3cstop offset='0.48' stop-color='%234C565A'/%3e%3cstop offset='0.51' stop-color='%23596266'/%3e%3cstop offset='0.54' stop-color='%23707578'/%3e%3cstop offset='0.56' stop-color='%238F9092'/%3e%3cstop offset='0.57' stop-color='%2398989A'/%3e%3cstop offset='0.61' stop-color='%23A5A5A6'/%3e%3cstop offset='0.7' stop-color='%23C7C7C8'/%3e%3cstop offset='0.8' stop-color='white'/%3e%3cstop offset='0.83' stop-color='%23D1D1D2'/%3e%3cstop offset='0.9' stop-color='%234F4F53'/%3e%3cstop offset='0.94' stop-color='%231B1B20'/%3e%3cstop offset='0.95' stop-color='%23313136'/%3e%3cstop offset='0.96' stop-color='%234D4D51'/%3e%3cstop offset='0.97' stop-color='%23747476'/%3e%3cstop offset='0.99' stop-color='%23A5A5A7'/%3e%3cstop offset='1' stop-color='%23E9E9E9'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-blend-mode: hard-light
    }

    .windows_managed_block .uh_content h6 {
        font-weight: 700;
        margin: 9px 0 0
    }

    .windows_protect_block {
        inset-inline-end: 80px;
        top: auto;
        bottom: 160px
    }

    .windows_speed_block {
        inset-inline-end: auto;
        inset-inline-start: 80px;
        top: auto;
        bottom: 56px
    }

    .windows_support_block {
        padding: 0 105px 75px;
        gap: 24px
    }

    .windows_support_block .uh_content {
        box-shadow: none
    }

    .uh_windows_dots_bg {
        position: relative
    }

    .uh_windows_dots_bg > img {
        position: absolute;
        top: 0;
        inset-inline-start: 50%;
        transform: translateX(-50%)
    }

    .uh_windows_dots_bg > .container {
        position: relative
    }

    .uh_windows_os_prnt {
        margin: 60px auto 70px;
        max-width: 1020px
    }

    .uh_windows_os {
        border: 1px solid var(--Neutral-100,#E6E6E6);
        background: #fff;
        border-radius: 35px;
        padding: 22px;
        min-height: 160px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column
    }

    .uh_windows_os p {
        font-weight: 700;
        color: var(--Neutral-700,#4D4D4D);
        margin: 15px 0 0;
        height: 32px
    }

    .uh_windows_os.m {
        margin-top: 40px
    }

    .uh_windows_os.first {
        mask-image: linear-gradient(35deg,transparent,#000 85%)
    }

    .uh_windows_os.last {
        mask-image: linear-gradient(330deg,transparent -15%,#000 70%)
    }

    .uh_windows_table_prnt {
        overflow: hidden;
        border-radius: 24px;
        border: 1px solid rgb(0 0 0 / 10%)
    }

    .uh_windows_table_innr {
        margin: -1px;
        max-height: 570px
    }

    .table_view_more_btn {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        text-align: center;
        background: linear-gradient(transparent,white 50%);
        padding: 150px 0 80px 0;
        z-index: 1
    }

    .uh_windows_table {
        margin: 0;
        --bs-table-border-color: rgb(0 0 0 / 10%)
    }

    .uh_windows_table>tbody>tr:nth-of-type(even)>* {
        --bs-table-bg-type: rgb(0 0 0 / 2%)
    }

    .uh_windows_table>tbody>tr:nth-of-type(odd)>* {
        --bs-table-bg-type: rgb(0 0 0 / 3%)
    }

    .uh_windows_table>thead th {
        text-align: center;
        padding: 29px 24px;
        font-size: clamp(1rem,0.8438rem + 0.5vw,1.125rem);
        font-weight: 700
    }

    .uh_windows_table>thead th span {
        font-size: clamp(0.9375rem,0.8594rem + 0.25vw,1rem);
        font-weight: normal
    }

    .uh_windows_table>thead th span.fw-medium {
        margin-inline-end:4px}

    .uh_windows_table>tbody td {
        padding: 20px 24px;
        vertical-align: middle;
        text-align: center
    }

    .uh_windows_table>tbody td:first-child {
        text-align: start;
        font-weight: 500
    }

    .uh_content.custom_iso {
        background: var(--Primary-100,rgb(208 222 255 / 25%));
        border-color: rgb(208 222 255 / 25%)
    }

    .uh_dedi_banner_block {
        padding: 0;
        margin-inline-end:-130px}

    .uh_dedi_banner_block .top_left_block {
        inset-inline-end: -135px;
        top: 135px;
        z-index: 3
    }

    .uh_dedi_banner_block .top_left_block .uh_content {
        border-radius: 16px;
        padding: 4px;
        box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 12%);
        width: auto;
        background: white
    }

    .uh_dedi_banner_block .top_left_block .uh_content > img:not(.cursor) {
        max-height: 136px
    }

    .uh_dedi_banner_block .top_left_block .cursor {
        position: absolute;
        inset-inline-end: -21px;
        bottom: 30px
    }

    .uh_dedi_banner_block .top_right_block {
        inset-inline-start: auto;
        inset-inline-end: 65px;
        z-index: 4;
        top: 145px;
        width: 100%;
        max-width: 134px
    }

    .uh_dedi_banner_block .top_right_block .vds_protect_block {
        position: relative;
        top: auto;
        left: auto;
        right: auto
    }

    .uh_dedi_banner_block .top_right_block .vds_protect_block .uh_content {
        background-color: var(--secondary-600,#5A28FA)
    }

    .uh_dedi_banner_block .bottom_mid_block {
        grid-area: 1 / 1;
        z-index: 3;
        bottom: 40px;
        align-self: end;
        justify-self: center;
        position: relative;
        inset-inline-end: -10px;
        text-align: start;
        width: 100%;
        max-width: 148px
    }

    .uh_dedi_banner_block .bottom_mid_block .vds_server_block {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        max-width: none
    }

    .uh_sticky_top {
        position: sticky;
        top: 140px
    }

    .uh_dedi_plan_fitlers {
        border: 1px solid rgb(0 0 0 / 4%);
        border-radius: 24px;
        overflow: hidden;
        margin-bottom: 30px;
        background: rgb(0 0 0 / 2%)
    }

    .uh_dedi_plan_fitlers.mt {
        margin-top: 42px
    }

    .dhost_filter_head {
        padding: 20px 24px;
        display: flex;
        align-items: center;
        gap: 8px;
        font-weight: 700;
        line-height: 2
    }

    .dhost_filter_head .btn {
        flex: 1 1 auto;
        padding: 0;
        border: 0;
        line-height: normal;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-weight: normal
    }

    .dhost_filter_block {
        border-top: 1px solid var(--Neutral-100,#E6E6E6)
    }

    .dhost_filter_block:has(.collapsing),.dhost_filter_block:has(.collapse.show) {
        background: rgb(0 0 0 / 1%)
    }

    .dhost_filter_block > h6 {
        margin: 0;
        cursor: pointer;
        padding: 12px 24px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        line-height: 2;
        color: var(--Neutral-700,#4D4D4D)
    }

    .dhost_filter_block .colpse_innr {
        padding: 0 24px 20px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        max-height: 280px;
        overflow-y: auto
    }

    .dhost_filter_block .colpse_innr .form-check {
        margin: 0
    }

    .dedi_managed_block {
        bottom: 32px;
        inset-inline-start: 100px
    }

    .dedi_managed_block .uh_content {
        background-color: var(--primary-600,#457BFF)
    }

    .dedi_protect_block {
        top: 80px;
        inset-inline-end: 76px
    }

    .dedi_protect_block .uh_content {
        background-color: var(--secondary-600,#5A28FA)
    }

    .dedi_server_block_prnt {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .dedi_server_block {
        width: 100%;
        box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 4%);
        background: #fff;
        border-radius: 16px;
        max-width: 310px;
        padding: 20px;
        display: flex;
        flex-direction: column;
        gap: 20px
    }

    .dedi_server_block .uh_content {
        border-radius: 16px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        box-shadow: 0px 0px 70px 0px rgb(0 0 0 / 12%);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-blend-mode: hard-light
    }

    .dedi_server_block .uh_content.one {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='268' height='85' viewBox='0 0 268 85' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='mask0_3135_66492' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='268' height='85'%3e%3crect width='268' height='85' rx='16' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask0_3135_66492)'%3e%3cpath style='mix-blend-mode:hard-light' opacity='0.16' d='M736.945 333.903L717.593 300.41L737 266.843V266.438L717.593 232.871L736.945 199.377L717.593 165.884L736.45 133.2L717.593 100.554L736.945 67.0603L717.593 33.567L737 0H-155L-135.593 33.567L-154.945 67.0603L-135.593 100.554L-154.45 133.2L-135.593 165.884L-154.945 199.377L-135.593 232.871L-155 266.438V266.843L-135.593 300.41L-154.945 333.903L-135.593 367.433L-155 401H737L717.593 367.433L736.945 333.903Z' fill='url(%23paint0_linear_3135_66492)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient id='paint0_linear_3135_66492' x1='-22.1717' y1='0.736122' x2='736.105' y2='270.555' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23D3D4D5'/%3e%3cstop offset='0.03' stop-color='%238B9193'/%3e%3cstop offset='0.06' stop-color='%23575F63'/%3e%3cstop offset='0.07' stop-color='%23374145'/%3e%3cstop offset='0.08' stop-color='%232B363A'/%3e%3cstop offset='0.12' stop-color='%23343E42'/%3e%3cstop offset='0.17' stop-color='%234D5559'/%3e%3cstop offset='0.24' stop-color='%23757B7E'/%3e%3cstop offset='0.31' stop-color='%23ADB0B1'/%3e%3cstop offset='0.35' stop-color='%23CDCDCE'/%3e%3cstop offset='0.37' stop-color='%23C6C7C8'/%3e%3cstop offset='0.39' stop-color='%23B4B6B8'/%3e%3cstop offset='0.41' stop-color='%23979C9E'/%3e%3cstop offset='0.44' stop-color='%236F767A'/%3e%3cstop offset='0.46' stop-color='%23485357'/%3e%3cstop offset='0.48' stop-color='%234C565A'/%3e%3cstop offset='0.51' stop-color='%23596266'/%3e%3cstop offset='0.54' stop-color='%23707578'/%3e%3cstop offset='0.56' stop-color='%238F9092'/%3e%3cstop offset='0.57' stop-color='%2398989A'/%3e%3cstop offset='0.61' stop-color='%23A5A5A6'/%3e%3cstop offset='0.7' stop-color='%23C7C7C8'/%3e%3cstop offset='0.8' stop-color='white'/%3e%3cstop offset='0.83' stop-color='%23D1D1D2'/%3e%3cstop offset='0.9' stop-color='%234F4F53'/%3e%3cstop offset='0.94' stop-color='%231B1B20'/%3e%3cstop offset='0.95' stop-color='%23313136'/%3e%3cstop offset='0.96' stop-color='%234D4D51'/%3e%3cstop offset='0.97' stop-color='%23747476'/%3e%3cstop offset='0.99' stop-color='%23A5A5A7'/%3e%3cstop offset='1' stop-color='%23E9E9E9'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ")
    }

    .dedi_server_block .uh_content.two {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='268' height='86' viewBox='0 0 268 86' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='mask0_3135_66489' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='268' height='86'%3e%3crect width='268' height='86' rx='16' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask0_3135_66489)'%3e%3cpath style='mix-blend-mode:hard-light' opacity='0.16' d='M736.945 228.903L717.593 195.41L737 161.843V161.438L717.593 127.871L736.945 94.3774L717.593 60.8841L736.45 28.2005L717.593 -4.44632L736.945 -37.9397L717.593 -71.433L737 -105H-155L-135.593 -71.433L-154.945 -37.9397L-135.593 -4.44632L-154.45 28.2005L-135.593 60.8841L-154.945 94.3774L-135.593 127.871L-155 161.438V161.843L-135.593 195.41L-154.945 228.903L-135.593 262.433L-155 296H737L717.593 262.433L736.945 228.903Z' fill='url(%23paint0_linear_3135_66489)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient id='paint0_linear_3135_66489' x1='-22.1717' y1='-104.264' x2='736.105' y2='165.555' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23D3D4D5'/%3e%3cstop offset='0.03' stop-color='%238B9193'/%3e%3cstop offset='0.06' stop-color='%23575F63'/%3e%3cstop offset='0.07' stop-color='%23374145'/%3e%3cstop offset='0.08' stop-color='%232B363A'/%3e%3cstop offset='0.12' stop-color='%23343E42'/%3e%3cstop offset='0.17' stop-color='%234D5559'/%3e%3cstop offset='0.24' stop-color='%23757B7E'/%3e%3cstop offset='0.31' stop-color='%23ADB0B1'/%3e%3cstop offset='0.35' stop-color='%23CDCDCE'/%3e%3cstop offset='0.37' stop-color='%23C6C7C8'/%3e%3cstop offset='0.39' stop-color='%23B4B6B8'/%3e%3cstop offset='0.41' stop-color='%23979C9E'/%3e%3cstop offset='0.44' stop-color='%236F767A'/%3e%3cstop offset='0.46' stop-color='%23485357'/%3e%3cstop offset='0.48' stop-color='%234C565A'/%3e%3cstop offset='0.51' stop-color='%23596266'/%3e%3cstop offset='0.54' stop-color='%23707578'/%3e%3cstop offset='0.56' stop-color='%238F9092'/%3e%3cstop offset='0.57' stop-color='%2398989A'/%3e%3cstop offset='0.61' stop-color='%23A5A5A6'/%3e%3cstop offset='0.7' stop-color='%23C7C7C8'/%3e%3cstop offset='0.8' stop-color='white'/%3e%3cstop offset='0.83' stop-color='%23D1D1D2'/%3e%3cstop offset='0.9' stop-color='%234F4F53'/%3e%3cstop offset='0.94' stop-color='%231B1B20'/%3e%3cstop offset='0.95' stop-color='%23313136'/%3e%3cstop offset='0.96' stop-color='%234D4D51'/%3e%3cstop offset='0.97' stop-color='%23747476'/%3e%3cstop offset='0.99' stop-color='%23A5A5A7'/%3e%3cstop offset='1' stop-color='%23E9E9E9'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ")
    }

    .dedi_server_block .uh_content.three {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='268' height='85' viewBox='0 0 268 85' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='mask0_3135_66486' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='268' height='85'%3e%3crect width='268' height='85' rx='16' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask0_3135_66486)'%3e%3cpath style='mix-blend-mode:hard-light' opacity='0.16' d='M736.945 122.903L717.593 89.4096L737 55.8426V55.4377L717.593 21.8708L736.945 -11.6226L717.593 -45.1159L736.45 -77.7995L717.593 -110.446L736.945 -143.94L717.593 -177.433L737 -211H-155L-135.593 -177.433L-154.945 -143.94L-135.593 -110.446L-154.45 -77.7995L-135.593 -45.1159L-154.945 -11.6226L-135.593 21.8708L-155 55.4377V55.8426L-135.593 89.4096L-154.945 122.903L-135.593 156.433L-155 190H737L717.593 156.433L736.945 122.903Z' fill='url(%23paint0_linear_3135_66486)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient id='paint0_linear_3135_66486' x1='-22.1717' y1='-210.264' x2='736.105' y2='59.5551' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23D3D4D5'/%3e%3cstop offset='0.03' stop-color='%238B9193'/%3e%3cstop offset='0.06' stop-color='%23575F63'/%3e%3cstop offset='0.07' stop-color='%23374145'/%3e%3cstop offset='0.08' stop-color='%232B363A'/%3e%3cstop offset='0.12' stop-color='%23343E42'/%3e%3cstop offset='0.17' stop-color='%234D5559'/%3e%3cstop offset='0.24' stop-color='%23757B7E'/%3e%3cstop offset='0.31' stop-color='%23ADB0B1'/%3e%3cstop offset='0.35' stop-color='%23CDCDCE'/%3e%3cstop offset='0.37' stop-color='%23C6C7C8'/%3e%3cstop offset='0.39' stop-color='%23B4B6B8'/%3e%3cstop offset='0.41' stop-color='%23979C9E'/%3e%3cstop offset='0.44' stop-color='%236F767A'/%3e%3cstop offset='0.46' stop-color='%23485357'/%3e%3cstop offset='0.48' stop-color='%234C565A'/%3e%3cstop offset='0.51' stop-color='%23596266'/%3e%3cstop offset='0.54' stop-color='%23707578'/%3e%3cstop offset='0.56' stop-color='%238F9092'/%3e%3cstop offset='0.57' stop-color='%2398989A'/%3e%3cstop offset='0.61' stop-color='%23A5A5A6'/%3e%3cstop offset='0.7' stop-color='%23C7C7C8'/%3e%3cstop offset='0.8' stop-color='white'/%3e%3cstop offset='0.83' stop-color='%23D1D1D2'/%3e%3cstop offset='0.9' stop-color='%234F4F53'/%3e%3cstop offset='0.94' stop-color='%231B1B20'/%3e%3cstop offset='0.95' stop-color='%23313136'/%3e%3cstop offset='0.96' stop-color='%234D4D51'/%3e%3cstop offset='0.97' stop-color='%23747476'/%3e%3cstop offset='0.99' stop-color='%23A5A5A7'/%3e%3cstop offset='1' stop-color='%23E9E9E9'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ")
    }

    .dedi_server_block .uh_content.four {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='268' height='85' viewBox='0 0 268 85' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='mask0_3135_66483' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='268' height='85'%3e%3crect width='268' height='85' rx='16' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask0_3135_66483)'%3e%3cpath style='mix-blend-mode:hard-light' opacity='0.16' d='M736.945 17.9029L717.593 -15.5904L737 -49.1574V-49.5623L717.593 -83.1292L736.945 -116.623L717.593 -150.116L736.45 -182.8L717.593 -215.446L736.945 -248.94L717.593 -282.433L737 -316H-155L-135.593 -282.433L-154.945 -248.94L-135.593 -215.446L-154.45 -182.8L-135.593 -150.116L-154.945 -116.623L-135.593 -83.1292L-155 -49.5623V-49.1574L-135.593 -15.5904L-154.945 17.9029L-135.593 51.4331L-155 85H737L717.593 51.4331L736.945 17.9029Z' fill='url(%23paint0_linear_3135_66483)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient id='paint0_linear_3135_66483' x1='-22.1717' y1='-315.264' x2='736.105' y2='-45.4449' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23D3D4D5'/%3e%3cstop offset='0.03' stop-color='%238B9193'/%3e%3cstop offset='0.06' stop-color='%23575F63'/%3e%3cstop offset='0.07' stop-color='%23374145'/%3e%3cstop offset='0.08' stop-color='%232B363A'/%3e%3cstop offset='0.12' stop-color='%23343E42'/%3e%3cstop offset='0.17' stop-color='%234D5559'/%3e%3cstop offset='0.24' stop-color='%23757B7E'/%3e%3cstop offset='0.31' stop-color='%23ADB0B1'/%3e%3cstop offset='0.35' stop-color='%23CDCDCE'/%3e%3cstop offset='0.37' stop-color='%23C6C7C8'/%3e%3cstop offset='0.39' stop-color='%23B4B6B8'/%3e%3cstop offset='0.41' stop-color='%23979C9E'/%3e%3cstop offset='0.44' stop-color='%236F767A'/%3e%3cstop offset='0.46' stop-color='%23485357'/%3e%3cstop offset='0.48' stop-color='%234C565A'/%3e%3cstop offset='0.51' stop-color='%23596266'/%3e%3cstop offset='0.54' stop-color='%23707578'/%3e%3cstop offset='0.56' stop-color='%238F9092'/%3e%3cstop offset='0.57' stop-color='%2398989A'/%3e%3cstop offset='0.61' stop-color='%23A5A5A6'/%3e%3cstop offset='0.7' stop-color='%23C7C7C8'/%3e%3cstop offset='0.8' stop-color='white'/%3e%3cstop offset='0.83' stop-color='%23D1D1D2'/%3e%3cstop offset='0.9' stop-color='%234F4F53'/%3e%3cstop offset='0.94' stop-color='%231B1B20'/%3e%3cstop offset='0.95' stop-color='%23313136'/%3e%3cstop offset='0.96' stop-color='%234D4D51'/%3e%3cstop offset='0.97' stop-color='%23747476'/%3e%3cstop offset='0.99' stop-color='%23A5A5A7'/%3e%3cstop offset='1' stop-color='%23E9E9E9'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ")
    }

    .dedi_server_block .uh_content h6 {
        margin: 0;
        display: flex;
        align-items: center;
        gap: 4px
    }

    .dedi_server_block .uh_content p {
        margin: 7px 0 0;
        font-size: 12px;
        opacity: 0.6
    }

    .dedi_server_block .uh_content .change {
        border: 1px solid rgb(64 64 64 / 25%);
        border-radius: 8px;
        font-size: 12px;
        font-weight: 500;
        padding: 4.5px 7.5px;
        flex: 0 0 auto;
        position: relative
    }

    .dedi_server_block .uh_content .change .cursor {
        position: absolute;
        top: 10px;
        inset-inline-end: -22px
    }

    .uh_dedi_plan_filter {
        display: flex;
        gap: 1rem;
        justify-content: space-between
    }

    .uh_dedi_plan_filter .innr {
        display: flex;
        align-items: center;
        gap: 1rem;
        flex-wrap: wrap
    }

    .uh_dedi_plan_filter .btn {
        border: 0;
        line-height: 32px;
        gap: 8px;
        display: flex;
        align-items: center
    }

    .uh_dedi_plan_filter .btn svg {
        margin: 0
    }

    .uh_dedi_plan_filter .dropdown-menu,.gpu-select-block .gpu-dropdown-menu {
        margin: 0;
        border: 0;
        box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 14%);
        border-radius: 16px;
        max-height: 340px !important;
        z-index: 6;
        overflow-y: auto;
        padding: 20px;
        --bs-dropdown-min-width: 14rem
    }

    .uh_dedi_plan_filter .colpse_innr {
        display: flex;
        flex-direction: column;
        gap: 10px
    }

    .uh_dedi_plan_filter .colpse_innr .form-check {
        margin: 0;
        cursor: pointer
    }

    .uh_dedi_plan_filter .colpse_innr .form-check-label {
        width: 100%;
        cursor: pointer
    }

    .gpu_swithc {
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        gap: 9px;
        margin-top: 4px
    }

    .gpu_swithc .name {
        display: flex;
        align-items: center;
        gap: 4px;
        flex: 0 0 auto;
        font-weight: 700
    }

    .gpu_swithc .vps-tabs {
        padding: 3px;
        min-width: 44px;
        position: relative
    }

    .gpu_swithc .vps-tabs .vpsTabs-tablinks {
        padding: 8px
    }

    .gpu_swithc .vps-tabs .vpsTabs-tablinks.active {
        box-shadow: 0 0 8.727px 0 rgb(0 0 0 / 8%);
        pointer-events: none
    }

    .gpu_swithc .vps-tabs .vpsTabs-tablinks.active[data-dedicated-type="cpu"] {
        position: absolute
    }

    .gpu_swithc .vps-tabs .vpsTabs-tablinks.active[data-dedicated-type="cpu"]+.vpsTabs-tablinks[data-dedicated-type="gpu"] {
        width: 100%
    }

    .gpu_swithc .vps-tabs .vpsTabs-tablinks.active[data-dedicated-type="gpu"] {
        background: var(--primary-600,#457BFF);
        border-color: var(--primary-600,#457BFF);
        position: absolute;
        inset-inline-end: 3px
    }

    .gpu_swithc .vps-tabs:has(.vpsTabs-tablinks.active[data-dedicated-type="gpu"]) .vpsTabs-tablinks[data-dedicated-type="cpu"] {
        width: 100%
    }

    .uh_dedi_plan_list.is_most_popular {
        align-items: flex-start
    }

    .uh_dedi_plan_list.is_most_popular .uh_content:before {
        content: '';
        background: #457BFF;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        box-shadow: 0px 0px 31px 0px rgb(0 0 0 / 4%);
        border-radius: 24px
    }

    .uh_dedi_plan_list.is_most_popular.is_recommended .uh_content:before {
        background: #5A28FA
    }

    .uh_dedi_plan_list .badge_prnt {
        padding-inline-start:36px;margin-top: -20.5px
    }

    .uh_dedi_plan_list .popular_block_badge {
        background: #457BFF;
        font-size: 11px;
        width: auto;
        padding: 3px 12px 1px;
        position: relative;
        border-radius: 24px 24px 0 0;
        corner-shape: squircle
    }

    .uh_dedi_plan_list .popular_block_badge:before,.uh_dedi_plan_list .popular_block_badge:after {
        content: "";
        position: absolute;
        bottom: 0;
        width: 42px;
        height: 42px;
        background-color: #457bff;
        mask-image: linear-gradient(to top,red,red),radial-gradient(circle 27px at center,green 77%,transparent 81%);
        mask-size: 21px 12px,100%;
        mask-position: bottom left,center;
        mask-repeat: no-repeat,repeat;
        mask-composite: subtract;
        pointer-events: none
    }

    .uh_dedi_plan_list .popular_block_badge:before {
        inset-inline-start: 98%
    }

    .uh_dedi_plan_list .popular_block_badge:after {
        inset-inline-end: 98%;
        transform: scaleX(-1)
    }

    .uh_dedi_plan_list.is_most_popular.is_recommended .popular_block_badge {
        background: #5A28FA
    }

    .uh_dedi_plan_list.is_most_popular.is_recommended .popular_block_badge:before,.uh_dedi_plan_list.is_most_popular.is_recommended .popular_block_badge:after {
        background-color: #5A28FA
    }

    .uh_dedi_plan_list .uh_content {
        height: 100%;
        position: relative
    }

    .uh_dedi_plan_list.is_most_popular > .uh_content > .flex-1 {
        height: 100%
    }

    .uh_dedi_plan_list .plan-div {
        padding: 26px
    }

    .uh_dedi_plan_list .uh_plan_name {
        line-height: 1.2;
        margin-bottom: 1rem
    }

    .uh_dedi_plan_list .points li {
        list-style-type: none;
        flex: 0 0 auto;
        position: relative;
        padding-inline-start:40px;line-height: 1.7;
        width: 20%
    }

    .uh_dedi_plan_list .points li:nth-child(1) {
        width: 25%
    }

    .uh_dedi_plan_list .points li:nth-child(2) {
        width: 19%
    }

    .uh_dedi_plan_list .points li:nth-child(3) {
        width: 19%
    }

    .uh_dedi_plan_list .points li:nth-child(4) {
        width: 19%
    }

    .uh_dedi_plan_list .points li:nth-child(5) {
        width: 18%
    }

    .uh_dedi_plan_list .points li div,.dedi_home_plans .uh_price_plan[data-id="383"] .spBody ul li div {
        display: inline-block;
        margin-inline-end:4px}

    .uh_dedi_plan_list .points li:nth-child(2) div:last-of-type {
        margin: 0;
        display: block;
        font-size: 0.85rem;
        opacity: 0.7
    }

    .uh_dedi_plan_list .points li > img {
        position: absolute;
        top: 6px;
        inset-inline-start: 12px
    }

    .uh_dedi_plan_list .points li:has( > img[alt="intel.svg"]),.uh_dedi_plan_list .points li:has( > img[alt="amd.png"]) {
        padding-inline-start:57px}

    .uh_dedi_plan_list .points li > img[alt="intel.svg"],.uh_dedi_plan_list .points li > img[alt="amd.png"] {
        width: 33px;
        top: 0px
    }

    .dedi_home_plans .uh_price_plan[data-id="383"] .spBody ul li > img[alt="intel.svg"] {
        opacity: 0
    }

    .dedi_home_plans .uh_price_plan[data-id="383"] .spBody ul li:has( > img[alt="intel.svg"]):before {
        content: '';
        position: absolute;
        top: 8px;
        inset-inline-start: 0;
        width: 16px;
        height: 16px;
        background-image: url(/themes/default/images/plans/cpu2.svg)
    }

    .uh_dedi_plan_list .points li strong {
        font-weight: normal
    }

    .uh_dedi_plan_list .side_sec {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        text-align: end;
        gap: 13px;
        margin-top: -25px
    }

    .uh_dedi_plan_list .uh_plan_discount {
        font-size: 14px
    }

    .uh_dedi_plan_list .uh_plan_price {
        margin: 0;
        font-size: 14px
    }

    .uh_dedi_plan_list .uh_plan_price b {
        font-size: 1rem
    }

    .uh_dedi_plan_list .uh_badge {
        font-size: 12px
    }

    .uh_dedi_plan_list .side_sec .btn {
        flex: 0 0 auto;
        font-size: 18px;
        line-height: 58px;
        padding: 0 24px
    }

    .uh_dedi_plan_list.is_most_popular.is_recommended .side_sec .btn {
        background: var(--secondary-600,#5A28FA) !important;
        border-color: var(--secondary-600,#5A28FA) !important;
        color: #fff !important
    }

    .uh_dedi_plan_list.is_most_popular .side_sec .btn {
        background: var(--primary-600,#457BFF) !important;
        border-color: var(--primary-600,#457BFF) !important;
        color: #fff !important
    }

    .uh_dedi_plan_list.is_most_popular .side_sec .btn:hover,.uh_dedi_plan_list.is_most_popular.is_recommended .side_sec .btn:hover {
        opacity: 0.9
    }

    .gpu-select-block {
        display: none;
        margin-top: 1rem;
        margin-inline-start:25%;margin-inline-end:7%;border-radius: 12px;
        border: 1px solid #E6E6E6;
        padding: 12px
    }

    .gpu-select-block .gpu-addon {
        display: flex;
        align-items: start;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 12px
    }

    .gpu-select-block .gpu-addon .name {
        display: flex;
        align-items: center;
        gap: 12px;
        flex: 0 0 auto;
        font-weight: 500;
        margin-top: 2px
    }

    .gpu-select-block .gpu-addon .gpu-dropdown-btn {
        background-color: rgb(118 185 0 / 8%);
        border-radius: 8px;
        border: 0;
        font-weight: 500;
        font-size: 14px;
        cursor: pointer;
        line-height: 28px;
        padding: 0 8px;
        white-space: normal;
        text-align: start;
        padding-inline-start:92px}

    .gpu-select-block .gpu-addon .gpu-dropdown-btn i.nvidia,.gpu-select-block .gpu-dropdown-menu li a i.nvidia {
        content: '';
        width: 76px;
        height: 14px;
        background-image: url(/themes/default/images/new/nvidia.png);
        position: absolute;
        inset-inline-start: .5rem;
        top: 7px
    }

    .gpu-select-block .gpu-addon .gpu-dropdown-btn > .vr,.gpu-select-block .gpu-dropdown-menu li a .vr {
        margin: 0 7px -2px
    }

    .gpu-select-block .gpu-addon .gpu-dropdown-btn span,.gpu-select-block .gpu-dropdown-menu li a span {
        font-weight: 700
    }

    .gpu-select-block .gpu-addon .gpu-dropdown-btn:after {
        margin-inline-start:7px;width: 12px;
        height: 12px;
        border: 0;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3e%3cpath d='M2.58 4.45508L5.84 7.71508C6.225 8.10008 6.855 8.10008 7.24 7.71508L10.5 4.45508' stroke='%234D4D4D' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
        vertical-align: -1px
    }

    .gpu-select-block .gpu-dropdown-menu {
        padding: 9px 0
    }

    .gpu-select-block .gpu-dropdown-menu li a {
        white-space: normal;
        position: relative;
        padding-inline-start:100px;font-size: 14px
    }

    .gpu-select-block .gpu-dropdown-menu li a:before {
        inset-inline-start: 1rem;
        top: 9px
    }

    .gpu-select-block .gpu-note {
        font-size: 12px
    }

    .uh_shared_banner_block {
        padding: 0;
        margin-inline-end:-65px}

    .uh_shared_banner_block > .home_bnr_img {
        mask-image: linear-gradient(#000 75%,transparent)
    }

    .uh_shared_banner_block > .home_bnr_img > div {
        mask-image: linear-gradient(320deg,transparent 15%,#000 35%,#000 100%)
    }

    .uh_shared_banner_block .top_right_block {
        z-index: 4;
        top: 180px;
        position: relative;
        align-items: flex-start;
        inset-inline-start: auto;
        inset-inline-end: 140px;
        text-align: start
    }

    .uh_shared_banner_block .top_right_block .shared_monitor_block {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        max-width: none
    }

    .uh_shared_banner_block .top_right_block .uh_content {
        box-shadow: 0px 0px 14.68px 0px rgb(0 0 0 / 4%),0px 0px 36.7px 0px rgb(0 0 0 / 4%)
    }

    .uh_shared_banner_block .top_right_block .uh_content p {
        font-size: 11px
    }

    .uh_shared_banner_block .top_right_block .uh_content h6 {
        font-size: 14.5px
    }

    .uh_shared_banner_block .bottom_left_block {
        grid-area: 1 / 1;
        z-index: 3;
        bottom: 140px;
        align-self: end;
        justify-self: start;
        position: relative;
        inset-inline-end: 40px
    }

    .shared_cpanel_block {
    }

    .shared_cpanel_block .uh_content {
        border-radius: 12px;
        padding: 37px 21px;
        text-align: center;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-blend-mode: hard-light;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='134' height='122' viewBox='0 0 134 122' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='mask0_4422_749264' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='134' height='122'%3e%3crect width='134' height='122' rx='12' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask0_4422_749264)'%3e%3cpath style='mix-blend-mode:hard-light' opacity='0.16' d='M274.981 101.586L268.255 91.3964L275 81.184V81.0609L268.255 70.8485L274.981 60.6585L268.255 50.4685L274.809 40.5248L268.255 30.5924L274.981 20.4024L268.255 10.2124L275 0H-35L-28.2553 10.2124L-34.9809 20.4024L-28.2553 30.5924L-34.8089 40.5248L-28.2553 50.4685L-34.9809 60.6585L-28.2553 70.8485L-35 81.0609V81.184L-28.2553 91.3964L-34.9809 101.586L-28.2553 111.788L-35 122H275L268.255 111.788L274.981 101.586Z' fill='url(%23paint0_linear_4422_749264)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient id='paint0_linear_4422_749264' x1='11.1623' y1='0.223957' x2='265.959' y2='103.791' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23D3D4D5'/%3e%3cstop offset='0.03' stop-color='%238B9193'/%3e%3cstop offset='0.06' stop-color='%23575F63'/%3e%3cstop offset='0.07' stop-color='%23374145'/%3e%3cstop offset='0.08' stop-color='%232B363A'/%3e%3cstop offset='0.12' stop-color='%23343E42'/%3e%3cstop offset='0.17' stop-color='%234D5559'/%3e%3cstop offset='0.24' stop-color='%23757B7E'/%3e%3cstop offset='0.31' stop-color='%23ADB0B1'/%3e%3cstop offset='0.35' stop-color='%23CDCDCE'/%3e%3cstop offset='0.37' stop-color='%23C6C7C8'/%3e%3cstop offset='0.39' stop-color='%23B4B6B8'/%3e%3cstop offset='0.41' stop-color='%23979C9E'/%3e%3cstop offset='0.44' stop-color='%236F767A'/%3e%3cstop offset='0.46' stop-color='%23485357'/%3e%3cstop offset='0.48' stop-color='%234C565A'/%3e%3cstop offset='0.51' stop-color='%23596266'/%3e%3cstop offset='0.54' stop-color='%23707578'/%3e%3cstop offset='0.56' stop-color='%238F9092'/%3e%3cstop offset='0.57' stop-color='%2398989A'/%3e%3cstop offset='0.61' stop-color='%23A5A5A6'/%3e%3cstop offset='0.7' stop-color='%23C7C7C8'/%3e%3cstop offset='0.8' stop-color='white'/%3e%3cstop offset='0.83' stop-color='%23D1D1D2'/%3e%3cstop offset='0.9' stop-color='%234F4F53'/%3e%3cstop offset='0.94' stop-color='%231B1B20'/%3e%3cstop offset='0.95' stop-color='%23313136'/%3e%3cstop offset='0.96' stop-color='%234D4D51'/%3e%3cstop offset='0.97' stop-color='%23747476'/%3e%3cstop offset='0.99' stop-color='%23A5A5A7'/%3e%3cstop offset='1' stop-color='%23E9E9E9'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ")
    }

    .shared_cpanel_block .uh_content p {
        margin-bottom: 2px;
        font-size: 14px;
        font-weight: 500
    }

    .uh_shared_banner_block .bottom_right_block {
        inset-inline-end: 90px;
        bottom: 130px;
        z-index: 3
    }

    .shared_online_block {
    }

    .shared_online_block .uh_content {
        box-shadow: 0px 0px 14.68px 0px rgb(0 0 0 / 4%),0px 0px 36.7px 0px rgb(0 0 0 / 4%);
        background: #7C33FF;
        color: #fff;
        display: flex;
        align-items: center;
        gap: 4px;
        border-radius: 8px;
        font-weight: 700;
        padding: 7px 9px
    }

    .uh_shared_banner_block .top_mid_block {
        grid-area: 1 / 1;
        z-index: 4;
        align-self: center;
        justify-self: start;
        top: -25px;
        inset-inline-start: 30px;
        position: relative
    }

    .shared_protect_block_first {
        top: 100px;
        inset-inline-start: 80px;
        inset-inline-end: auto
    }

    .shared_speed_block {
        top: auto;
        bottom: 80px;
        inset-inline-end: 100px
    }

    .shared_control_block {
        position: absolute;
        top: calc(50% + 30px);
        inset-inline-start: 50%;
        transform: translate(-50%,-50%);
        width: 100%;
        max-width: 135px
    }

    .shared_control_block .uh_content {
        border-radius: 12px;
        background: var(--secondary-600,#5A28FA);
        color: #fff;
        text-align: center;
        padding: 22px;
        box-shadow: 0px 0px 160px 0px rgb(0 0 0 / 56%)
    }

    .shared_control_block .uh_content h6 {
        margin: 14px 0 0;
        font-weight: 700;
        font-size: 14px
    }

    .shared_monitor_block {
        position: absolute;
        width: 100%;
        max-width: 180px;
        top: 160px;
        inset-inline-start: 80px
    }

    .shared_monitor_block .uh_content {
        border-radius: 16px;
        box-shadow: 0px 0px 44.53px 0px rgb(0 0 0 / 4%);
        padding: 18px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-blend-mode: hard-light;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='218' height='123' viewBox='0 0 218 123' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath style='mix-blend-mode:hard-light' opacity='0.12' d='M285.276 102.366L279.106 92.0976L285.294 81.8069V81.6827L279.106 71.392L285.276 61.1239L279.106 50.8557L285.118 40.8358L279.106 30.8272L285.276 20.559L279.106 10.2909L285.294 0.00012207H0.890015L7.07785 10.2909L0.907541 20.559L7.07785 30.8272L1.0653 40.8358L7.07785 50.8557L0.907541 61.1239L7.07785 71.392L0.890015 81.6827V81.8069L7.07785 92.0976L0.907541 102.366L7.07785 112.645L0.890015 122.936H285.294L279.106 112.645L285.276 102.366Z' fill='url(%23paint0_linear_4422_749491)'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_4422_749491' x1='43.2407' y1='0.225797' x2='282.811' y2='88.8829' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23D3D4D5'/%3e%3cstop offset='0.03' stop-color='%238B9193'/%3e%3cstop offset='0.06' stop-color='%23575F63'/%3e%3cstop offset='0.07' stop-color='%23374145'/%3e%3cstop offset='0.08' stop-color='%232B363A'/%3e%3cstop offset='0.12' stop-color='%23343E42'/%3e%3cstop offset='0.17' stop-color='%234D5559'/%3e%3cstop offset='0.24' stop-color='%23757B7E'/%3e%3cstop offset='0.31' stop-color='%23ADB0B1'/%3e%3cstop offset='0.35' stop-color='%23CDCDCE'/%3e%3cstop offset='0.37' stop-color='%23C6C7C8'/%3e%3cstop offset='0.39' stop-color='%23B4B6B8'/%3e%3cstop offset='0.41' stop-color='%23979C9E'/%3e%3cstop offset='0.44' stop-color='%236F767A'/%3e%3cstop offset='0.46' stop-color='%23485357'/%3e%3cstop offset='0.48' stop-color='%234C565A'/%3e%3cstop offset='0.51' stop-color='%23596266'/%3e%3cstop offset='0.54' stop-color='%23707578'/%3e%3cstop offset='0.56' stop-color='%238F9092'/%3e%3cstop offset='0.57' stop-color='%2398989A'/%3e%3cstop offset='0.61' stop-color='%23A5A5A6'/%3e%3cstop offset='0.7' stop-color='%23C7C7C8'/%3e%3cstop offset='0.8' stop-color='white'/%3e%3cstop offset='0.83' stop-color='%23D1D1D2'/%3e%3cstop offset='0.9' stop-color='%234F4F53'/%3e%3cstop offset='0.94' stop-color='%231B1B20'/%3e%3cstop offset='0.95' stop-color='%23313136'/%3e%3cstop offset='0.96' stop-color='%234D4D51'/%3e%3cstop offset='0.97' stop-color='%23747476'/%3e%3cstop offset='0.99' stop-color='%23A5A5A7'/%3e%3cstop offset='1' stop-color='%23E9E9E9'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ")
    }

    .shared_monitor_block p {
        margin: 17px 0 0;
        font-size: 13.5px
    }

    .shared_monitor_block h6 {
        margin: 2px 0 0;
        font-size: clamp(1rem,0.8438rem + 0.5vw,1.125rem);
        font-weight: 700;
        color: #457BFF
    }

    .shared_protect_block {
        top: auto;
        bottom: 160px;
        inset-inline-end: 80px
    }

    .shared_protect_block .uh_content {
        background: var(--secondary-600,#5A28FA)
    }

    .uh_shared_powerful {
        mask-image: linear-gradient(#000 50%,transparent);
        max-width: 375px;
        margin: auto;
        border: 2px solid rgb(255 255 255 / 50%);
        border-radius: 24px;
        padding: 60px 40px 0
    }

    .uh_shared_powerful .uh_vds_powerful {
        margin: 0;
        width: 100%
    }

    .uh_shared_powerful .uh_three_server_blocks {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        top: auto
    }

    .uh_shared_powerful .vds_dat_center_block {
        box-shadow: 0 0 0 20px rgb(255 255 255 / 25%)
    }

    .uh_domain_ext_hero_section {
        padding-top: 120px;
        position: relative
    }

    .uh_domain_ext_hero_browser {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        text-align: center;
        pointer-events: none
    }

    .uh_domains_ext_block {
        padding: 0
    }

    .uh_domains_ext_block > .home_bnr_img {
        margin-top: -80px;
        mask-image: linear-gradient(#000 75%,transparent)
    }

    .uh_domains_ext_block .top_right_block {
        grid-area: 1 / 1;
        z-index: 2;
        top: 105px;
        position: relative;
        width: 100%;
        max-width: 200px;
        inset-inline-start: auto;
        inset-inline-end: -150px;
        mask-image: linear-gradient(145deg,#000 30%,transparent)
    }

    .uh_domains_ext_block .top_right_block .uh_content {
        background: var(--secondary-600,#5A28FA);
        border-radius: 13px;
        color: #fff;
        font-size: 15px;
        font-weight: 700;
        padding: 16px 44px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: center;
        text-align: center
    }

    .uh_domains_ext_block .bottom_left_block {
        grid-area: 1 / 1;
        z-index: 2;
        bottom: 90px;
        align-self: end;
        justify-self: start;
        position: relative;
        inset-inline-end: 192px;
        width: 100%;
        max-width: 265px
    }

    .uh_domains_ext_hero_heading {
        margin-top: 40px;
        text-align: center
    }

    .main_dom_bg {
        display: inline-block;
        background: linear-gradient(130deg,#D5E2FF 0%,#F0F5FF 40%,#F0F5FF 60%,#D5E2FF 100%);
        border-radius: 8px;
        box-shadow: 0px 0px 32px 0px rgb(0 0 0 / 16%);
        border: 4px solid #FFFFFF;
        padding: 1px 6px 9px;
        color: #457BFF;
        line-height: 1
    }

    .main_dom_bg.purple {
        color: #7C33FF;
        background: linear-gradient(130deg,#DACDFE 0%,#F2EBFF 40%,#F2EBFF 60%,#DACDFE 100%)
    }

    .uh_domain_ext_hero_price_prnt {
        position: relative;
        padding: 16px 0 0;
        text-align: center;
        mask-image: linear-gradient( 90deg,transparent,#000 15%,#000 85%,transparent 100% )
    }

    .uh_domain_ext_hero_price_prnt hr {
        margin: 21px 0 0;
        position: absolute;
        left: 0;
        right: 0
    }

    .uh_domain_ext_hero_price {
        display: inline-block;
        background-color: #fff;
        position: relative;
        padding: 0 28px;
        font-weight: 500
    }

    .uh_domain_ext_hero_price .hero_price {
        font-size: clamp(1.25rem,0.9375rem + 1vw,1.5rem)
    }

    .uh_domain_ext_search {
        margin-top: 34px;
        height: 70px;
        box-shadow: 0px 0.49px 2.45px 0px rgb(0 0 0 / 1%),0px 2.1px 4.63px 0px rgb(0 0 0 / 2%),0px 5.06px 7.73px 0px rgb(0 0 0 / 2%),0px 9.6px 13px 0px rgb(0 0 0 / 2%),0px 15.94px 21.64px 0px rgb(0 0 0 / 3%),0px 24.3px 34.88px 0px rgb(0 0 0 / 4%),0px 34.91px 53.92px 0px rgb(0 0 0 / 4%),0px 48px 80px 0px rgb(0 0 0 / 5%);
        border-radius: 16px
    }

    .uh_domain_ext_search .uh_domain_search {
        border: 1px solid #F0F0F0;
        border-radius: 1rem
    }

    .uh_dom_ext_prices {
        border: 1px solid rgb(0 0 0 / 10%);
        border-radius: 16px;
        height: 100%
    }

    .uh_dom_ext_prices .list:not(:last-child) {
        border-bottom: 1px solid rgb(0 0 0 / 10%)
    }

    .uh_dom_ext_prices .list .col {
        text-align: center
    }

    .uh_dom_ext_prices .list .col {
        border-inline-start:1px solid rgb(0 0 0 / 10%);padding: 10px
    }

    .uh_dom_ext_prices .list .info {
        display: flex;
        align-items: center;
        font-weight: 500;
        line-height: 2;
        gap: 8px;
        padding: 24px 32px
    }

    .uh_dom_ext_prices .list h5 {
        margin: 0;
        line-height: 2;
        font-weight: 700;
        font-size: 18px
    }

    .uh_dom_ext_prices .list .uh_badge {
        padding: 0 6px;
        margin-bottom: 3px;
        display: inline-block
    }

    .uh_dom_ext_prices .list p {
        margin: 0;
        line-height: 2;
        font-size: 14px;
        color: var(--Neutral-400,#999999);
        text-decoration: line-through
    }

    .uh_dom_ext_prices .list h6 {
        margin: 0;
        line-height: 2;
        font-weight: 700
    }

    .uh_domain_ext_hosting {
        background: linear-gradient(225deg,#5639FA,#457BFF,#5639FA);
        color: #fff;
        border-radius: 16px;
        padding: 32px;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 38px
    }

    .uh_domain_ext_hosting .host {
        display: flex;
        align-items: center;
        gap: 8px;
        font-weight: 700;
        line-height: 2
    }

    .uh_domain_ext_hosting h3 {
        font-weight: 700;
        line-height: 1.4;
        margin-top: 20px
    }

    .uh_domain_ext_hosting p {
        margin: 0;
        line-height: 2
    }

    .uh_domain_ext_hosting .btn {
        margin-top: auto;
        color: #fff;
        border-radius: 12px;
        border: 2px solid var(--Neutral-100,#E6E6E6);
        padding: 7px 39px
    }

    .uh_domain_ext_hosting .btn:hover {
        color: #457BFF;
        background: #fff;
        border-color: #fff
    }

    .uh_domain_ext_choose_prnt {
        overflow: visible;
        position: relative;
        background: #7C33FF;
        padding-top: 160px;
        padding-bottom: 160px
    }

    .uh_domain_ext_choose {
        position: absolute;
        top: 0;
        inset-inline-end: 0
    }

    .uh_domain_ext_choose .domain_available_block {
        position: absolute;
        max-width: 265px;
        bottom: 260px;
        inset-inline-start: 20px
    }

    .contact-info-divs {
        border: 1px solid var(--Neutral-100,#E6E6E6);
        border-radius: 16px;
        padding: 16px 20px;
        display: flex;
        align-items: flex-start;
        gap: 12px
    }

    .contact-info-divs > img {
        margin-top: 4px
    }

    .contact-info-divs p {
        font-weight: 700
    }

    .contact-info-divs a {
        color: var(--bs-body-color)
    }

    .contact-info-divs .innr {
        display: flex;
        align-items: center;
        gap: 16px;
        flex-wrap: wrap
    }

    .uh_contact_circle {
        position: absolute;
        inset-inline-start: -500px;
        max-width: 850px;
        top: 0;
        pointer-events: none
    }

    .pmethods_banner_block {
        padding: 30px 0 0
    }

    .pmethods_banner_block .top_left_block {
        z-index: 3;
        inset-inline-end: -45px;
        top: 120px
    }

    .pmethods_banner_block .top_left_block .uh_content {
        background: #fff;
        padding: 16px;
        box-shadow: 0px 0px 80px 0px rgb(0 0 0 / 12%);
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='320' height='128' viewBox='0 0 320 128' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath style='mix-blend-mode:hard-light' opacity='0.12' d='M604.961 152.169L591.249 131.288L605 110.361V110.108L591.249 89.1813L604.961 68.3001L591.249 47.419L604.61 27.0427L591.249 6.68932L604.961 -14.1918L591.249 -35.0729L605 -56H-27L-13.2494 -35.0729L-26.9611 -14.1918L-13.2494 6.68932L-26.6105 27.0427L-13.2494 47.419L-26.9611 68.3001L-13.2494 89.1813L-27 110.108V110.361L-13.2494 131.288L-26.9611 152.169L-13.2494 173.073L-27 194H605L591.249 173.073L604.961 152.169Z' fill='url(%23paint0_linear_2875_328972)'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_2875_328972' x1='67.1115' y1='-55.5411' x2='587.32' y2='154.827' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23D3D4D5'/%3e%3cstop offset='0.03' stop-color='%238B9193'/%3e%3cstop offset='0.06' stop-color='%23575F63'/%3e%3cstop offset='0.07' stop-color='%23374145'/%3e%3cstop offset='0.08' stop-color='%232B363A'/%3e%3cstop offset='0.12' stop-color='%23343E42'/%3e%3cstop offset='0.17' stop-color='%234D5559'/%3e%3cstop offset='0.24' stop-color='%23757B7E'/%3e%3cstop offset='0.31' stop-color='%23ADB0B1'/%3e%3cstop offset='0.35' stop-color='%23CDCDCE'/%3e%3cstop offset='0.37' stop-color='%23C6C7C8'/%3e%3cstop offset='0.39' stop-color='%23B4B6B8'/%3e%3cstop offset='0.41' stop-color='%23979C9E'/%3e%3cstop offset='0.44' stop-color='%236F767A'/%3e%3cstop offset='0.46' stop-color='%23485357'/%3e%3cstop offset='0.48' stop-color='%234C565A'/%3e%3cstop offset='0.51' stop-color='%23596266'/%3e%3cstop offset='0.54' stop-color='%23707578'/%3e%3cstop offset='0.56' stop-color='%238F9092'/%3e%3cstop offset='0.57' stop-color='%2398989A'/%3e%3cstop offset='0.61' stop-color='%23A5A5A6'/%3e%3cstop offset='0.7' stop-color='%23C7C7C8'/%3e%3cstop offset='0.8' stop-color='white'/%3e%3cstop offset='0.83' stop-color='%23D1D1D2'/%3e%3cstop offset='0.9' stop-color='%234F4F53'/%3e%3cstop offset='0.94' stop-color='%231B1B20'/%3e%3cstop offset='0.95' stop-color='%23313136'/%3e%3cstop offset='0.96' stop-color='%234D4D51'/%3e%3cstop offset='0.97' stop-color='%23747476'/%3e%3cstop offset='0.99' stop-color='%23A5A5A7'/%3e%3cstop offset='1' stop-color='%23E9E9E9'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-blend-mode: hard-light
    }

    .pmethods_banner_block .top_left_block .uh_content .row {
        gap: 16px 0;
        margin-inline-start:-8px;margin-inline-end:-8px}

    .pmethods_banner_block .top_left_block .uh_content .row > div {
        padding-inline-start:8px;padding-inline-end:8px}

    .pmethods_banner_block .top_left_block .uh_content .list {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 40px;
        text-align: center;
        border: 1px solid rgb(0 0 0 / 8%);
        border-radius: 8px
    }

    .pmethods_banner_block .top_left_block .uh_content .list img {
        max-height: 12px
    }

    .pmethods_banner_block .bottom_right_block {
        z-index: 4;
        inset-inline-end: 45px;
        bottom: 180px
    }

    .pmethods_banner_block .bottom_right_block .uh_content {
        text-align: start;
        padding: 24px;
        box-shadow: 0px 0px 80px 0px rgb(0 0 0 / 12%);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-blend-mode: hard-light;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='270' height='145' viewBox='0 0 270 145' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath style='mix-blend-mode:hard-light' opacity='0.12' d='M443.969 134.87L433.078 118.332L444 101.758V101.558L433.078 84.9836L443.969 68.4457L433.078 51.9079L443.691 35.7698L433.078 19.6499L443.969 3.11207L433.078 -13.4258L444 -30H-58L-47.0779 -13.4258L-57.9691 3.11207L-47.0779 19.6499L-57.6906 35.7698L-47.0779 51.9079L-57.9691 68.4457L-47.0779 84.9836L-58 101.558V101.758L-47.0779 118.332L-57.9691 134.87L-47.0779 151.426L-58 168H444L433.078 151.426L443.969 134.87Z' fill='url(%23paint0_linear_2875_328984)'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_2875_328984' x1='16.7531' y1='-29.6365' x2='429.619' y2='137.808' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23D3D4D5'/%3e%3cstop offset='0.03' stop-color='%238B9193'/%3e%3cstop offset='0.06' stop-color='%23575F63'/%3e%3cstop offset='0.07' stop-color='%23374145'/%3e%3cstop offset='0.08' stop-color='%232B363A'/%3e%3cstop offset='0.12' stop-color='%23343E42'/%3e%3cstop offset='0.17' stop-color='%234D5559'/%3e%3cstop offset='0.24' stop-color='%23757B7E'/%3e%3cstop offset='0.31' stop-color='%23ADB0B1'/%3e%3cstop offset='0.35' stop-color='%23CDCDCE'/%3e%3cstop offset='0.37' stop-color='%23C6C7C8'/%3e%3cstop offset='0.39' stop-color='%23B4B6B8'/%3e%3cstop offset='0.41' stop-color='%23979C9E'/%3e%3cstop offset='0.44' stop-color='%236F767A'/%3e%3cstop offset='0.46' stop-color='%23485357'/%3e%3cstop offset='0.48' stop-color='%234C565A'/%3e%3cstop offset='0.51' stop-color='%23596266'/%3e%3cstop offset='0.54' stop-color='%23707578'/%3e%3cstop offset='0.56' stop-color='%238F9092'/%3e%3cstop offset='0.57' stop-color='%2398989A'/%3e%3cstop offset='0.61' stop-color='%23A5A5A6'/%3e%3cstop offset='0.7' stop-color='%23C7C7C8'/%3e%3cstop offset='0.8' stop-color='white'/%3e%3cstop offset='0.83' stop-color='%23D1D1D2'/%3e%3cstop offset='0.9' stop-color='%234F4F53'/%3e%3cstop offset='0.94' stop-color='%231B1B20'/%3e%3cstop offset='0.95' stop-color='%23313136'/%3e%3cstop offset='0.96' stop-color='%234D4D51'/%3e%3cstop offset='0.97' stop-color='%23747476'/%3e%3cstop offset='0.99' stop-color='%23A5A5A7'/%3e%3cstop offset='1' stop-color='%23E9E9E9'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ")
    }

    .pmethods_banner_block .bottom_right_block .uh_content h6 {
        font-size: clamp(1rem,0.8438rem + 0.5vw,1.125rem);
        font-weight: 700;
        margin: 16px 0 0
    }

    .pmethods_banner_block .bottom_right_block .uh_content p {
        margin: 5px 0 0;
        font-size: 14px;
        color: var(--Neutral-400,#999999)
    }

    .uh_tabs.purple {
        background: rgb(0 0 0 / 2%);
        border-color: rgb(0 0 0 / 4%)
    }

    .uh_tabs.purple .nav-item .nav-link {
        padding: 13px 18px
    }

    .uh_tabs.purple .nav-item .nav-link.active {
        background: var(--secondary-600,#5A28FA)
    }

    .uh_pmethods {
        position: relative;
        background-color: white !important;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 160px;
        text-align: center
    }

    .uh_pmethods img:not(.img-fluid) {
        max-height: 32px
    }

    .uh_pmethods h5 {
        margin: 20px 0 0;
        font-weight: 700;
        font-size: clamp(1.0625rem,0.6719rem + 1.25vw,1.375rem)
    }

    .uh_pmethods p {
        margin: 10px 0 0
    }

    .legal_row {
        --bs-gutter-x: 80px
    }

    .terms-section {
        padding: 80px 10px;
        background: #fff
    }

    .terms-sidebar-links {
        border: 1px solid var(--Neutral-100,#E6E6E6);
        border-radius: 16px;
        padding: 28px 32px 13px;
        position: sticky;
        top: 140px
    }

    .terms-sidebar-links .terms-tab {
        list-style: none;
        margin-bottom: 15px
    }

    .terms-sidebar-links .terms-tab a {
        font-weight: 700;
        color: var(--Neutral-400,#999999);
        transition: all 0.2s;
        display: inline-block
    }

    .terms-sidebar-links .terms-tab a:hover,.terms-sidebar-links .terms-tab.active a {
        color: var(--neutral-900,#1A1A1A)
    }

    .terms-sidebar-links.multi {
        position: relative;
        top: auto
    }

    .terms-sidebar-links.multi .title {
        margin-bottom: 15px;
        font-size: 14px;
        font-weight: 700;
        line-height: 2;
        letter-spacing: 0.56px;
        opacity: 0.5;
        text-transform: uppercase
    }

    .terms-sidebar-links.multi .terms-tab a {
        font-weight: 500;
        color: var(--Neutral-700,#4D4D4D)
    }

    .terms-sidebar-links.multi .terms-tab a:hover {
        text-decoration: underline;
        text-underline-offset: 5px
    }

    .terms-sidebar-links.multi .terms-tab.active a {
        color: var(--neutral-900,#1A1A1A);
        font-weight: 700
    }

    .terms-section-right {
        line-height: 1.9
    }

    .terms-section-right > h2.ql-heading,.terms-section-right > h3.ql-heading {
        font-size: 1rem
    }

    .terms-section-right > .ql-block+h2.ql-heading,.terms-section-right > .ql-block+h3.ql-heading {
        margin-top: 46px
    }

    .terms-section-right > h2.ql-heading.ql-show-draggable-anchor+p {
        display: none
    }

    .terms-section-right > .ql-block+.ql-block {
        margin-top: 1rem
    }

    .uh_about_links {
        background: #FAFAFA;
        display: block;
        border-radius: 24px;
        padding: 24px;
        color: var(--bs-body-color);
        transition: all 0.2s
    }

    .uh_about_links:hover {
        background: #f5f5f5
    }

    .uh_about_links h5 {
        font-size: clamp(1.125rem,0.6563rem + 1.5vw,1.5rem);
        font-weight: 700
    }

    .uh_about_links h5 svg {
        margin-top: -4px
    }

    .uh_about_links p {
        margin: 8px 0 0;
        font-size: 14px
    }

    .uh_about_divide hr {
        margin: 38px 0 0
    }

    .uh_about_divide span {
        font-weight: 700;
        color: var(--neutral-900,#1A1A1A)
    }

    .uh_team_mem_card {
        background: #FAFAFA;
        border-radius: 24px;
        padding: 24px;
        position: relative;
        min-height: 200px;
        overflow: hidden
    }

    .uh_team_mem_card .dots {
        position: absolute;
        inset-inline-end: 0;
        bottom: 0;
        pointer-events: none
    }

    .uh_team_mem_card > div {
        position: relative
    }

    .uh_team_mem_card h2 {
        font-size: clamp(1.125rem,0.6563rem + 1.5vw,1.5rem);
        font-weight: 700
    }

    .alert {
        border-radius: 16px;
        position: relative;
        line-height: 1.9
    }

    .alert.alert-warning,.terms-section-right .alert.alert-secondary {
        background: rgb(246 158 30 / 16%);
        border: 1px solid rgb(246 158 30 / 50%);
        color: var(--neutral-900,#1A1A1A);
        padding-inline-start:36px}

    .alert.alert-warning:before,.terms-section-right .alert.alert-secondary:before {
        content: '';
        flex: 0 0 auto;
        width: 12px;
        height: 12px;
        margin-top: 8px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: 16px;
        inset-inline-start: 16px;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.4101 7.12L8.4251 6L10.4101 4.88C10.6801 4.725 10.7751 4.38 10.6151 4.11L9.9701 3.02C9.8151 2.76 9.4801 2.67 9.2201 2.815L7.2101 3.95V1.555C7.2101 1.25 6.9601 1 6.6551 1H5.3451C5.0351 1 4.7901 1.25 4.7901 1.555V3.95L2.7801 2.815C2.5201 2.67 2.1851 2.76 2.0301 3.02L1.3851 4.11C1.2251 4.38 1.3201 4.725 1.5901 4.88L3.5751 6L1.5901 7.12C1.3201 7.275 1.2251 7.62 1.3851 7.89L2.0301 8.98C2.1851 9.24 2.5201 9.33 2.7801 9.185L4.7901 8.05V10.445C4.7901 10.75 5.0401 11 5.3451 11H6.6551C6.9651 11 7.2101 10.75 7.2101 10.445V8.05L9.2201 9.185C9.4801 9.33 9.8151 9.24 9.9701 8.98L10.6151 7.89C10.7751 7.62 10.6801 7.275 10.4101 7.12Z' fill='%23F69E1E'/%3e%3c/svg%3e ")
    }

    .uh_crm_banner_block {
        padding: 0
    }

    .uh_crm_banner_block .top_left_block {
        inset-inline-end: -75px;
        top: 145px;
        z-index: 3
    }

    .crm_stat_block {
    }

    .crm_stat_block .uh_content {
        box-shadow: 0px 0px 120px 0px rgb(0 0 0 / 16%);
        border-radius: 12px;
        padding: 12px;
        text-align: start;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-blend-mode: hard-light;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='136' height='185' viewBox='0 0 136 185' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='mask0_3159_290709' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='136' height='185'%3e%3crect width='136' height='185' rx='12' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask0_3159_290709)'%3e%3cpath style='mix-blend-mode:hard-light' opacity='0.16' d='M352.974 154.045L343.971 138.593L353 123.107V122.92L343.971 107.434L352.974 91.9821L343.971 76.5301L352.744 61.4516L343.971 46.3901L352.974 30.938L343.971 15.486L353 0H-62L-52.9708 15.486L-61.9744 30.938L-52.9708 46.3901L-61.7442 61.4516L-52.9708 76.5301L-61.9744 91.9821L-52.9708 107.434L-62 122.92V123.107L-52.9708 138.593L-61.9744 154.045L-52.9708 169.514L-62 185H353L343.971 169.514L352.974 154.045Z' fill='url(%23paint0_linear_3159_290709)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient id='paint0_linear_3159_290709' x1='-0.2021' y1='0.339608' x2='351.912' y2='126.692' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23D3D4D5'/%3e%3cstop offset='0.03' stop-color='%238B9193'/%3e%3cstop offset='0.06' stop-color='%23575F63'/%3e%3cstop offset='0.07' stop-color='%23374145'/%3e%3cstop offset='0.08' stop-color='%232B363A'/%3e%3cstop offset='0.12' stop-color='%23343E42'/%3e%3cstop offset='0.17' stop-color='%234D5559'/%3e%3cstop offset='0.24' stop-color='%23757B7E'/%3e%3cstop offset='0.31' stop-color='%23ADB0B1'/%3e%3cstop offset='0.35' stop-color='%23CDCDCE'/%3e%3cstop offset='0.37' stop-color='%23C6C7C8'/%3e%3cstop offset='0.39' stop-color='%23B4B6B8'/%3e%3cstop offset='0.41' stop-color='%23979C9E'/%3e%3cstop offset='0.44' stop-color='%236F767A'/%3e%3cstop offset='0.46' stop-color='%23485357'/%3e%3cstop offset='0.48' stop-color='%234C565A'/%3e%3cstop offset='0.51' stop-color='%23596266'/%3e%3cstop offset='0.54' stop-color='%23707578'/%3e%3cstop offset='0.56' stop-color='%238F9092'/%3e%3cstop offset='0.57' stop-color='%2398989A'/%3e%3cstop offset='0.61' stop-color='%23A5A5A6'/%3e%3cstop offset='0.7' stop-color='%23C7C7C8'/%3e%3cstop offset='0.8' stop-color='white'/%3e%3cstop offset='0.83' stop-color='%23D1D1D2'/%3e%3cstop offset='0.9' stop-color='%234F4F53'/%3e%3cstop offset='0.94' stop-color='%231B1B20'/%3e%3cstop offset='0.95' stop-color='%23313136'/%3e%3cstop offset='0.96' stop-color='%234D4D51'/%3e%3cstop offset='0.97' stop-color='%23747476'/%3e%3cstop offset='0.99' stop-color='%23A5A5A7'/%3e%3cstop offset='1' stop-color='%23E9E9E9'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ")
    }

    .crm_stat_block .uh_content h6 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        font-weight: 700;
        margin: 0
    }

    .crm_stat_block .uh_content p {
        margin: 5px 0 10px;
        font-size: 12px;
        color: var(--Neutral-500,#808080)
    }

    .uh_crm_banner_block .top_left_block .crm_stat_block {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto
    }

    .uh_crm_banner_block .top_right_block {
        inset-inline-start: auto;
        inset-inline-end: -60px;
        z-index: 4;
        top: 170px;
        width: 100%;
        max-width: 134px
    }

    .uh_crm_banner_block .top_right_block .vds_uptime_block {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto
    }

    .uh_crm_banner_block .top_right_block .vds_uptime_block .uh_content {
        background-color: var(--primary-600,#457BFF)
    }

    .uh_crm_banner_block .bottom_mid_block {
        grid-area: 1 / 1;
        z-index: 3;
        bottom: 80px;
        align-self: end;
        justify-self: center;
        position: relative;
        inset-inline-end: -55px;
        text-align: start;
        width: 100%;
        max-width: 148px
    }

    .uh_crm_banner_block .bottom_mid_block .vds_protect_block {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        max-width: none
    }

    .uh_crm_banner_block .bottom_mid_block .vds_protect_block .uh_content {
        background-color: var(--secondary-600,#5A28FA)
    }

    .crm_managed_block {
        bottom: auto;
        inset-inline-start: auto;
        top: 40px;
        inset-inline-end: 40px
    }

    .crm_managed_block .uh_content {
        background-color: var(--primary-600,#457BFF)
    }

    .crm_speed_block {
        top: auto;
        inset-inline-end: auto;
        bottom: 40px;
        inset-inline-start: 40px
    }

    .crm_protect_block {
        top: 80px;
        inset-inline-end: auto;
        inset-inline-start: 56px
    }

    .crm_protect_block .uh_content {
        background-color: var(--secondary-600,#5A28FA)
    }

    .crm_monitor_block {
        position: absolute;
        width: 100%;
        max-width: 220px;
        bottom: 56px;
        inset-inline-end: 80px
    }

    .crm_monitor_block .uh_content {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-blend-mode: hard-light;
        box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 12%);
        border-radius: 16px;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='219' height='90' viewBox='0 0 219 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='mask0_3159_291514' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='219' height='90'%3e%3crect width='219' height='90' rx='16' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask0_3159_291514)'%3e%3cpath style='mix-blend-mode:hard-light' opacity='0.08' d='M274.981 101.586L268.255 91.3964L275 81.184V81.0609L268.255 70.8485L274.981 60.6585L268.255 50.4685L274.809 40.5248L268.255 30.5924L274.981 20.4024L268.255 10.2124L275 0H-35L-28.2553 10.2124L-34.9809 20.4024L-28.2553 30.5924L-34.8089 40.5248L-28.2553 50.4685L-34.9809 60.6585L-28.2553 70.8485L-35 81.0609V81.184L-28.2553 91.3964L-34.9809 101.586L-28.2553 111.788L-35 122H275L268.255 111.788L274.981 101.586Z' fill='url(%23paint0_linear_3159_291514)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient id='paint0_linear_3159_291514' x1='11.1623' y1='0.223957' x2='265.959' y2='103.791' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23D3D4D5'/%3e%3cstop offset='0.03' stop-color='%238B9193'/%3e%3cstop offset='0.06' stop-color='%23575F63'/%3e%3cstop offset='0.07' stop-color='%23374145'/%3e%3cstop offset='0.08' stop-color='%232B363A'/%3e%3cstop offset='0.12' stop-color='%23343E42'/%3e%3cstop offset='0.17' stop-color='%234D5559'/%3e%3cstop offset='0.24' stop-color='%23757B7E'/%3e%3cstop offset='0.31' stop-color='%23ADB0B1'/%3e%3cstop offset='0.35' stop-color='%23CDCDCE'/%3e%3cstop offset='0.37' stop-color='%23C6C7C8'/%3e%3cstop offset='0.39' stop-color='%23B4B6B8'/%3e%3cstop offset='0.41' stop-color='%23979C9E'/%3e%3cstop offset='0.44' stop-color='%236F767A'/%3e%3cstop offset='0.46' stop-color='%23485357'/%3e%3cstop offset='0.48' stop-color='%234C565A'/%3e%3cstop offset='0.51' stop-color='%23596266'/%3e%3cstop offset='0.54' stop-color='%23707578'/%3e%3cstop offset='0.56' stop-color='%238F9092'/%3e%3cstop offset='0.57' stop-color='%2398989A'/%3e%3cstop offset='0.61' stop-color='%23A5A5A6'/%3e%3cstop offset='0.7' stop-color='%23C7C7C8'/%3e%3cstop offset='0.8' stop-color='white'/%3e%3cstop offset='0.83' stop-color='%23D1D1D2'/%3e%3cstop offset='0.9' stop-color='%234F4F53'/%3e%3cstop offset='0.94' stop-color='%231B1B20'/%3e%3cstop offset='0.95' stop-color='%23313136'/%3e%3cstop offset='0.96' stop-color='%234D4D51'/%3e%3cstop offset='0.97' stop-color='%23747476'/%3e%3cstop offset='0.99' stop-color='%23A5A5A7'/%3e%3cstop offset='1' stop-color='%23E9E9E9'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ");
        padding: 21px 24px
    }

    .crm_monitor_block .uh_content p {
        font-size: 14px;
        font-weight: 500;
        color: var(--primary-600,#457BFF);
        margin: 0 0 8px
    }

    .crm_monitor_block .uh_content h6 {
        margin: 0;
        font-weight: 700
    }

    .crm_speed_block_2 {
        top: 40px
    }

    .crm_uptime_block {
        inset-inline-start: 40px
    }

    .crm_uptime_block .uh_content {
        background-color: var(--primary-600,#457BFF)
    }

    .uh_crm_platform {
        text-align: center;
        padding: 24px;
        border-radius: 24px
    }

    .uh_crm_platform h2 {
        font-size: clamp(1.0625rem,0.9844rem + 0.25vw,1.125rem);
        font-weight: 700;
        margin: 24px 0 0;
        line-height: 2
    }

    .uh_crm_platform p {
        color: var(--Neutral-600,#666666);
        line-height: 2;
        margin: 4px 0 0
    }

    .uh_migration_banner_block {
        padding: 0;
        margin-inline-end:-40px}

    .uh_migration_banner_block > .home_bnr_img img {
        max-height: 720px
    }

    .uh_migration_banner_block .bottom_left_block {
        grid-area: 1 / 1;
        z-index: 3;
        top: 20px;
        align-self: center;
        justify-self: start;
        position: relative;
        inset-inline-end: -15px
    }

    .uh_migration_banner_block .bottom_left_block .uh_content {
        text-align: start;
        background: #457BFF;
        color: #fff;
        box-shadow: 0px 0px 60px 0px rgb(0 0 0 / 16%);
        padding: 24px
    }

    .uh_migration_banner_block .bottom_left_block .uh_content h6 {
        margin: 10px 0 0;
        font-size: clamp(1rem,0.8438rem + 0.5vw,1.125rem);
        font-weight: 700
    }

    .uh_migration_banner_block .bottom_right_block {
        inset-inline-end: 45px;
        bottom: 115px;
        z-index: 3;
        max-width: 390px;
        width: 100%
    }

    .uh_migration_banner_block .bottom_right_block .support_block {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        top: auto;
        padding: 0;
        gap: 18px
    }

    .uh_migration_banner_block .bottom_right_block .support_block .uh_content {
        max-width: none;
        position: relative;
        overflow: hidden
    }

    .uh_migration_banner_block .bottom_right_block .support_block .uh_content:last-child::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(transparent,rgb(255 255 255 / 56%));
        pointer-events: none
    }

    .website_migration_step {
        text-align: center;
        background: rgb(124 51 255 / 2%)
    }

    .upgrading_hosting_block {
        position: absolute;
        bottom: 40px;
        inset-inline-start: 40px;
        width: 100%;
        max-width: 240px
    }

    .upgrading_hosting_block .uh_content {
        background-color: var(--secondary-600,#5A28FA);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-blend-mode: hard-light;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='240' height='186' viewBox='0 0 240 186' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='mask0_3155_284601' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='240' height='186'%3e%3crect width='240' height='186' rx='16' fill='%235A28FA'/%3e%3crect x='0.5' y='0.5' width='239' height='185' rx='15.5' stroke='black' stroke-opacity='0.04'/%3e%3c/mask%3e%3cg mask='url(%23mask0_3155_284601)'%3e%3cpath style='mix-blend-mode:hard-light' opacity='0.24' d='M327.962 161.858L314.728 143.817L328 125.736V125.518L314.728 107.437L327.962 89.3953L314.728 71.354L327.624 53.7489L314.728 36.1636L327.962 18.1223L314.728 0.0809765L328 -18H-282L-268.728 0.0809765L-281.962 18.1223L-268.728 36.1636L-281.624 53.7489L-268.728 71.354L-281.962 89.3953L-268.728 107.437L-282 125.518V125.736L-268.728 143.817L-281.962 161.858L-268.728 179.919L-282 198H328L314.728 179.919L327.962 161.858Z' fill='url(%23paint0_linear_3155_284601)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient id='paint0_linear_3155_284601' x1='-191.165' y1='-17.6035' x2='294.027' y2='201.583' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23D3D4D5'/%3e%3cstop offset='0.03' stop-color='%238B9193'/%3e%3cstop offset='0.06' stop-color='%23575F63'/%3e%3cstop offset='0.07' stop-color='%23374145'/%3e%3cstop offset='0.08' stop-color='%232B363A'/%3e%3cstop offset='0.12' stop-color='%23343E42'/%3e%3cstop offset='0.17' stop-color='%234D5559'/%3e%3cstop offset='0.24' stop-color='%23757B7E'/%3e%3cstop offset='0.31' stop-color='%23ADB0B1'/%3e%3cstop offset='0.35' stop-color='%23CDCDCE'/%3e%3cstop offset='0.37' stop-color='%23C6C7C8'/%3e%3cstop offset='0.39' stop-color='%23B4B6B8'/%3e%3cstop offset='0.41' stop-color='%23979C9E'/%3e%3cstop offset='0.44' stop-color='%236F767A'/%3e%3cstop offset='0.46' stop-color='%23485357'/%3e%3cstop offset='0.48' stop-color='%234C565A'/%3e%3cstop offset='0.51' stop-color='%23596266'/%3e%3cstop offset='0.54' stop-color='%23707578'/%3e%3cstop offset='0.56' stop-color='%238F9092'/%3e%3cstop offset='0.57' stop-color='%2398989A'/%3e%3cstop offset='0.61' stop-color='%23A5A5A6'/%3e%3cstop offset='0.7' stop-color='%23C7C7C8'/%3e%3cstop offset='0.8' stop-color='white'/%3e%3cstop offset='0.83' stop-color='%23D1D1D2'/%3e%3cstop offset='0.9' stop-color='%234F4F53'/%3e%3cstop offset='0.94' stop-color='%231B1B20'/%3e%3cstop offset='0.95' stop-color='%23313136'/%3e%3cstop offset='0.96' stop-color='%234D4D51'/%3e%3cstop offset='0.97' stop-color='%23747476'/%3e%3cstop offset='0.99' stop-color='%23A5A5A7'/%3e%3cstop offset='1' stop-color='%23E9E9E9'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ");
        border-radius: 16px;
        color: #fff;
        font-size: clamp(1rem,0.8438rem + 0.5vw,1.125rem);
        font-weight: 700;
        padding: 24px 48px;
        display: flex;
        flex-direction: column;
        gap: 18px;
        align-items: center;
        text-align: center;
        box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 24%)
    }

    .all_section_hero {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .all_banner_block {
        padding: 0
    }

    .all_banner_block .mid_left_block {
        grid-area: 1 / 1;
        z-index: 3;
        top: 35px;
        align-self: center;
        justify-self: start;
        position: relative;
        inset-inline-end: 140px;
        width: 100%;
        max-width: 290px
    }

    .all_banner_block .uh_three_server_blocks {
        position: relative;
        inset-inline-start: auto;
        bottom: auto;
        max-width: none
    }

    .all_banner_block .mid_right_block {
        grid-area: 1 / 1;
        z-index: 4;
        top: 40px;
        align-self: center;
        justify-self: end;
        position: relative;
        inset-inline-end: -110px
    }

    .uh_all_hosting_side {
        flex-direction: column
    }

    .uh_all_hosting_side .nav-link {
        font-weight: 700;
        transition: all 0.2s;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 0;
        margin-bottom: 15px;
        color: var(--neutral-900,#1A1A1A);
        opacity: 0.5;
        line-height: 2
    }

    .uh_all_hosting_side .nav-link:hover {
        opacity: 1
    }

    .uh_all_hosting_side .nav-link.active {
        opacity: 1;
        color: var(--secondary-600,#5A28FA)
    }

    .uh_all_hosting_list {
        border: 1px solid #E6E6E6;
        border-radius: 24px;
        margin-bottom: 40px;
        padding: 32px;
        background: linear-gradient(210deg,#F0EBFF,#fff 25%,#fff 75%,#E8F2FF)
    }

    .uh_all_hosting_list.flip {
        background: linear-gradient(329deg,#F0EBFF,#fff 23%,#fff 70%,#E8F2FF)
    }

    .uh_all_hosting_list h5 {
        margin: 12px 0 0;
        font-weight: 700;
        line-height: 2
    }

    .uh_all_hosting_list p {
        margin: 0;
        color: var(--Neutral-700,#4D4D4D);
        line-height: 2
    }

    .uh_all_hosting_list .innr {
        margin-top: 24px;
        border-radius: 16px;
        border: 1px solid rgba(0,0,0,0.08);
        background: rgba(255,255,255,0.04);
        padding: 16px 24px 24px
    }

    .uh_all_hosting_list .innr p {
        font-weight: 700
    }

    .uh_all_hosting_list .points {
        margin-top: 8px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 8px
    }

    .uh_all_hosting_list .points div {
        display: flex;
        align-items: center;
        gap: 4px;
        border-radius: 99px;
        border: 1px solid rgba(0,0,0,0.04);
        background: rgba(231,228,255,0.75);
        padding: 4px 12px;
        font-size: 14px;
        font-weight: 500;
        color: var(--secondary-600,#5A28FA)
    }

    .uh_all_hosting_list .foot {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 24px;
        flex-wrap: wrap;
        gap: 12px
    }

    .uh_all_hosting_list .foot .price {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 12px
    }

    .uh_all_hosting_list .foot .new_price {
        font-size: clamp(1.25rem,0.9375rem + 1vw,1.5rem);
        font-weight: 700
    }

    .uh_all_hosting_list .foot .btn {
        border: 1px solid rgba(16,16,16,0.16);
        background: rgba(0,0,0,0.00);
        backdrop-filter: blur(12px);
        line-height: 52px;
        min-width: 155px
    }

    .uh_all_hosting_list .foot .btn:hover {
        background: #EEEEEE
    }

    .uh_email_banner_block > .home_bnr_img img {
        mask: none
    }

    .uh_email_banner_block .email_summary_block {
        position: relative;
        grid-area: 1 / 1;
        z-index: 4;
        align-self: start;
        justify-self: end;
        inset-inline-start: 40px;
        top: 130px
    }

    .uh_email_banner_block .email_ai_block {
        grid-area: 1 / 1;
        z-index: 3;
        top: 30px;
        align-self: center;
        justify-self: start;
        position: relative;
        inset-inline-start: 110px;
        transform: none;
        text-align: start
    }

    .uh_email_banner_block .bottom_right_block {
        bottom: 110px;
        inset-inline-end: -70px;
        text-align: start;
        max-width: 230px;
        border-radius: 16px;
        background-position: center;
        background-repeat: no-repeat;
        background-blend-mode: hard-light;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='291' height='148' viewBox='0 0 291 148' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='mask0_3290_85206' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='23' y='40' width='228' height='68'%3e%3crect x='23' y='40' width='228' height='68' rx='16' fill='white'/%3e%3crect x='23.5' y='40.5' width='227' height='67' rx='15.5' stroke='black' stroke-opacity='0.03'/%3e%3c/mask%3e%3cg mask='url(%23mask0_3290_85206)'%3e%3cpath style='mix-blend-mode:hard-light' opacity='0.12' d='M411.975 120.893L403.036 107.362L412 93.8017V93.6382L403.036 80.0775L411.975 66.5465L403.036 53.0155L411.746 39.8117L403.036 26.6227L411.975 13.0917L403.036 -0.439269L412 -14H0L8.96397 -0.439269L0.0253894 13.0917L8.96397 26.6227L0.253933 39.8117L8.96397 53.0155L0.0253894 66.5465L8.96397 80.0775L0 93.6382V93.8017L8.96397 107.362L0.0253894 120.893L8.96397 134.439L0 148H412L403.036 134.439L411.975 120.893Z' fill='url(%23paint0_linear_3290_85206)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient id='paint0_linear_3290_85206' x1='61.3512' y1='-13.7026' x2='399.9' y2='124.027' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23D3D4D5'/%3e%3cstop offset='0.03' stop-color='%238B9193'/%3e%3cstop offset='0.06' stop-color='%23575F63'/%3e%3cstop offset='0.07' stop-color='%23374145'/%3e%3cstop offset='0.08' stop-color='%232B363A'/%3e%3cstop offset='0.12' stop-color='%23343E42'/%3e%3cstop offset='0.17' stop-color='%234D5559'/%3e%3cstop offset='0.24' stop-color='%23757B7E'/%3e%3cstop offset='0.31' stop-color='%23ADB0B1'/%3e%3cstop offset='0.35' stop-color='%23CDCDCE'/%3e%3cstop offset='0.37' stop-color='%23C6C7C8'/%3e%3cstop offset='0.39' stop-color='%23B4B6B8'/%3e%3cstop offset='0.41' stop-color='%23979C9E'/%3e%3cstop offset='0.44' stop-color='%236F767A'/%3e%3cstop offset='0.46' stop-color='%23485357'/%3e%3cstop offset='0.48' stop-color='%234C565A'/%3e%3cstop offset='0.51' stop-color='%23596266'/%3e%3cstop offset='0.54' stop-color='%23707578'/%3e%3cstop offset='0.56' stop-color='%238F9092'/%3e%3cstop offset='0.57' stop-color='%2398989A'/%3e%3cstop offset='0.61' stop-color='%23A5A5A6'/%3e%3cstop offset='0.7' stop-color='%23C7C7C8'/%3e%3cstop offset='0.8' stop-color='white'/%3e%3cstop offset='0.83' stop-color='%23D1D1D2'/%3e%3cstop offset='0.9' stop-color='%234F4F53'/%3e%3cstop offset='0.94' stop-color='%231B1B20'/%3e%3cstop offset='0.95' stop-color='%23313136'/%3e%3cstop offset='0.96' stop-color='%234D4D51'/%3e%3cstop offset='0.97' stop-color='%23747476'/%3e%3cstop offset='0.99' stop-color='%23A5A5A7'/%3e%3cstop offset='1' stop-color='%23E9E9E9'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ")
    }

    .uh_email_banner_block .bottom_right_block .innr {
        border: 1px solid rgb(0 0 0 / 3%);
        border-radius: 16px;
        line-height: 2;
        font-size: 12px;
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 1px 8px;
        flex-wrap: wrap
    }

    .uh_email_banner_block .bottom_right_block .innr span {
        font-weight: 500
    }

    .uh_email_tabs {
        display: flex;
        background: rgb(0 0 0 / 2%)
    }

    .uh_email_tabs .nav-item {
        flex: 1
    }

    .uh_email_tabs .nav-item .nav-link {
        width: 100%
    }

    .uh_email_tabs .nav-item .nav-link.active {
        background: var(--secondary-600,#5A28FA)
    }

    .uh_email_tab_feature {
        text-align: start;
        padding: 0
    }

    .uh_email_tab_feature .featuers_section_info {
        padding: 64px
    }

    .uh_email_tab_feature h2 {
        padding: 0;
        font-size: clamp(1.25rem,0.3125rem + 3vw,2rem);
        margin-bottom: 12px
    }

    .uh_email_tab_feature p {
        margin-bottom: 32px
    }

    .uh_email_tab_hr {
        margin: 40px 0
    }

    .email_migrate_block {
        position: absolute;
        top: 68px;
        inset-inline-start: 50%;
        transform: translateX(-50%);
        width: 100%;
        max-width: 200px
    }

    .email_migrate_block .uh_content {
        background-color: var(--secondary-600,#5A28FA);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-blend-mode: hard-light;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='200' height='128' viewBox='0 0 200 128' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='mask0_3290_86786' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='201' height='128'%3e%3cpath d='M0.00390625 16C0.00390625 7.16344 7.16735 0 16.0039 0H184.004C192.84 0 200.004 7.16344 200.004 16V112C200.004 120.837 192.84 128 184.004 128H16.0039C7.16735 128 0.00390625 120.837 0.00390625 112V16Z' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask0_3290_86786)'%3e%3cpath style='mix-blend-mode:hard-light' opacity='0.12' d='M419.974 181.181L409.56 161.803L420.004 142.383V142.149L409.56 122.728L419.974 103.351L409.56 83.9728L419.708 65.0636L409.56 46.1757L419.974 26.798L409.56 7.42031L420.004 -12H-59.9961L-49.5526 7.42031L-59.9665 26.798L-49.5526 46.1757L-59.7002 65.0636L-49.5526 83.9728L-59.9665 103.351L-49.5526 122.728L-59.9961 142.149V142.383L-49.5526 161.803L-59.9665 181.181L-49.5526 200.58L-59.9961 220H420.004L409.56 200.58L419.974 181.181Z' fill='url(%23paint0_linear_3290_86786)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient id='paint0_linear_3290_86786' x1='11.481' y1='-11.5741' x2='425.804' y2='125.551' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23D3D4D5'/%3e%3cstop offset='0.03' stop-color='%238B9193'/%3e%3cstop offset='0.06' stop-color='%23575F63'/%3e%3cstop offset='0.07' stop-color='%23374145'/%3e%3cstop offset='0.08' stop-color='%232B363A'/%3e%3cstop offset='0.12' stop-color='%23343E42'/%3e%3cstop offset='0.17' stop-color='%234D5559'/%3e%3cstop offset='0.24' stop-color='%23757B7E'/%3e%3cstop offset='0.31' stop-color='%23ADB0B1'/%3e%3cstop offset='0.35' stop-color='%23CDCDCE'/%3e%3cstop offset='0.37' stop-color='%23C6C7C8'/%3e%3cstop offset='0.39' stop-color='%23B4B6B8'/%3e%3cstop offset='0.41' stop-color='%23979C9E'/%3e%3cstop offset='0.44' stop-color='%236F767A'/%3e%3cstop offset='0.46' stop-color='%23485357'/%3e%3cstop offset='0.48' stop-color='%234C565A'/%3e%3cstop offset='0.51' stop-color='%23596266'/%3e%3cstop offset='0.54' stop-color='%23707578'/%3e%3cstop offset='0.56' stop-color='%238F9092'/%3e%3cstop offset='0.57' stop-color='%2398989A'/%3e%3cstop offset='0.61' stop-color='%23A5A5A6'/%3e%3cstop offset='0.7' stop-color='%23C7C7C8'/%3e%3cstop offset='0.8' stop-color='white'/%3e%3cstop offset='0.83' stop-color='%23D1D1D2'/%3e%3cstop offset='0.9' stop-color='%234F4F53'/%3e%3cstop offset='0.94' stop-color='%231B1B20'/%3e%3cstop offset='0.95' stop-color='%23313136'/%3e%3cstop offset='0.96' stop-color='%234D4D51'/%3e%3cstop offset='0.97' stop-color='%23747476'/%3e%3cstop offset='0.99' stop-color='%23A5A5A7'/%3e%3cstop offset='1' stop-color='%23E9E9E9'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ");
        border-radius: 16px;
        color: #fff;
        font-size: clamp(1.0625rem,0.8281rem + 0.75vw,1.25rem);
        font-weight: 700;
        padding: 19px 16px;
        display: flex;
        flex-direction: column;
        gap: 8px;
        align-items: center;
        text-align: center;
        box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 4%)
    }

    .email_summary_block {
        position: absolute;
        top: 173px;
        inset-inline-start: 87px;
        width: 100%;
        max-width: 160px
    }

    .email_summary_block .uh_content {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='238' height='199' viewBox='0 0 238 199' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='mask0_3290_86923' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='40' y='11' width='158' height='179'%3e%3crect x='40' y='11' width='158' height='179' rx='16' fill='white'/%3e%3crect x='40.5' y='11.5' width='157' height='178' rx='15.5' stroke='black' stroke-opacity='0.04'/%3e%3c/mask%3e%3cg mask='url(%23mask0_3290_86923)'%3e%3cpath style='mix-blend-mode:hard-light' opacity='0.12' d='M392.975 165.702L384.036 149.081L393 132.423V132.222L384.036 115.564L392.975 98.9429L384.036 82.3215L392.746 66.102L384.036 49.9007L392.975 33.2793L384.036 16.6579L393 0H-19L-10.036 16.6579L-18.9746 33.2793L-10.036 49.9007L-18.7461 66.102L-10.036 82.3215L-18.9746 98.9429L-10.036 115.564L-19 132.222V132.423L-10.036 149.081L-18.9746 165.702L-10.036 182.342L-19 199H393L384.036 182.342L392.975 165.702Z' fill='url(%23paint0_linear_3290_86923)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient id='paint0_linear_3290_86923' x1='42.3512' y1='0.365308' x2='397.931' y2='118.127' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23D3D4D5'/%3e%3cstop offset='0.03' stop-color='%238B9193'/%3e%3cstop offset='0.06' stop-color='%23575F63'/%3e%3cstop offset='0.07' stop-color='%23374145'/%3e%3cstop offset='0.08' stop-color='%232B363A'/%3e%3cstop offset='0.12' stop-color='%23343E42'/%3e%3cstop offset='0.17' stop-color='%234D5559'/%3e%3cstop offset='0.24' stop-color='%23757B7E'/%3e%3cstop offset='0.31' stop-color='%23ADB0B1'/%3e%3cstop offset='0.35' stop-color='%23CDCDCE'/%3e%3cstop offset='0.37' stop-color='%23C6C7C8'/%3e%3cstop offset='0.39' stop-color='%23B4B6B8'/%3e%3cstop offset='0.41' stop-color='%23979C9E'/%3e%3cstop offset='0.44' stop-color='%236F767A'/%3e%3cstop offset='0.46' stop-color='%23485357'/%3e%3cstop offset='0.48' stop-color='%234C565A'/%3e%3cstop offset='0.51' stop-color='%23596266'/%3e%3cstop offset='0.54' stop-color='%23707578'/%3e%3cstop offset='0.56' stop-color='%238F9092'/%3e%3cstop offset='0.57' stop-color='%2398989A'/%3e%3cstop offset='0.61' stop-color='%23A5A5A6'/%3e%3cstop offset='0.7' stop-color='%23C7C7C8'/%3e%3cstop offset='0.8' stop-color='white'/%3e%3cstop offset='0.83' stop-color='%23D1D1D2'/%3e%3cstop offset='0.9' stop-color='%234F4F53'/%3e%3cstop offset='0.94' stop-color='%231B1B20'/%3e%3cstop offset='0.95' stop-color='%23313136'/%3e%3cstop offset='0.96' stop-color='%234D4D51'/%3e%3cstop offset='0.97' stop-color='%23747476'/%3e%3cstop offset='0.99' stop-color='%23A5A5A7'/%3e%3cstop offset='1' stop-color='%23E9E9E9'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ");
        background-position: center;
        background-repeat: no-repeat;
        background-blend-mode: hard-light;
        padding: 0;
        border-radius: 16px;
        box-shadow: 0px 0px 80px 0px rgb(0 0 0 / 8%)
    }

    .email_summary_block .uh_content > div {
        padding: 13px 16px;
        display: flex;
        align-items: center;
        gap: 8px;
        font-weight: 500;
        font-size: 12px;
        color: var(--Neutral-700,#4D4D4D)
    }

    .email_summary_block .uh_content > div:not(:last-child) {
        border-bottom: 1px solid var(--Neutral-100,#E6E6E6)
    }

    .email_ai_block {
        position: absolute;
        bottom: 90px;
        inset-inline-start: 50%;
        transform: translateX(-50%);
        width: 100%;
        max-width: 215px;
        background: linear-gradient(134.19deg,#457BFF 0.71%,#BDA9FD 99.29%);
        box-shadow: 0px 0px 80px 0px rgb(0 0 0 / 8%);
        border-radius: 16px;
        padding: 1px
    }

    .email_ai_block .uh_content {
        border-radius: 15px;
        box-shadow: none
    }

    .email_ai_block .uh_content h6 {
        margin: 10px 0;
        line-height: 1;
        font-weight: 700;
        font-size: 14px
    }

    .email_ai_block .uh_content p {
        font-size: 14px;
        margin: 0;
        line-height: 1
    }

    .email_ai_block .uh_content .btns {
        display: flex;
        align-items: center;
        margin-top: 16px;
        gap: 8px;
        flex-wrap: wrap
    }

    .email_ai_block .uh_content .btns div {
        border-radius: 8px;
        border: 1px solid var(--Neutral-200,#CCC);
        padding: 8px 11px;
        font-size: 12px;
        font-weight: 500;
        color: var(--Neutral-400,#999)
    }

    .uh_price_plan .price_collapse {
        margin-top: -16px
    }

    .uh_price_plan .price_collapse h5 {
        margin: 20px 0 0;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .uh_price_plan .price_collapse h5 svg {
        transition: all 0.2s
    }

    .uh_price_plan .price_collapse h5 .less,.uh_price_plan .price_collapse .collapse.show + h5 .more {
        display: none
    }

    .uh_price_plan .price_collapse .collapse.show + h5 .less {
        display: block
    }

    .uh_price_plan .price_collapse .collapse.show + h5 svg {
        transform: rotate(180deg)
    }

    .price-limited-feature-height {
        height: 100%
    }

    .price-limited-feature-height .uh_plan_discount.empty {
        display: none
    }

    .uh_price_plan:first-child .uh_plan_discount.empty {
        display: block;
        opacity: 0;
        visibility: hidden
    }

    .price-limited-feature-height .plan-div {
        height: 100%;
        display: flex;
        flex-direction: column
    }

    .price-limited-feature {
        margin-top: auto;
        padding: 24px;
        display: none
    }

    .price-limited-feature-innr {
        background: linear-gradient(180deg,#444444 0%,#2A2A2A 100%);
        border: 1px solid rgb(255 255 255 / 25%);
        border-radius: 12px;
        padding: 16px;
        color: #fff
    }

    .price-limited-feature-innr .h6 {
        line-height: 1.6;
        margin-bottom: 2px;
        font-weight: 700
    }

    .price-limited-feature-innr p {
        margin: 0;
        line-height: 1.6;
        opacity: .75
    }

    .empty-plan-feature {
        display: none;
        padding-top: 6px;
        padding-bottom: 6px
    }

    .empty-plan-feature img {
        opacity: 0.12
    }

    .empty-plan-feature span {
        display: block;
        height: 12px;
        width: 100%;
        background: rgb(0 0 0 / 12%);
        border-radius: 2em
    }

    .empty-plan-feature.one span {
        width: 95%
    }

    .empty-plan-feature.two span {
        width: 80%
    }

    .empty-plan-feature.three span {
        width: 88%
    }

    .uh_price_plan:first-child .price-limited-feature {
        display: block;
        display: none
    }

    .uh_price_plan:first-child .empty-plan-feature {
        display: block;
        display: none
    }

    .uh_game_banner_block {
        padding: 0;
        margin-inline-end:-65px}

    .uh_game_banner_block > .home_bnr_img img {
        mask: none
    }

    .uh_game_banner_block .bottom_left_block {
        grid-area: 1 / 1;
        z-index: 3;
        top: 80px;
        align-self: center;
        justify-self: start;
        position: relative;
        inset-inline-start: 50px
    }

    .uh_game_banner_block .bottom_right_block {
        inset-inline-end: 60px;
        top: 80px;
        z-index: 3;
        width: 100%;
        max-width: 165px;
        align-self: center
    }

    .game_ping_block {
    }

    .game_ping_block .uh_content {
        border-radius: 16px;
        padding: 23px;
        text-align: center;
        max-width: 165px
    }

    .game_ping_block img {
        margin-bottom: -35px
    }

    .game_ping_block h6 {
        font-weight: 700;
        margin-bottom: 2px
    }

    .game_ping_block p {
        margin: 0;
        font-size: 14px
    }

    .game_ping_block .connect {
        margin-top: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #B1FC89;
        font-size: 14px;
        font-weight: 700;
        gap: 4px;
        padding: 12px
    }

    .game_ping_block .connect img {
        margin: 0
    }

    .all_game_search {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 80px;
        margin-bottom: 40px;
        row-gap: 16px
    }

    .all_game_search .quad_switch {
        flex: 0 0 auto;
        padding: 7px;
        background: transparent
    }

    .all_game_search .quad_switch label div {
        padding: 7px 18px;
        opacity: 1
    }

    .all_game_search .search_innr {
        flex: 1 1 auto;
        position: relative
    }

    .all_game_search .search_innr svg {
        position: absolute;
        inset-inline-start: 24px;
        top: 20px;
        pointer-events: none
    }

    .all_game_search .search_innr input {
        border-radius: 2em;
        font-weight: 500;
        padding: 15px;
        padding-inline-start:47px}

    .all_game_list {
        display: block;
        border: 1px solid var(--Neutral-800,#333333);
        border-radius: 16px;
        overflow: hidden;
        background-color: #101010;
        transition: all 0.2s
    }

    .all_game_list:hover {
        border-color: var(--Neutral-400,#999999);
        box-shadow: 0 0 0 1px var(--Neutral-400,#999999)
    }

    .all_game_list_head {
        position: relative;
        width: 100%;
        aspect-ratio: 0.9;
        background: rgb(255 255 255 / 6%)
    }

    .all_game_list_head img {
        width: 100%;
        height: 100%
    }

    .all_game_list_head .badge {
        position: absolute;
        top: 20px;
        inset-inline-end: 20px;
        border: 1px solid rgb(255 255 255 / 24%);
        background: rgba(255,255,255,0.08);
        backdrop-filter: blur(8px);
        border-radius: 2em;
        display: flex;
        padding: 7px 12px;
        align-items: center;
        gap: 4px;
        font-size: 14px
    }

    .all_game_list_head:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 50px;
        background: linear-gradient(transparent,#101010)
    }

    .all_game_list_foot {
        padding: 5px 20px 20px;
        color: #fff;
        font-weight: 700
    }

    .all_game_list_foot .name {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .all_game_list_foot span {
        font-size: 14px;
        font-weight: 400
    }

    .load_more_game {
        height: 60px;
        transition: 0s
    }

    .load_more_game.active_loading {
        border: 3px solid;
        border-color: #fff #101010 #fff #fff !important;
        animation: .5s linear infinite game_loader;
        font-size: 0;
        border-radius: 34px;
        width: 60px;
        padding: 0;
        background: transparent !important;
        line-height: 1
    }

    @keyframes game_loader {
        0% {
            transform: rotateZ(0)
        }

        100% {
            transform: rotateZ(360deg)
        }
    }

    .hero_left_lines {
        pointer-events: none;
        position: absolute;
        inset-inline-start: 0;
        bottom: 150px
    }

    .hero_right_lines {
        pointer-events: none;
        position: absolute;
        inset-inline-end: 0;
        bottom: 150px
    }

    .game_mods_block {
        position: absolute;
        width: 100%;
        max-width: 240px;
        top: 50%;
        inset-inline-start: 50%;
        transform: translate(-50%,-50%);
        padding: 24px
    }

    .game_mods_block:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border: 1px solid #fff;
        border-radius: 24px;
        mask-image: linear-gradient(transparent,#000)
    }

    .game_mods_block .uh_content {
        border-radius: 16px;
        padding: 38px 10px 32px;
        text-align: center
    }

    .game_mods_block .uh_content h6 {
        margin: 7px 0 0;
        font-weight: 700
    }

    .game_mods_block .btn {
        margin: 16px 0 0;
        width: 100%;
        border-radius: 16px;
        background: rgba(255,255,255,0.25);
        backdrop-filter: blur(8px);
        color: #fff
    }

    .game_support_block {
        padding: 0 105px 75px;
        gap: 24px
    }

    .uh_game_steps .step_block {
        overflow: hidden
    }

    .uh_game_steps .step_block_img {
        margin-bottom: -80px
    }

    .game_adv_bg {
        background-color: #1C1C1C;
        position: relative
    }

    .game_adv_bg > img {
        position: absolute;
        top: 0;
        inset-inline-end: 0;
        bottom: 0;
        height: 100%;
        pointer-events: none
    }

    .game_adv_bg .feat-1 {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        pointer-events: none;
        background: linear-gradient(135deg,#342173,transparent 20%,transparent 70%,#342173)
    }

    .game_mods_block .game_ping_block {
        position: relative
    }

    .game_mods_block .game_ping_block .uh_content {
        max-width: none;
        padding: 20px 23px 25px
    }

    .game_mods_block .game_ping_block .uh_content h6 {
        margin: 0 0 2px
    }

    .game_mods_block .game_ping_block .connect {
        margin: 0 0 16px;
        padding: 12px
    }

    .game_mods_block.reverse {
        max-width: 185px
    }

    .game_mods_block.reverse:before {
        mask-image: linear-gradient(#000,transparent)
    }

    .game_mods_block .vds_protect_block {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        max-width: none
    }

    .game_mods_block .vds_protect_block .uh_content {
        background-color: var(--secondary-600,#5A28FA)
    }

    .game_mods_block .vds_protect_block .uh_content img {
        margin: 0
    }

    .game_mods_block .vds_protect_block .uh_content h6 {
        margin: 16px 0 1px
    }

    .game_mods_block.reverse .game_ping_block .connect {
        margin: 16px 0 0
    }

    .vds_server_banner.mt {
        margin-top: 40px
    }

    .game_price_player_col .plan-div {
        height: 100%
    }

    .game_price_player_col .spHead {
        display: flex;
        flex-direction: column;
        height: 100%
    }

    .game_price_player_col .spHead .uh_plan_name {
        text-align: center;
        margin: 0
    }

    .game_price_player_col .spHead .uh_plan_discount {
        text-align: center;
        margin-bottom: 70px
    }

    .game_price_player_col .foot {
        background: var(--neutral-900,#1A1A1A);
        border: 1px solid var(--Neutral-800,#333333);
        border-radius: 16px;
        padding: 24px;
        margin-top: 37px
    }

    .game_price_player_col .foot h5 {
        margin: 24px 0 12px;
        font-weight: 700
    }

    .game_price_player_col .foot p.uh_plan_discount {
        text-align: start;
        margin: 0 0 24px
    }

    .game_price_player_col .foot .btn {
        width: 100%;
        color: #ffffff !important;
        line-height: 54px
    }

    .game_slider-wrapper {
        margin: 0 0 20px;
        position: relative
    }

    .game__value_prnt {
        transform: translate(-50%,-50%);
        inset-inline-start: 50%;
        top: 50%;
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column
    }

    .game__value_prnt div {
        color: #457bff;
        font-weight: 700;
        font-size: 20px
    }

    .game__value_prnt p {
        margin: 0;
        color: var(--Neutral-400,#999)
    }

    .game_slider-wrapper svg {
        margin: auto;
        display: block;
        transform: rotate(-90deg);
        transform-origin: 50% 50%;
        width: 174.5px;
        height: auto
    }

    .game_slider-wrapper svg .game_progress {
        stroke-dasharray: 559.203,559.203;
        stroke-dashoffset: 419.403;
        stroke-linecap: round;
        transition: stroke-dashoffset .3s
    }

    .game_changer_slide {
        max-width: 160px;
        margin: auto
    }

    .game_changer_slide input {
        -webkit-appearance: none;
        appearance: none;
        background: 0 0;
        cursor: pointer;
        width: 100%;
        overflow: hidden;
        border-radius: 4px
    }

    .game_changer_slide input[type=range]::-webkit-slider-runnable-track {
        background: var(--neutral-900,#1A1A1A);
        height: 8px;
        border-radius: 4px
    }

    .game_changer_slide input[type=range]::-moz-range-track {
        background: var(--neutral-900,#1A1A1A);
        height: 8px;
        border-radius: 4px
    }

    .game_changer_slide input[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        margin-top: 0;
        background-color: #457bff;
        height: 8px;
        width: 8px;
        border-radius: 0 50% 50% 0;
        box-shadow: -407px 0 0 400px #457bff
    }

    .game_changer_slide input[type=range]::-moz-range-thumb {
        border: none;
        border-radius: 0 50% 50% 0;
        background-color: #457bff;
        height: 8px;
        width: 8px;
        box-shadow: -407px 0 0 400px #457bff
    }

    .game_changer_slide input[type=range]:focus {
        outline: 0
    }

    .uh_game_page_banner_block {
        padding: 0
    }

    .uh_game_page_banner_block > .home_bnr_img img {
        mask: none;
        max-height: 670px
    }

    .uh_game_page_banner_block .bottom_left_block {
        grid-area: 1 / 1;
        z-index: 4;
        top: -50px;
        align-self: center;
        justify-self: start;
        position: relative;
        inset-inline-start: 110px
    }

    .uh_game_page_banner_block .bottom_right_block {
        inset-inline-end: 0;
        top: -90px;
        width: 100%;
        max-width: 165px;
        align-self: center
    }

    .uh_game_page_banner_block .game_image {
        grid-area: 1 / 1;
        z-index: 3;
        justify-self: end;
        align-self: start;
        padding-top: 16%;
        padding-bottom: 10.9%;
        padding-inline-start:27.5%;padding-inline-end:9.5%;width: 100%;
        height: 100%
    }

    .uh_game_page_banner_block .game_image img {
        height: 100%;
        width: 100%;
        border-radius: 0 0 22px 22px;
        mask: radial-gradient(black 30%,transparent 95%)
    }

    .uh_social_banner_block {
        padding: 0;
        margin-right: -68px
    }

    .uh_social_banner_block > .home_bnr_img img {
        mask: none
    }

    .uh_social_banner_block .top_left_block {
        inset-inline-end: -165px;
        top: 5px;
        z-index: 3;
        align-self: center
    }

    .uh_social_banner_block .top_left_block .uh_content {
        border-radius: 16px;
        padding: 16px;
        box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 12%);
        width: auto;
        background: white;
        display: flex;
        flex-direction: column;
        gap: 16px
    }

    .uh_social_banner_block .top_left_block .uh_content .ico {
        border: 1px solid rgb(0 0 0 / 4%);
        width: 53px;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px
    }

    .uh_social_banner_block .top_left_block .uh_content .ico img {
        max-height: 20px
    }

    .uh_social_banner_block .top_left_block .cursor {
        position: absolute;
        inset-inline-start: 45px;
        top: 13px
    }

    .uh_social_banner_block .top_right_block {
        inset-inline-start: auto;
        inset-inline-end: 65px;
        z-index: 4;
        top: 190px;
        width: 100%;
        max-width: 134px
    }

    .uh_social_banner_block .top_right_block .vds_speed_block {
        position: relative;
        top: auto;
        left: auto;
        right: auto
    }

    .uh_social_banner_block .bottom_mid_block {
        grid-area: 1 / 1;
        z-index: 3;
        bottom: 42px;
        align-self: end;
        justify-self: center;
        position: relative;
        inset-inline-end: -70px;
        text-align: start;
        width: 100%;
        max-width: 135px
    }

    .uh_social_banner_block .bottom_mid_block .vds_uptime_block {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        max-width: none
    }

    .uh_social_banner_block .bottom_mid_block .vds_uptime_block .uh_content {
        background-color: var(--primary-600,#457BFF)
    }

    .uh_social_platform {
        max-width: 160px;
        margin: auto;
        border: 1px solid rgb(0 0 0 / 4%);
        border-radius: 20px;
        background: rgb(230 230 230 / 8%);
        display: flex;
        align-items: center;
        justify-content: center;
        height: 64px
    }

    .uh_social_platform img {
        max-height: 32px
    }

    .social_server_block {
        position: absolute;
        bottom: 90px;
        inset-inline-end: 90px;
        width: 100%;
        max-width: 134px
    }

    .social_server_block .uh_content {
        border-radius: 12px;
        padding: 12px;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='134' height='122' viewBox='0 0 134 122' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='mask0_3577_20408' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='134' height='122'%3e%3crect width='134' height='122' rx='12' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask0_3577_20408)'%3e%3cpath style='mix-blend-mode:hard-light' opacity='0.16' d='M274.981 101.586L268.255 91.3964L275 81.184V81.0609L268.255 70.8485L274.981 60.6585L268.255 50.4685L274.809 40.5248L268.255 30.5924L274.981 20.4024L268.255 10.2124L275 0H-35L-28.2553 10.2124L-34.9809 20.4024L-28.2553 30.5924L-34.8089 40.5248L-28.2553 50.4685L-34.9809 60.6585L-28.2553 70.8485L-35 81.0609V81.184L-28.2553 91.3964L-34.9809 101.586L-28.2553 111.788L-35 122H275L268.255 111.788L274.981 101.586Z' fill='url(%23paint0_linear_3577_20408)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient id='paint0_linear_3577_20408' x1='11.1623' y1='0.223957' x2='265.959' y2='103.791' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23D3D4D5'/%3e%3cstop offset='0.03' stop-color='%238B9193'/%3e%3cstop offset='0.06' stop-color='%23575F63'/%3e%3cstop offset='0.07' stop-color='%23374145'/%3e%3cstop offset='0.08' stop-color='%232B363A'/%3e%3cstop offset='0.12' stop-color='%23343E42'/%3e%3cstop offset='0.17' stop-color='%234D5559'/%3e%3cstop offset='0.24' stop-color='%23757B7E'/%3e%3cstop offset='0.31' stop-color='%23ADB0B1'/%3e%3cstop offset='0.35' stop-color='%23CDCDCE'/%3e%3cstop offset='0.37' stop-color='%23C6C7C8'/%3e%3cstop offset='0.39' stop-color='%23B4B6B8'/%3e%3cstop offset='0.41' stop-color='%23979C9E'/%3e%3cstop offset='0.44' stop-color='%236F767A'/%3e%3cstop offset='0.46' stop-color='%23485357'/%3e%3cstop offset='0.48' stop-color='%234C565A'/%3e%3cstop offset='0.51' stop-color='%23596266'/%3e%3cstop offset='0.54' stop-color='%23707578'/%3e%3cstop offset='0.56' stop-color='%238F9092'/%3e%3cstop offset='0.57' stop-color='%2398989A'/%3e%3cstop offset='0.61' stop-color='%23A5A5A6'/%3e%3cstop offset='0.7' stop-color='%23C7C7C8'/%3e%3cstop offset='0.8' stop-color='white'/%3e%3cstop offset='0.83' stop-color='%23D1D1D2'/%3e%3cstop offset='0.9' stop-color='%234F4F53'/%3e%3cstop offset='0.94' stop-color='%231B1B20'/%3e%3cstop offset='0.95' stop-color='%23313136'/%3e%3cstop offset='0.96' stop-color='%234D4D51'/%3e%3cstop offset='0.97' stop-color='%23747476'/%3e%3cstop offset='0.99' stop-color='%23A5A5A7'/%3e%3cstop offset='1' stop-color='%23E9E9E9'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-blend-mode: hard-light
    }

    .social_server_block .uh_content p {
        margin: 34px 0 0;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        font-size: 14px;
        font-weight: 500;
        gap: 12px
    }

    .social_server_block .uh_content p svg {
        flex: 0 0 auto;
        margin: 5px 0
    }

    .social_uptime_block {
        bottom: auto;
        inset-inline-start: auto;
        top: 80px;
        inset-inline-end: 80px
    }

    .social_uptime_block .uh_content {
        background-color: var(--primary-600,#457BFF)
    }

    .social_speed_block {
        top: auto;
        inset-inline-end: auto;
        bottom: 80px;
        inset-inline-start: 80px
    }

    .uh_career_banner_block {
        padding: 0;
        margin: -60px 0;
        margin-inline-end:-65px}

    .uh_career_banner_block > .home_bnr_img img {
        mask: none
    }

    .uh_career_slide {
        max-width: 314px;
        margin: auto;
        position: relative
    }

    .uh_career_slide .row {
        margin: 0;
        gap: 3rem
    }

    .uh_career_slide .col-12 {
        margin: 0;
        padding: 0
    }

    .uh_career_review {
        margin-bottom: 100px
    }

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

    .uh_career_review .img:before {
        content: '';
        background-image: url(/themes/default/images/new/career-review-glow.webp);
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: 24px
    }

    .uh_career_review .img:after {
        content: '';
        background-image: url(/themes/default/images/new/career-review-play.svg);
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 160px;
        aspect-ratio: 1
    }

    .uh_career_review .img img {
        aspect-ratio: 9 / 14.3315;
        object-fit: cover;
        border-radius: 24px
    }

    .uh_career_review .user {
        padding: 40px 54px 0;
        text-align: center;
        line-height: 2;
        opacity: 0;
        visibility: hidden;
        transform: scale(0.8) translateY(30px);
        display: none
    }

    .uh_career_slide .col-12.active .user {
        opacity: 1;
        visibility: visible;
        transform: none;
        transition: all 0.4s ease
    }

    .uh_career_review .user .name {
        font-size: 18px;
        font-weight: 700
    }

    .uh_career_slide .btn_prnt {
        pointer-events: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        display: flex;
        flex-direction: column
    }

    .uh_career_slide .btn_prnt .ar {
        aspect-ratio: 9 / 14.3315;
        width: 100%
    }

    .uh_career_slide .uh_review_btns {
        justify-content: space-between;
        margin-top: 55px;
        margin-top: 35px
    }

    .uh_career_slide .uh_review_btns .btn {
        width: 40px;
        height: 40px;
        pointer-events: auto
    }

    .uh_review_dots {
        display: flex;
        justify-content: center;
        gap: 8px;
        margin-top: 15px;
        margin-top: -23px
    }

    .uh_review_dots .dot {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: currentColor;
        opacity: 0.15;
        transition: all 0.4s ease
    }

    .uh_review_dots .dot.active {
        opacity: 1
    }

    .uh_career_slide {
        max-width: none
    }

    .uh_career_slide .row {
        gap: 2rem;
        overflow-x: auto;
        justify-content: space-between;
        transform: none !important
    }

    .uh_career_slide .col-12 {
        min-width: 290px;
        width: calc(100% / 5 - 1.6rem)
    }

    .uh_career_review {
        margin-bottom: 10px
    }

    .uh_career_review .img img {
        width: 100%
    }

    .uh_career_slide .btn_prnt {
        display: none
    }

    .uh_career_list {
        border: 1px solid var(--Neutral-100,#E6E6E6);
        border-radius: 24px;
        padding: 24px;
        height: 100%;
        display: flex;
        flex-direction: column;
        transition: all 0.2s
    }

    .uh_career_list:hover {
        box-shadow: 0 4px 15px rgb(0 0 0 / 5%)
    }

    .uh_career_list h5 {
        font-weight: 700
    }

    .uh_career_list h5 a {
        color: var(--neutral-900,#1A1A1A)
    }

    .uh_career_list p {
        line-height: 2;
        color: var(--Neutral-700,#4D4D4D);
        margin: 0
    }

    .uh_career_list .types {
        margin: 32px 0;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px
    }

    .uh_career_list .types .type {
        border-radius: 99px;
        border: 1px solid rgba(0,0,0,0.04);
        background: var(--Primary-50,#EDF2FF);
        color: var(--primary-600,#457BFF);
        font-weight: 700;
        font-size: 14px;
        padding: 3.5px 11px
    }

    .uh_career_list .types .type.time {
        background: var(--Secondary-50,#EFEAFF);
        color: var(--secondary-600,#5A28FA)
    }

    .uh_career_list .btn {
        margin-top: auto
    }

    .section_career_test {
        padding: 0 10px;
        position: relative;
        overflow: hidden
    }

    .section_career_test:not(.nowh) {
        background: var(--secondary-600,#5A28FA)
    }

    .section_career_test > img:not(.start) {
        position: absolute;
        top: 0;
        inset-inline-end: 0
    }

    .section_career_test > img.start {
        position: absolute;
        top: 0;
        inset-inline-start: 0
    }

    .career_test_info {
        text-align: center
    }

    .career_test_info:not(.nowh) {
        color: white
    }

    .career_test_info h2 {
        font-size: clamp(1.5rem,-0.0625rem + 5vw,2.75rem);
        font-weight: 700;
        line-height: 1.4;
        margin: 32px 0
    }

    .career_test_info h5 {
        margin: 0 0 4px;
        font-weight: 700
    }

    .career_test_info p {
        margin: 0;
        font-weight: 500
    }

    .career_test_info:not(.nowh) p {
        color: var(--Primary-100,#D0DEFF)
    }

    .career_test_info .carousel-indicators {
        position: relative;
        margin: 32px 0 0
    }

    .career_test_info .carousel-indicators button {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        border: 0;
        padding: 0;
        opacity: 0.5;
        margin: 0 3px
    }

    .career_test_info .carousel-indicators button.active {
        opacity: 1
    }

    .uh_career_test_1 {
        margin-inline-end:-250px}

    .uh_career_detail {
        text-align: center;
        padding: 40px 0
    }

    .uh_career_detail h1 {
        font-size: clamp(1.5rem,-0.375rem + 6vw,3rem);
        font-weight: 700;
        margin-bottom: 16px;
        letter-spacing: -0.96px
    }

    .uh_career_detail .types {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 16px;
        margin-bottom: 32px
    }

    .uh_career_detail .types .type {
        font-size: 14px;
        font-weight: 700;
        color: var(--Neutral-600,#666);
        display: flex;
        align-items: center;
        gap: 4px
    }

    .uh_career_join {
        border-radius: 16px;
        border: 1px solid var(--Neutral-100,#E6E6E6);
        padding: 24px;
        text-align: center
    }

    .uh_career_join h4 {
        margin: 32px 0 16px;
        font-weight: 700
    }

    .uh_career_join .types {
        margin: 0 0 32px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center
    }

    .uh_career_join .types .type {
        border-radius: 99px;
        border: 1px solid rgba(0,0,0,0.04);
        background: var(--Primary-50,#EDF2FF);
        color: var(--primary-600,#457BFF);
        font-weight: 700;
        font-size: 14px;
        padding: 3.5px 11px
    }

    .uh_career_join .more_info {
        margin-top: 24px;
        text-align: start;
        border-radius: 16px;
        background: rgba(0,0,0,0.02);
        padding: 18px
    }

    .uh_career_join .more_info div {
        padding: 6px;
        display: flex;
        align-items: center;
        gap: 16px;
        font-weight: 700
    }

    .uh_domain_ai_hero_section {
        padding-top: 220px;
        padding-bottom: 220px;
        transition: all 0.3s
    }

    .uh_domain_ai_container {
        max-width: 1136px;
        margin: auto
    }

    .uh_domain_ai_hero dotlottie-player {
        width: 44px;
        height: 44px;
        margin: 0 auto
    }

    .uh_domain_ai_hero .hero_heading {
        margin: 16px 0 8px;
        text-align: center
    }

    .uh_domain_ai_search {
        margin: 40px 0;
        box-shadow: 0px 0.49px 2.45px 0px rgb(0 0 0 / 1%),0px 2.1px 4.63px 0px rgb(0 0 0 / 2%),0px 5.06px 7.73px 0px rgb(0 0 0 / 2%),0px 9.6px 13px 0px rgb(0 0 0 / 2%),0px 15.94px 21.64px 0px rgb(0 0 0 / 3%),0px 24.3px 34.88px 0px rgb(0 0 0 / 4%),0px 34.91px 53.92px 0px rgb(0 0 0 / 4%),0px 48px 80px 0px rgb(0 0 0 / 5%);
        border-radius: 16px;
        transition: all 0.3s
    }

    .uh_domain_ai_search .uh_domain_search {
        border: 1px solid var(--Neutral-100,#E6E6E6);
        border-radius: 1rem;
        border-color: rgb(0 0 0 / 4%)
    }

    .uh_domain_ai_search .uh_domain_search .btn {
        padding-top: 2px;
        padding-bottom: 2px
    }

    .uh_domain_ai_search .uh_domain_search .btn.btn-opts {
        background: var(--Neutral-100,#E6E6E6)
    }

    .uh_domain_ai_transfer a img {
        margin-top: -2px
    }

    body.ai_clickd .uh_domain_ai_hero_section {
        padding-bottom: 80px
    }

    body.ai_clickd .uh_domain_ai_search {
        margin-bottom: 80px
    }

    body.ai_clickd .uh_domain_ai_transfer {
        display: none
    }

    .domain_ai_sugg_block {
        position: absolute;
        bottom: 120px;
        inset-inline-start: 120px;
        width: 100%;
        max-width: 180px
    }

    .domain_ai_sugg_block .link {
        border-radius: 19px;
        background-color: rgb(255 255 255 / 90%);
        backdrop-filter: blur(42px);
        padding: 16px
    }

    .domain_ai_sugg_block .link .transfer_site_url {
        font-size: 10px;
        border-radius: 10px;
        color: rgba(64,64,64,0.50)
    }

    .domain_ai_sugg_block .link .transfer_site_url span {
        flex: 1 1 auto;
        border-radius: 2em;
        background: var(--Neutral-100,#E6E6E6);
        height: 8px
    }

    .domain_ai_sugg_block .sugg {
        background-color: var(--secondary-600,#5A28FA);
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='180' height='140' viewBox='0 0 180 140' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='mask0_3577_32444' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='180' height='140'%3e%3crect width='180' height='139.5' rx='12' fill='%235A28FA'/%3e%3crect x='0.375' y='0.375' width='179.25' height='138.75' rx='11.625' stroke='black' stroke-opacity='0.04' stroke-width='0.75'/%3e%3c/mask%3e%3cg mask='url(%23mask0_3577_32444)'%3e%3cpath style='mix-blend-mode:hard-light' opacity='0.16' d='M240.722 121.393L230.796 107.862L240.75 94.3017V94.1382L230.796 80.5775L240.722 67.0465L230.796 53.5155L240.468 40.3117L230.796 27.1227L240.722 13.5917L230.796 0.0607309L240.75 -13.5H-216.75L-206.796 0.0607309L-216.722 13.5917L-206.796 27.1227L-216.468 40.3117L-206.796 53.5155L-216.722 67.0465L-206.796 80.5775L-216.75 94.1382V94.3017L-206.796 107.862L-216.722 121.393L-206.796 134.939L-216.75 148.5H240.75L230.796 134.939L240.722 121.393Z' fill='url(%23paint0_linear_3577_32444)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient id='paint0_linear_3577_32444' x1='-148.624' y1='-13.2026' x2='215.27' y2='151.187' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23D3D4D5'/%3e%3cstop offset='0.03' stop-color='%238B9193'/%3e%3cstop offset='0.06' stop-color='%23575F63'/%3e%3cstop offset='0.07' stop-color='%23374145'/%3e%3cstop offset='0.08' stop-color='%232B363A'/%3e%3cstop offset='0.12' stop-color='%23343E42'/%3e%3cstop offset='0.17' stop-color='%234D5559'/%3e%3cstop offset='0.24' stop-color='%23757B7E'/%3e%3cstop offset='0.31' stop-color='%23ADB0B1'/%3e%3cstop offset='0.35' stop-color='%23CDCDCE'/%3e%3cstop offset='0.37' stop-color='%23C6C7C8'/%3e%3cstop offset='0.39' stop-color='%23B4B6B8'/%3e%3cstop offset='0.41' stop-color='%23979C9E'/%3e%3cstop offset='0.44' stop-color='%236F767A'/%3e%3cstop offset='0.46' stop-color='%23485357'/%3e%3cstop offset='0.48' stop-color='%234C565A'/%3e%3cstop offset='0.51' stop-color='%23596266'/%3e%3cstop offset='0.54' stop-color='%23707578'/%3e%3cstop offset='0.56' stop-color='%238F9092'/%3e%3cstop offset='0.57' stop-color='%2398989A'/%3e%3cstop offset='0.61' stop-color='%23A5A5A6'/%3e%3cstop offset='0.7' stop-color='%23C7C7C8'/%3e%3cstop offset='0.8' stop-color='white'/%3e%3cstop offset='0.83' stop-color='%23D1D1D2'/%3e%3cstop offset='0.9' stop-color='%234F4F53'/%3e%3cstop offset='0.94' stop-color='%231B1B20'/%3e%3cstop offset='0.95' stop-color='%23313136'/%3e%3cstop offset='0.96' stop-color='%234D4D51'/%3e%3cstop offset='0.97' stop-color='%23747476'/%3e%3cstop offset='0.99' stop-color='%23A5A5A7'/%3e%3cstop offset='1' stop-color='%23E9E9E9'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-blend-mode: hard-light;
        border-radius: 12px;
        color: #fff;
        font-size: 13.5px;
        font-weight: 700;
        padding: 15px 35px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: center;
        text-align: center;
        margin-top: 20px
    }

    .domain_ai_list_block {
        width: 100%;
        max-width: 263px;
        position: absolute;
        top: 80px;
        inset-inline-end: 80px
    }

    .dng_domains_tab {
        display: flex;
        align-items: center;
        gap: 20px;
        flex-wrap: wrap;
        font-weight: 500;
        color: var(--Neutral-600,#666)
    }

    .domain_dns_section {
        padding-top: 180px;
        padding-bottom: 180px
    }

    .uh_domain_dns_container {
        max-width: 770px;
        margin: auto
    }

    .uh_domain_dns_hero .violet_ribbon {
        margin: 0;
        gap: 0
    }

    .uh_domain_dns_hero .hero_heading {
        margin: 16px 0 4px;
        text-align: center
    }

    .uh_domain_dns_tab {
        filter: drop-shadow(0px 16px 20px rgb(0 0 0 / 15%)) drop-shadow(0px 0 1px rgb(0 0 0 / 10%));
        margin: 32px 0
    }

    .uh_domain_dns_section {
        padding-top: 160px;
        padding-bottom: 160px
    }

    .uh_domain_dns_result {
        margin: 40px 0 0
    }

    .uh_domain_dns_result_list {
        margin: 20px 0 0;
        border-radius: 16px;
        border: 1px solid var(--Neutral-100,#E6E6E6);
        background: #FFF;
        padding: 16px 20px
    }

    .uh_domain_dns_result_list .top {
        line-height: 2;
        margin-bottom: 4px;
        display: flex;
        align-items: center;
        font-size: 18px;
        font-weight: 500;
        gap: 12px
    }

    .uh_domain_dns_result_list .top span {
        flex: 0 0 auto;
        border-radius: 2em;
        border: 1px solid rgba(0,0,0,0.04);
        background: #EEFFF2;
        font-size: 14px;
        font-weight: 700;
        color: #006D18;
        padding: 2px 12px;
        line-height: normal
    }

    .uh_domain_dns_result_list .top span.A {
        color: #006D18;
        background: #EEFFF2
    }

    .uh_domain_dns_result_list .top span.AAAA {
        color: #CE155F;
        background: #FFF3F8
    }

    .uh_domain_dns_result_list .top span.MX {
        color: #FA8028;
        background: #FFEFE4
    }

    .uh_domain_dns_result_list .top span.NS {
        color: #0A88B5;
        background: #E4F8FF
    }

    .uh_domain_dns_result_list .top span.TXT {
        color: #5D2D9F;
        background: #EFEAFF
    }

    .uh_domain_dns_result_list .text {
        line-height: 2;
        color: var(--Neutral-700,#4D4D4D);
        word-break: break-word
    }

    .domain_dns_info_block {
    }

    .domain_dns_info_block .sugg {
        background-color: var(--primary-600,#457BFF);
        margin: 0;
        padding: 24px;
        gap: 16px
    }

    .domain_dns_sugg_block {
        bottom: 80px;
        inset-inline-start: 80px
    }

    .domain_whois_section {
        padding-top: 160px;
        padding-bottom: 160px
    }

    .uh_domain_whois_transfer span {
        color: var(--secondary-600,#5A28FA)
    }

    .whois_content {
        border-radius: 16px;
        border: 1px solid var(--Neutral-100,#E6E6E6);
        background: #FFF;
        margin-top: 24px;
        padding: 16px;
        word-break: break-word
    }

    .whois_content.mt {
        margin-top: 60px
    }

    .whois_content h5 {
        font-size: 1rem;
        font-weight: 700;
        display: flex;
        align-items: center;
        gap: 8px;
        margin: 0;
        line-height: 2
    }

    .whois_content .whois_info {
        margin-top: 16px
    }

    .whois_content .whois_info p {
        font-weight: 500;
        line-height: 2;
        margin: 0
    }

    .whois_content .whois_info h6 {
        margin: 0;
        font-weight: 400;
        color: var(--Neutral-600,#666);
        line-height: 2
    }

    .whois_site_img_prnt {
        width: 100%;
        max-width: 268px;
        border-radius: 16px;
        border: 1px solid var(--Secondary-100,#D5C9FD);
        background: var(--Secondary-50,#EFEAFF);
        padding: 4px
    }

    .whois_site_img {
        width: 100%;
        aspect-ratio: 16 / 9;
        border-radius: 12px;
        background: #F9F9F9;
        overflow: hidden;
        position: relative
    }

    .whois_site_img > img {
        width: 100%;
        height: 100%
    }

    .whois_skel_head {
        top: 0;
        right: 0;
        left: 0;
        padding: 16px
    }

    .whois_skel_logo {
        width: 8px;
        height: 8px;
        border-radius: 50%
    }

    .skel_loading {
        background: linear-gradient(-45deg,#e3e9ef 0,#c9cfd4 45%,#c9cfd4 55%,#e3e9ef 100%);
        background-size: 300% 300%;
        animation: 2s infinite skel_loading_anim
    }

    .whois_skel_head .links {
        gap: 4px
    }

    .whois_skel_link {
        width: 24px;
        height: 8px;
        border-radius: 2em
    }

    .whois_skel_body {
        bottom: 0;
        right: 0;
        left: 0;
        top: 40px;
        padding: 16px
    }

    .whois_skel_body .info {
        width: 50%
    }

    .whois_skel_title {
        width: 50%;
        height: 8px;
        border-radius: 2em
    }

    .whois_skel_sub {
        width: 79%;
        height: 8px;
        border-radius: 2em;
        margin-top: 4px
    }

    @keyframes skel_loading_anim {
        0%,100% {
            background-position: 0 50%
        }

        50% {
            background-position: 100% 50%
        }
    }

    .whois_domain_info {
        display: flex;
        align-items: center;
        width: 100%;
        max-width: 268px;
        justify-content: space-between;
        gap: 12px;
        margin-top: 18px
    }

    .whois_domain_info .ico {
        font-size: 14px;
        font-weight: 500;
        overflow: hidden;
        min-width: 0;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: var(--neutral-900,#1A1A1A);
        gap: 12px
    }

    .whois_domain_info .ico img {
        flex: 0 0 auto;
        border-radius: 50%;
        width: 16px;
        height: 16px
    }

    .whois_table td {
        padding: 0;
        font-weight: 400;
        color: var(--Neutral-600,#666);
        line-height: 2
    }

    .whois_raw_head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px
    }

    .whois_raw_head .btn {
        border: 0;
        padding: 0;
        line-height: 1
    }

    .whois_raw_details {
        background: rgb(0 0 0 / 4%);
        border-radius: 16px;
        padding: 24px;
        line-height: 2;
        color: var(--Neutral-700,#4D4D4D);
        margin-top: 16px
    }

    .whois_raw_details:not(.hnone) {
        max-height: 160px;
        overflow: hidden;
        mask-image: linear-gradient(#000 60%,transparent 120%);
        cursor: pointer
    }

    .domain_whois_info_block {
        top: 120px;
        bottom: auto
    }

    .domain_whois_list_block {
        inset-inline-end: auto;
        inset-inline-start: 80px
    }

    .domain_whois_sugg_block {
        bottom: 80px;
        inset-inline-start: auto;
        inset-inline-end: 80px
    }

    .uh_domain_whois_time {
        gap: 32px;
        flex-wrap: wrap
    }

    .uh_discount_timer_prnt p {
        line-height: 1.9;
        opacity: 1;
        margin-bottom: 4px
    }

    .uh_discount_timer_prnt p img {
        margin-top: -2px
    }

    .uh_discount_timer_prnt p span {
        font-weight: 700
    }

    .uh_discount_timer {
        display: flex;
        align-items: center;
        gap: 7px;
        color: rgb(0 0 0 / 25%)
    }

    .uh_discount_timer div {
        border: 1px solid rgb(0 0 0 / 2%);
        background: rgb(255 69 72 / 4%);
        min-width: 56px;
        text-align: center;
        padding: 7px 4px;
        border-radius: 12px;
        color: #E45E61
    }

    .uh_discount_timer div span {
        font-weight: 700
    }

    .ssc_status.good {
        border: 1px solid var(--Neutral-100,#E6E6E6);
        border-radius: 16px;
        padding: 32px;
        margin-top: 40px
    }

    .ssc_status.bad {
        border: 1px solid rgb(255 69 72 / 24%);
        background: rgb(255 229 230 / 75%);
        border-radius: 16px;
        padding: 32px;
        margin-top: 40px
    }

    .ssc_status_head {
        text-align: center
    }

    .ssc_status_head .logo {
        width: 24px;
        height: 24px;
        position: relative;
        margin: 0 auto 12px
    }

    .ssc_status_head .logo img:not(.bdge) {
        border-radius: 50%
    }

    .ssc_status_head .logo img.bdge {
        position: absolute;
        bottom: -4px;
        inset-inline-end: -4px
    }

    .ssc_status_head h5 {
        margin: 0 0 4px;
        font-weight: 700;
        line-height: 1.4
    }

    .ssc_status_head p {
        margin: 0;
        line-height: 1.6
    }

    .ssc_status_table {
        border-radius: 16px;
        border: 1px solid rgba(0,0,0,0.10);
        overflow: hidden;
        display: table;
        width: 100%;
        margin-top: 24px
    }

    .ssc_status_table div {
        display: table-row
    }

    .ssc_status_table h6 {
        display: table-cell;
        vertical-align: top;
        margin: 0;
        line-height: 2;
        padding: 12px 16px;
        background: rgb(0 0 0 / 2%);
        border-inline-end:1px solid rgb(0 0 0 / 5%);border-bottom: 1px solid rgb(0 0 0 / 5%);
        width: 115px
    }

    .ssc_status_table p {
        display: table-cell;
        vertical-align: top;
        margin: 0;
        line-height: 2;
        padding: 12px 16px;
        border-bottom: 1px solid rgb(0 0 0 / 5%)
    }

    .ssc_status_table div:last-child h6,.ssc_status_table div:last-child p {
        border-bottom: 0
    }

    .buy_ssl_cta {
        color: white;
        padding: 32px;
        background-color: #FAFAFA;
        margin-top: 20px;
        text-align: center
    }

    .buy_ssl_cta > img {
        width: 100%;
        left: 0;
        right: 0;
        bottom: 0
    }

    .buy_ssl_cta h4 {
        line-height: 1.4;
        font-weight: 700;
        margin: 0
    }

    .buy_ssl_cta p {
        margin-bottom: 24px;
        opacity: .9;
        line-height: 2;
        font-size: 18px
    }

    .buy_ssl_cta .btn {
        padding: 0 24px;
        line-height: 50px
    }

    .ssl_checker_safe_block {
        bottom: 160px;
        inset-inline-start: auto;
        inset-inline-end: 40px;
        max-width: 225px
    }

    .ssl_checker_safe_block .link {
        padding: 20px
    }

    .ssl_checker_safe_block .link .transfer_site_url {
        font-size: 12px;
        border-radius: 13px;
        border-color: rgba(0,0,0,0.03)
    }

    .ssl_checker_safe_block .sugg {
        padding: 30px;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='225' height='143' viewBox='0 0 225 143' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='mask0_3905_61506' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='225' height='143'%3e%3crect y='0.86377' width='225' height='141.25' rx='15' fill='%235A28FA'/%3e%3crect x='0.46875' y='1.33252' width='224.062' height='140.312' rx='14.5312' stroke='black' stroke-opacity='0.04' stroke-width='0.9375'/%3e%3c/mask%3e%3cg mask='url(%23mask0_3905_61506)'%3e%3cpath style='mix-blend-mode:hard-light' opacity='0.16' d='M300.902 152.606L288.495 135.692L300.938 118.741V118.536L288.495 101.586L300.902 84.6719L288.495 67.7582L300.585 51.2533L288.495 34.7671L300.902 17.8534L288.495 0.939684L300.938 -16.0112H-270.938L-258.495 0.939684L-270.902 17.8534L-258.495 34.7671L-270.585 51.2533L-258.495 67.7582L-270.902 84.6719L-258.495 101.586L-270.938 118.536V118.741L-258.495 135.692L-270.902 152.606L-258.495 169.538L-270.938 186.489H300.938L288.495 169.538L300.902 152.606Z' fill='url(%23paint0_linear_3905_61506)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient id='paint0_linear_3905_61506' x1='-185.779' y1='-15.6395' x2='269.088' y2='189.848' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23D3D4D5'/%3e%3cstop offset='0.03' stop-color='%238B9193'/%3e%3cstop offset='0.06' stop-color='%23575F63'/%3e%3cstop offset='0.07' stop-color='%23374145'/%3e%3cstop offset='0.08' stop-color='%232B363A'/%3e%3cstop offset='0.12' stop-color='%23343E42'/%3e%3cstop offset='0.17' stop-color='%234D5559'/%3e%3cstop offset='0.24' stop-color='%23757B7E'/%3e%3cstop offset='0.31' stop-color='%23ADB0B1'/%3e%3cstop offset='0.35' stop-color='%23CDCDCE'/%3e%3cstop offset='0.37' stop-color='%23C6C7C8'/%3e%3cstop offset='0.39' stop-color='%23B4B6B8'/%3e%3cstop offset='0.41' stop-color='%23979C9E'/%3e%3cstop offset='0.44' stop-color='%236F767A'/%3e%3cstop offset='0.46' stop-color='%23485357'/%3e%3cstop offset='0.48' stop-color='%234C565A'/%3e%3cstop offset='0.51' stop-color='%23596266'/%3e%3cstop offset='0.54' stop-color='%23707578'/%3e%3cstop offset='0.56' stop-color='%238F9092'/%3e%3cstop offset='0.57' stop-color='%2398989A'/%3e%3cstop offset='0.61' stop-color='%23A5A5A6'/%3e%3cstop offset='0.7' stop-color='%23C7C7C8'/%3e%3cstop offset='0.8' stop-color='white'/%3e%3cstop offset='0.83' stop-color='%23D1D1D2'/%3e%3cstop offset='0.9' stop-color='%234F4F53'/%3e%3cstop offset='0.94' stop-color='%231B1B20'/%3e%3cstop offset='0.95' stop-color='%23313136'/%3e%3cstop offset='0.96' stop-color='%234D4D51'/%3e%3cstop offset='0.97' stop-color='%23747476'/%3e%3cstop offset='0.99' stop-color='%23A5A5A7'/%3e%3cstop offset='1' stop-color='%23E9E9E9'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ");
        gap: 0
    }

    .ssl_checker_safe_block .sugg h6 {
        margin: 12px 0 4px;
        font-size: 17px;
        font-weight: 700
    }

    .ssl_checker_safe_block .sugg p {
        margin: 0;
        font-size: 12.5px;
        font-weight: normal
    }

    .ssl_checker_domain_available_block {
        position: absolute;
        top: 84px;
        inset-inline-start: 104px;
        max-width: 175px
    }

    .ssl_checker_transferred_block {
        position: absolute;
        bottom: 40px;
        inset-inline-end: 120px;
        max-width: 230px;
        background-color: var(--secondary-600,#5A28FA);
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='227' height='168' viewBox='0 0 227 168' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='mask0_3905_61672' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='227' height='168'%3e%3crect width='227' height='168' rx='16' fill='%235A28FA'/%3e%3c/mask%3e%3cg mask='url(%23mask0_3905_61672)'%3e%3cpath style='mix-blend-mode:hard-light' opacity='0.16' d='M272.84 151.606L260.433 134.692L272.875 117.741V117.536L260.433 100.586L272.84 83.6719L260.433 66.7582L272.523 50.2533L260.433 33.7671L272.84 16.8534L260.433 -0.0603161L272.875 -17.0112H-299L-286.558 -0.0603161L-298.965 16.8534L-286.558 33.7671L-298.648 50.2533L-286.558 66.7582L-298.965 83.6719L-286.558 100.586L-299 117.536V117.741L-286.558 134.692L-298.965 151.606L-286.558 168.538L-299 185.489H272.875L260.433 168.538L272.84 151.606Z' fill='url(%23paint0_linear_3905_61672)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient id='paint0_linear_3905_61672' x1='-213.842' y1='-16.6395' x2='241.025' y2='188.848' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23D3D4D5'/%3e%3cstop offset='0.03' stop-color='%238B9193'/%3e%3cstop offset='0.06' stop-color='%23575F63'/%3e%3cstop offset='0.07' stop-color='%23374145'/%3e%3cstop offset='0.08' stop-color='%232B363A'/%3e%3cstop offset='0.12' stop-color='%23343E42'/%3e%3cstop offset='0.17' stop-color='%234D5559'/%3e%3cstop offset='0.24' stop-color='%23757B7E'/%3e%3cstop offset='0.31' stop-color='%23ADB0B1'/%3e%3cstop offset='0.35' stop-color='%23CDCDCE'/%3e%3cstop offset='0.37' stop-color='%23C6C7C8'/%3e%3cstop offset='0.39' stop-color='%23B4B6B8'/%3e%3cstop offset='0.41' stop-color='%23979C9E'/%3e%3cstop offset='0.44' stop-color='%236F767A'/%3e%3cstop offset='0.46' stop-color='%23485357'/%3e%3cstop offset='0.48' stop-color='%234C565A'/%3e%3cstop offset='0.51' stop-color='%23596266'/%3e%3cstop offset='0.54' stop-color='%23707578'/%3e%3cstop offset='0.56' stop-color='%238F9092'/%3e%3cstop offset='0.57' stop-color='%2398989A'/%3e%3cstop offset='0.61' stop-color='%23A5A5A6'/%3e%3cstop offset='0.7' stop-color='%23C7C7C8'/%3e%3cstop offset='0.8' stop-color='white'/%3e%3cstop offset='0.83' stop-color='%23D1D1D2'/%3e%3cstop offset='0.9' stop-color='%234F4F53'/%3e%3cstop offset='0.94' stop-color='%231B1B20'/%3e%3cstop offset='0.95' stop-color='%23313136'/%3e%3cstop offset='0.96' stop-color='%234D4D51'/%3e%3cstop offset='0.97' stop-color='%23747476'/%3e%3cstop offset='0.99' stop-color='%23A5A5A7'/%3e%3cstop offset='1' stop-color='%23E9E9E9'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-blend-mode: hard-light;
        border-radius: 16px;
        padding: 16px 20px 20px;
        text-align: center;
        color: white
    }

    .ssl_checker_transferred_block h6 {
        margin: 8px 0 0;
        font-size: 14px;
        line-height: 1.4
    }

    .ssl_checker_transferred_block h6 span {
        font-size: 18px;
        font-weight: 700;
        display: block
    }

    .ssl_checker_transferred_block .bg-sun {
        font-size: 12px;
        font-weight: 700;
        color: #202020;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        background: #FFD13B;
        padding: 10px 12px;
        margin-top: 16px;
        gap: 4px
    }

    .ultaai_mount {
        line-height: 1;
        display: flex;
        width: 100%;
        height: calc(100dvh - 112px)
    }

    .ultaai_mount iframe {
        border: 0;
        width: 100%;
        height: 100%
    }

    .slick-dots {
        position: absolute;
        bottom: -25px;
        list-style: none;
        display: block;
        text-align: center;
        padding: 0;
        margin: 0;
        width: 100%
    }

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer
    }

    .slick-dots li button {
        border: 0;
        background: transparent;
        display: block;
        height: 20px;
        width: 20px;
        outline: none;
        line-height: 0px;
        font-size: 0px;
        color: transparent;
        padding: 5px;
        cursor: pointer
    }

    .ai_chat_bot.expanded:has(+ .cart-section:not(:empty)) .ai_chat_bot_innr,.ai_chat_bot.expanded:has(+ .cart-section:not(:empty)) .flex-1:not(.plans) {
        min-height: calc(100dvh - 201px);
        max-height: calc(100dvh - 201px)
    }

    body .ai_chat_bot * {
        outline: none !important
    }

    .ai_chat_cont {
        background-color: #fff
    }

    .close_ai_reslt_icon {
        padding: 9px;
        margin-inline-end:-16px;border: 1px solid rgb(0 0 0 / 8%);
        position: absolute;
        inset-inline-end: 0;
        background: #FFFFFF;
        top: 20px;
        transition: all 0.2s;
        opacity: 0;
        transform: scale(0.5);
        visibility: hidden;
        z-index: 1
    }

    .ai_chat_bot.result_area_expand .close_ai_reslt_icon {
        opacity: 1;
        transform: scale(1);
        visibility: visible
    }

    .ai_chat_head {
        background: #fff;
        padding: 20px 0;
        z-index: 1;
        border-bottom: 1px solid rgb(0 0 0 / 4%)
    }

    .ai_chat_head .names_cont {
        background: -webkit-linear-gradient(45deg,#55A0FD,#774BFB);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 22px;
        font-weight: 500;
        gap: 5px
    }

    .ai_chat_head .btns_cont {
        flex: 0 0 auto
    }

    .ai_chat_head .arrow_btn {
        flex: 0 0 auto;
        padding: 7px;
        border: 1px solid rgb(0 0 0 / 8%)
    }

    .ai_chat_head .arrow_btn.down {
        transition: all 0.2s
    }

    .ai_chat_scroll {
        overflow-y: auto;
        position: relative;
        transition: all 0.2s;
        padding: 93px 0 0;
        max-height: none;
        min-height: auto;
        height: 100%
    }

    .ai_chat_scroll > div > .justify-content-end > svg.flex-0 {
        display: none
    }

    @media (min-width: 768px) {
        .ai_chat_scroll {
            padding-left:9px;
            padding-right: 9px
        }

        .ai_chat_scroll::-webkit-scrollbar {
            width: 6px;
            height: 6px
        }

        .ai_chat_scroll::-webkit-scrollbar-thumb {
            background-color: #dedede;
            border-radius: 4px
        }

        .ai_chat_scroll::-webkit-scrollbar-thumb:hover {
            background-color: #cccccc
        }

        .ai_chat_head {
            padding-left: 9px;
            padding-right: 9px
        }
    }

    .ai_conversation_body .text {
        color: #fff;
        padding: 8px 16px;
        border-radius: 16px 16px 4px 16px;
        line-height: 24px;
        background: linear-gradient(95.05deg,#3F8DFB 0.48%,#5C27FA 99.52%);
        font-size: 14px
    }

    .ai_conversation_body .text.ai {
        background: #fff;
        color: #222;
        border-radius: 16px 16px 16px 4px;
        border: 1px solid rgb(0 0 0 / 4%)
    }

    .ai_conversation_body .btn {
        font-size: 14px;
        margin-top: 7px;
        border: 1px solid #D9D9D9
    }

    .ai_conversation_body .btn:hover {
        opacity: 0.9;
        border: 1px solid #D9D9D9
    }

    .ai_conversation_body .btn-main {
        background: var(--brand-primary,#457BFF) !important;
        color: #fff !important
    }

    .ai_conversation_body .btn-main-link {
        color: var(--brand-primary,#457BFF) !important;
        background: transparent
    }

    .ai_chat_scroll .ai-typing img.pe-none {
        max-width: 24px !important;
        filter: brightness(0.5) sepia(1) hue-rotate(214deg) !important;
        flex: 0 0 auto;
        height: 24px
    }

    .ai_chat_scroll .ai-typing .names_cont {
        line-height: 31px;
        font-weight: 500;
        font-size: 14px;
        position: relative;
        color: #8a8a8a;
        color: #A095C2
    }

    .ai_chat_scroll .ai-typing .names_cont::before {
        content: attr(data-text);
        position: absolute;
        top: 0;
        inset-inline-start: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg,transparent 0%,transparent 40%,#55A0FD 47%,#774BFB 53%,transparent 60%,transparent 100%);
        background: linear-gradient(90deg,transparent 0%,transparent 40%,#f2f2f2 50%,transparent 60%,transparent 100%);
        background-size: 200% 100%;
        background-repeat: no-repeat;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        animation: sweepGradient 2s linear infinite;
        pointer-events: none
    }

    @keyframes sweepGradient {
        0% {
            background-position: 100% 0%
        }

        100% {
            background-position: -100% 0%
        }
    }

    .ai_chat_bot_reply {
        margin-top: 5px
    }

    .ai_chat_bot_reply .bot_name {
        font-weight: 500;
        font-size: 14px
    }

    .ai_chat_bot_reply .bot_name img {
        max-width: 40px
    }

    .ai_chat_bot_reply .time {
        font-size: 12px;
        font-weight: 500
    }

    .ai_chat_bot_reply .icons svg {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        padding: 2.5px;
        opacity: 0.6;
        cursor: pointer
    }

    .ai_chat_bot_reply .icons svg.ai-opacity,.ai_chat_bot_reply .icons svg:hover {
        opacity: 1
    }

    .ai_chat_bot_reply .icons svg.ai-opacity path {
        fill: currentColor !important
    }

    .ai_chat_bot_reply .icons svg:first-child.ai-opacity {
        background: rgb(69 123 255 / 24%);
        color: #457BFF
    }

    .ai_chat_bot_reply .icons svg:last-child.ai-opacity {
        background: rgb(0 0 0 / 10%)
    }

    .ai_chat_foot {
        background: white;
        z-index: 9;
        box-shadow: 0 -6px 15px white
    }

    .ai_chat_tips {
        background: #F7F5FF;
        border: 1px solid rgb(92 39 250 / 4%);
        line-height: normal;
        color: #5C27FA;
        padding: 6px 22px;
        border-radius: 2em;
        gap: 4px
    }

    .ai_chat_tips svg {
        flex: 0 0 auto
    }

    .ai_chat_input {
        background: #fff;
        border-radius: 28px;
        padding: 16px 95px 16px 25px;
        resize: none;
        height: 56px;
        min-height: 56px !important;
        overflow: hidden;
        transition: all 0.2s;
        border: 1px solid rgb(0 0 0 / 8%);
        font-size: 14px
    }

    .ai_chat_input:focus {
        background: #fff;
        border-color: #607AFF
    }

    .ai_chat_tools {
        padding: 8px
    }

    .ai_chat_send {
        transition: all 0.1s;
        background: #3F8DFB;
        border-radius: 50%;
        padding: 12px;
        color: #fff
    }

    .ai_chat_send:hover {
        background: #3D6DD7
    }

    .ai_chat_send[disabled] {
        background: #3F8DFB;
        opacity: 0.5;
        cursor: default
    }

    .ai_chat_onboard {
        background-color: #fff;
        top: 0;
        bottom: 155px;
        left: 0;
        right: 0;
        z-index: 4;
        padding: 0 60px
    }

    .ai_chat_onboard > .pt-lg-5.h-100 {
        overflow: hidden;
        overflow-y: auto
    }

    .ai_chat_onboard.bottom-auto {
        bottom: auto
    }

    .ai_chat_onboard_title {
        font-size: 40px;
        font-weight: 500;
        line-height: 47px
    }

    .ai_chat_onboard_title .grad-text {
        background: -webkit-linear-gradient(45deg,#55A0FD,#774BFB);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .ai_sugges_slides .slick-list {
        overflow: visible
    }

    .ai_sugges_slides {
        margin: 0 -0.5rem 0;
        opacity: 0;
        transition: all 0.2s;
        transform: scale(0.8)
    }

    .ai_sugges_slides.slick-slider {
        opacity: 1;
        transform: scale(1)
    }

    .ai_chat_suggs {
        border: 1px solid #E8E9E9;
        border-radius: 12px;
        transition: all 0.2s;
        cursor: pointer;
        overflow: hidden
    }

    .ai_chat_suggs:hover {
        box-shadow: 0px 1px 24px 0px #00000014
    }

    .ai_chat_suggs .ratio {
        margin-bottom: -32px;
        padding-bottom: 16px
    }

    .ai_sugges_slides .slick-slide:not(.slick-active) .ai_chat_suggs {
        cursor: default;
        box-shadow: none;
        opacity: 0.5
    }

    .blue_grad {
        background: linear-gradient(rgb(56 88 233 / 20%),transparent)
    }

    .violet_grad {
        background: linear-gradient(rgb(155 31 232 / 20%),transparent)
    }

    .orange_grad {
        background: linear-gradient(rgb(232 128 84 / 20%),transparent)
    }

    .green_grad {
        background: linear-gradient(rgb(0 153 144 / 20%),transparent)
    }

    .ai_sugges_slides .slick-dots li {
        width: 5px;
        height: 5px
    }

    .ai_sugges_slides .slick-dots li button {
        padding: 0;
        background: #3F8DFB;
        border-radius: 50%;
        width: 5px;
        height: 5px;
        opacity: 0.5
    }

    .ai_sugges_slides .slick-dots li button:before {
        display: none
    }

    .ai_sugges_slides .slick-dots li button:hover {
        opacity: 1;
        box-shadow: 0 0 0 1px #BDDBFF
    }

    .ai_sugges_slides .slick-dots li.slick-active button {
        opacity: 1
    }

    .ai_chat_bot_innr {
        position: relative;
        width: 100%;
        max-width: 720px;
        flex: 0 0 auto;
        min-height: calc(100dvh - 112px);
        max-height: calc(100dvh - 112px);
        transform: translateX(calc(50vw - 360px));
        transition: all 0.2s;
        padding: 0 60px
    }

    .ai_chat_bot.result_area_expand .ai_chat_bot_innr {
        transform: none;
        border-inline-end:1px solid #EDEDED}

    .ai_chat_bot .result_sec {
        flex: 1 1 auto;
        visibility: hidden;
        opacity: 0
    }

    .ai_chat_bot.result_area_expand .result_sec {
        visibility: visible;
        opacity: 1
    }

    .ai_chat_bot.expanded .flex-1:not(.plans) {
        height: 100%;
        overflow: hidden;
        overflow-y: auto;
        max-height: calc(100dvh - 112px);
        padding: 30px
    }

    .ai_chat_bot .ai_chat_cont {
        box-shadow: none;
        border-radius: 0;
        height: 100%;
        display: flex;
        flex-direction: column
    }

    .ai_chat_bot.expanded .ai_chat_cont_innr {
        flex: 1 auto;
        flex-grow: 1;
        overflow-y: auto
    }

    .ai_chat_bot .result_sec .dng_domain_bundle {
        background: #457BFF;
        border-radius: 16px
    }

    .ai_chat_bot .result_sec .dng_domain_bundle .hdr_tag {
        color: #fff
    }

    .ai_chat_bot .result_sec .dng_domain_bundle .content {
        border-radius: 14px;
        padding: 24px
    }

    .ai_chat_bot .result_sec .uh_new_dom_list .badge.success {
        background: #E4F1FF;
        text-transform: capitalize;
        color: #3F8DFB
    }

    .ai_chat_bot .result_sec .uh_new_dom_list .badge.warning {
        background: #E5FFEA;
        color: #205829;
        border: 1px solid rgb(0 0 0 / 4%)
    }

    .ai_chat_bot .result_sec .uh_new_dom_list .dng_domain_list .btn.filled {
        box-shadow: 0px 0px 80px 0px rgb(80 157 253 / 16%);
        border-radius: 16px
    }

    .ai_chat_bot .result_sec .dng_domain_resuts {
        border: 1px solid rgb(0 0 0 / 6%);
        box-shadow: none !important;
        padding: 10px 16px
    }

    .ai_chat_bot .result_sec .dng_domain_resuts .dng_domain_list .d_icon {
        background: #E4F1FF;
        width: 32px;
        height: 32px
    }

    .ai_chat_bot .result_sec .dng_domain_resuts .dng_domain_list svg:not(.btnn-ico) {
        width: 18px
    }

    .ai_chat_bot_results {
        max-width: 1070px;
        margin: auto;
        background: transparent
    }

    .ai_chat_bot_results:has(.uai_start_btn),.ai_chat_bot_results:has(.ai_loading_dot) {
        height: 100%
    }

    .ai_chat_bot_results > h2 {
        font-size: 25px !important
    }

    .ai_loading_dot {
        margin: 0 0 0 15px;
        width: 28px
    }

    .ai_loading_dot .dot-typing {
        position: relative;
        inset-inline-start: -9999px;
        width: 8px;
        height: 8px;
        border-radius: 5px;
        background-color: #9880ff;
        color: #9880ff;
        box-shadow: 9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff;
        animation: dot-typing 1.5s infinite linear
    }

    @keyframes dot-typing {
        0% {
            box-shadow: 9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff
        }

        16.667% {
            box-shadow: 9984px -10px 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff
        }

        33.333% {
            box-shadow: 9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff
        }

        50% {
            box-shadow: 9984px 0 0 0 #9880ff,9999px -10px 0 0 #9880ff,10014px 0 0 0 #9880ff
        }

        66.667% {
            box-shadow: 9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff
        }

        83.333% {
            box-shadow: 9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px -10px 0 0 #9880ff
        }

        100% {
            box-shadow: 9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff
        }
    }

    .uai_start_btn {
        background: #fff;
        box-shadow: 0 0 0 1px #0000000f;
        border-radius: 2em;
        outline: none !important;
        font-size: 14px;
        font-weight: 500;
        padding: 4px;
        display: flex;
        align-items: center;
        gap: 10px;
        transform: translateY(15px);
        transition-duration: .4s;
        transition-timing-function: cubic-bezier(0,0,.2,1);
        transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter
    }

    .uai_start_btn.large {
        padding: 11px 16px
    }

    .uai_start_btn.large:nth-child(1) {
        transition-duration: .4s;
        transform: translateY(10px)
    }

    .uai_start_btn.large:nth-child(2) {
        transition-duration: .45s;
        transform: translateY(20px)
    }

    .uai_start_btn.large:nth-child(3) {
        transition-duration: .5s;
        transform: translateY(30px)
    }

    .uai_start_btn.large:nth-child(4) {
        transition-duration: .55s;
        transform: translateY(40px)
    }

    .uai_start_btn.disabled,.uai_start_btn:disabled {
        background: #fff;
        border-color: transparent;
        opacity: 0.5
    }

    .uai_start_btn svg {
        flex: 0 0 auto
    }

    .ai_chat_bot_results:has(.uai_start_btn) h2 {
        opacity: 0.5;
        transition-duration: .3s;
        transition-timing-function: cubic-bezier(0,0,.2,1);
        transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter
    }

    @media (min-height: 910px) {
        .ai_chat_onboard > .pt-lg-5.h-100 {
            overflow:visible
        }
    }

    @media (max-width: 1600px) {
        .ai_chat_bot.result_area_expand .ai_chat_bot_innr {
            padding:0 20px;
            max-width: 460px
        }
    }

    @media (max-width: 1230px) {
        .ai_chat_bot.result_area_expand .ai_chat_bot_innr {
            padding:0 60px;
            max-width: 720px;
            border: 0;
            transform: translateX(calc(50vw - 360px))
        }

        .ai_chat_bot .ai_chat_foot {
            border-top: 1px solid transparent
        }

        .ai_chat_bot.result_area_expand .ai_chat_foot {
            border-top: 1px solid #EDEDED
        }

        .ai_chat_bot.result_area_expand .ai_chat_head > div {
            opacity: 0
        }

        .ai_chat_bot .result_sec {
            position: fixed !important;
            left: 0;
            top: 157px;
            right: 0;
            bottom: 0;
            background: #fff;
            z-index: 9
        }

        .ai_chat_bot.expanded .flex-1:not(.plans) {
            padding: 30px 60px;
            max-width: 720px;
            margin: auto
        }

        .close_ai_reslt_icon {
            inset-inline-end: auto;
            inset-inline-start: 10px;
            transform: scale(0.5);
            z-index: 9
        }

        .ai_chat_bot.result_area_expand .close_ai_reslt_icon {
            transform: scale(1)
        }

        .ai_chat_tips {
            display: none !important
        }

        .ai_chat_bot_results > h2 {
            font-size: 20px !important;
            justify-content: flex-start !important
        }

        .ai_chat_bot_results > h2 > svg {
            width: 24px;
            height: 24px
        }

        .ai_chat_bot_results > .row:has(.main-plan-div) {
            flex-wrap: nowrap;
            white-space: nowrap;
            overflow-x: auto;
            scroll-snap-type: x mandatory
        }

        .ai_chat_bot_results .main-plan-div {
            transform: none !important;
            margin: 0 !important;
            padding-right: calc(var(--bs-gutter-x) * 0.5);
            padding-left: calc(var(--bs-gutter-x) * 0.5);
            max-width: 80vw;
            white-space: normal;
            scroll-snap-align: center
        }

        .ai_chat_bot.expanded:has(+ .cart-section:not(:empty)) .result_sec {
            bottom: 103px
        }
    }

    @media (max-width: 1200px) {
        .ultaai_mount {
            height:calc(100dvh - 109px)
        }
    }

    @media (max-width: 992px) {
        .ultaai_mount {
            height:calc(100dvh - 106px)
        }
    }

    @media (max-width: 768px) {
        .ai_chat_bot_innr {
            transform:none !important;
            padding: 0 20px !important;
            min-height: calc(100dvh - 91px);
            max-height: calc(100dvh - 91px)
        }

        .ai_chat_onboard {
            bottom: 104px;
            padding: 0 20px
        }

        .ai_chat_onboard_title {
            font-size: 24px;
            line-height: 33px
        }

        .ai_chat_onboard_title > svg {
            width: 32px;
            height: 32px
        }

        .ai_sugges_slides {
            padding-inline-end:15vw}

        .ai_chat_bot.expanded .flex-1:not(.plans) {
            padding: 30px 20px
        }

        .ai_chat_bot.expanded:has(+ .cart-section:not(:empty)) .ai_chat_bot_innr {
            min-height: calc(100dvh - 194px);
            max-height: calc(100dvh - 194px)
        }

        .ai_chat_bot.expanded:has(+ .cart-section:not(:empty)) .flex-1:not(.plans) {
            min-height: calc(100dvh - 261px);
            max-height: calc(100dvh - 261px)
        }

        .ultaai_mount {
            height: calc(100dvh - 88.5px)
        }
    }

    .uh_ssl_banner_block {
        padding: 0;
        margin-inline-end:-117px}

    .uh_ssl_banner_block > .home_bnr_img {
        mask-image: linear-gradient(#000 75%,transparent)
    }

    .uh_ssl_banner_block > .home_bnr_img > div {
        mask-image: linear-gradient(130deg,#000 35%,transparent 85%)
    }

    .uh_ssl_banner_block .top_right_block {
        z-index: 4;
        top: 180px;
        inset-inline-end: 150px;
        inset-inline-start: auto;
        width: 100%;
        max-width: 115px
    }

    .uh_ssl_banner_block .domain_ai_sugg_block.ssl_secured_block {
        position: relative;
        left: auto;
        bottom: auto;
        right: auto;
        top: auto;
        max-width: none
    }

    .ssl_secured_block {
        max-width: 115px
    }

    .ssl_secured_block .sugg {
        background-color: var(--primary-600,#457BFF);
        border-radius: 15px;
        padding: 30px 18px;
        margin: 0;
        gap: 9px
    }

    .ssl_secured_block .sugg h6 {
        margin: 0
    }

    .ssl_secured_block .sugg p {
        margin: 0;
        font-size: 12.5px;
        font-weight: normal
    }

    .uh_ssl_banner_block .bottom_left_block {
        grid-area: 1 / 1;
        z-index: 3;
        top: 245px;
        align-self: start;
        justify-self: start;
        position: relative;
        inset-inline-end: -25px
    }

    .uh_ssl_banner_block .bottom_mid_block {
        grid-area: 1 / 1;
        z-index: 4;
        justify-self: center;
        bottom: 100px;
        position: relative;
        inset-inline-end: 40px;
        width: 100%;
        max-width: 210px
    }

    .uh_ssl_banner_block .bottom_mid_block .ssl_connection_block {
        position: relative;
        left: auto;
        bottom: auto;
        right: auto;
        top: auto;
        max-width: none
    }

    .ssl_connection_block {
        max-width: 210px;
        border-radius: 16px;
        box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 8%);
        background: linear-gradient(44deg,#F6F9F4 -20%,#fff 40%,#fff 60%,#ECF2E6 110%);
        padding: 16px;
        text-align: start
    }

    .ssl_connection_block h6 {
        margin: 0;
        display: flex;
        align-items: center;
        gap: 8px;
        color: #488010;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.6
    }

    .ssl_connection_block .innr {
        margin-top: 16px;
        border-radius: 8px;
        border: 1px solid rgba(0,0,0,0.04);
        padding: 8px;
        display: flex;
        align-items: flex-start;
        gap: 8px;
        line-height: 1.6;
        color: var(--Neutral-600,#666);
        font-size: 14px;
        font-weight: 500
    }

    .ssl_connection_block .innr img {
        margin-top: 1px
    }

    .ssl_connection_block .innr .empty {
        border-radius: 2em;
        opacity: 0.5;
        background: var(--Neutral-100,#E6E6E6);
        height: 16px;
        width: 100%
    }

    .uh_ssl_plans .uh_price_plan .uh_content {
        height: 100%
    }

    .uh_ssl_plans .ssl_imge_lsit {
        text-align: center;
        margin-bottom: 32px
    }

    .uh_ssl_plans .ssl_imge_lsit img {
        height: 24px
    }

    .uh_ssl_plans .ssl_imge_lsit p {
        margin: 8px 0 0;
        line-height: 2;
        font-weight: 500
    }

    .uh_ssl_howto .step_block {
        padding: 24px
    }

    .uh_ssl_howto .step_block_img {
        margin: -24px -24px 0
    }

    .uh_ssl_howto .innr {
        margin-top: 24px;
        border-radius: 16px;
        border: 1px solid rgba(0,0,0,0.08);
        padding: 16px 20px
    }

    .uh_ssl_howto .innr p {
        line-height: 2;
        font-weight: 700;
        color: var(--secondary-600,#5A28FA);
        margin-bottom: 4px
    }

    .uh_ssl_howto .innr .text {
        line-height: 1.6;
        color: var(--Neutral-600,#666)
    }

    .uh_ssl_howto .points {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin-top: 24px;
        gap: 15px
    }

    .uh_ssl_howto .points div {
        line-height: 1.6;
        display: flex;
        align-items: center;
        gap: 8px;
        color: var(--Neutral-600,#666)
    }

    .uh_ssl_or {
        color: var(--Neutral-400,#999)
    }

    .uh_ssl_manual .step_block {
        text-align: center;
        padding: 32px 20px
    }

    .uh_ssl_manual .step_block h2 {
        margin-top: 32px
    }

    .ssc_status.bad.green {
        background: rgb(236 255 217 / 75%);
        border: 1px solid rgb(72 128 16 / 24%)
    }

    .uh_reseller_banner_block {
        padding: 0;
        margin-inline-end:-90px}

    .uh_reseller_banner_block > .home_bnr_img {
        mask-image: linear-gradient(#000 75%,transparent)
    }

    .uh_reseller_banner_block .mid_right_block {
        grid-area: 1 / 1;
        z-index: 4;
        top: 200px;
        position: relative;
        width: 100%;
        max-width: 155px;
        inset-inline-end: 60px;
        justify-self: end;
        align-self: flex-start
    }

    .uh_reseller_banner_block .reseller_upgrade_block {
        max-width: none;
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto
    }

    .reseller_upgrade_block {
        width: 100%;
        max-width: 155px;
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 8px;
        font-weight: 700;
        text-align: center;
        line-height: 1.4;
        border-radius: 16px;
        background: var(--secondary-600,#5A28FA);
        color: #fff;
        padding: 24px;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='154' height='125' viewBox='0 0 154 125' fill='none'%3e%3cmask id='mask0_4167_686374' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='154' height='125'%3e%3crect width='154' height='125' rx='16' fill='%235A28FA'/%3e%3c/mask%3e%3cg mask='url(%23mask0_4167_686374)'%3e%3cpath style='mix-blend-mode:hard-light' opacity='0.16' d='M420.969 144.376L410.078 128.59L421 112.769V112.578L410.078 96.7571L420.969 80.9709L410.078 65.1848L420.691 49.7803L410.078 34.3931L420.969 18.607L410.078 2.82085L421 -13H-81L-70.0779 2.82085L-80.9691 18.607L-70.0779 34.3931L-80.6906 49.7803L-70.0779 65.1848L-80.9691 80.9709L-70.0779 96.7571L-81 112.578V112.769L-70.0779 128.59L-80.9691 144.376L-70.0779 160.179L-81 176H421L410.078 160.179L420.969 144.376Z' fill='url(%23paint0_linear_4167_686374)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient id='paint0_linear_4167_686374' x1='-6.24688' y1='-12.653' x2='401.01' y2='160.382' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23D3D4D5'/%3e%3cstop offset='0.03' stop-color='%238B9193'/%3e%3cstop offset='0.06' stop-color='%23575F63'/%3e%3cstop offset='0.07' stop-color='%23374145'/%3e%3cstop offset='0.08' stop-color='%232B363A'/%3e%3cstop offset='0.12' stop-color='%23343E42'/%3e%3cstop offset='0.17' stop-color='%234D5559'/%3e%3cstop offset='0.24' stop-color='%23757B7E'/%3e%3cstop offset='0.31' stop-color='%23ADB0B1'/%3e%3cstop offset='0.35' stop-color='%23CDCDCE'/%3e%3cstop offset='0.37' stop-color='%23C6C7C8'/%3e%3cstop offset='0.39' stop-color='%23B4B6B8'/%3e%3cstop offset='0.41' stop-color='%23979C9E'/%3e%3cstop offset='0.44' stop-color='%236F767A'/%3e%3cstop offset='0.46' stop-color='%23485357'/%3e%3cstop offset='0.48' stop-color='%234C565A'/%3e%3cstop offset='0.51' stop-color='%23596266'/%3e%3cstop offset='0.54' stop-color='%23707578'/%3e%3cstop offset='0.56' stop-color='%238F9092'/%3e%3cstop offset='0.57' stop-color='%2398989A'/%3e%3cstop offset='0.61' stop-color='%23A5A5A6'/%3e%3cstop offset='0.7' stop-color='%23C7C7C8'/%3e%3cstop offset='0.8' stop-color='white'/%3e%3cstop offset='0.83' stop-color='%23D1D1D2'/%3e%3cstop offset='0.9' stop-color='%234F4F53'/%3e%3cstop offset='0.94' stop-color='%231B1B20'/%3e%3cstop offset='0.95' stop-color='%23313136'/%3e%3cstop offset='0.96' stop-color='%234D4D51'/%3e%3cstop offset='0.97' stop-color='%23747476'/%3e%3cstop offset='0.99' stop-color='%23A5A5A7'/%3e%3cstop offset='1' stop-color='%23E9E9E9'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
        background-blend-mode: hard-light;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover
    }

    .uh_reseller_banner_block .bottom_left_block {
        grid-area: 1 / 1;
        z-index: 3;
        bottom: 130px;
        align-self: end;
        justify-self: start;
        position: relative;
        inset-inline-end: 52px;
        width: 100%;
        max-width: 200px
    }

    .uh_reseller_banner_block .reseller_hosted_block {
        max-width: none;
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto
    }

    .reseller_hosted_block {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='200' height='155' viewBox='0 0 200 155' fill='none'%3e%3cmask id='mask0_4167_686440' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='200' height='155'%3e%3crect width='200' height='155' rx='16' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask0_4167_686440)'%3e%3cpath style='mix-blend-mode:hard-light' opacity='0.16' d='M420.969 144.376L410.078 128.59L421 112.769V112.578L410.078 96.7571L420.969 80.9709L410.078 65.1848L420.691 49.7803L410.078 34.3931L420.969 18.607L410.078 2.82085L421 -13H-81L-70.0779 2.82085L-80.9691 18.607L-70.0779 34.3931L-80.6906 49.7803L-70.0779 65.1848L-80.9691 80.9709L-70.0779 96.7571L-81 112.578V112.769L-70.0779 128.59L-80.9691 144.376L-70.0779 160.179L-81 176H421L410.078 160.179L420.969 144.376Z' fill='url(%23paint0_linear_4167_686440)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient id='paint0_linear_4167_686440' x1='-6.24688' y1='-12.653' x2='401.01' y2='160.382' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23D3D4D5'/%3e%3cstop offset='0.03' stop-color='%238B9193'/%3e%3cstop offset='0.06' stop-color='%23575F63'/%3e%3cstop offset='0.07' stop-color='%23374145'/%3e%3cstop offset='0.08' stop-color='%232B363A'/%3e%3cstop offset='0.12' stop-color='%23343E42'/%3e%3cstop offset='0.17' stop-color='%234D5559'/%3e%3cstop offset='0.24' stop-color='%23757B7E'/%3e%3cstop offset='0.31' stop-color='%23ADB0B1'/%3e%3cstop offset='0.35' stop-color='%23CDCDCE'/%3e%3cstop offset='0.37' stop-color='%23C6C7C8'/%3e%3cstop offset='0.39' stop-color='%23B4B6B8'/%3e%3cstop offset='0.41' stop-color='%23979C9E'/%3e%3cstop offset='0.44' stop-color='%236F767A'/%3e%3cstop offset='0.46' stop-color='%23485357'/%3e%3cstop offset='0.48' stop-color='%234C565A'/%3e%3cstop offset='0.51' stop-color='%23596266'/%3e%3cstop offset='0.54' stop-color='%23707578'/%3e%3cstop offset='0.56' stop-color='%238F9092'/%3e%3cstop offset='0.57' stop-color='%2398989A'/%3e%3cstop offset='0.61' stop-color='%23A5A5A6'/%3e%3cstop offset='0.7' stop-color='%23C7C7C8'/%3e%3cstop offset='0.8' stop-color='white'/%3e%3cstop offset='0.83' stop-color='%23D1D1D2'/%3e%3cstop offset='0.9' stop-color='%234F4F53'/%3e%3cstop offset='0.94' stop-color='%231B1B20'/%3e%3cstop offset='0.95' stop-color='%23313136'/%3e%3cstop offset='0.96' stop-color='%234D4D51'/%3e%3cstop offset='0.97' stop-color='%23747476'/%3e%3cstop offset='0.99' stop-color='%23A5A5A7'/%3e%3cstop offset='1' stop-color='%23E9E9E9'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
        background-blend-mode: hard-light;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        max-width: 200px;
        border-radius: 16px;
        text-align: start;
        padding: 24px
    }

    .reseller_hosted_block h6 {
        line-height: 1.4;
        font-weight: 700;
        margin: 8px 0 4px
    }

    .reseller_hosted_block p {
        font-size: 14px;
        color: var(--Neutral-400,#999);
        font-weight: 500;
        line-height: 1.4
    }

    .reseller_hosted_block .progress {
        border-radius: 2em;
        background: var(--Secondary-50,#EFEAFF)
    }

    .reseller_hosted_block .progress-bar {
        background-color: #5A28FA
    }

    .uh_envato_banner_block {
        padding: 0;
        margin-inline-end:-68px}

    .uh_envato_banner_block .top_right_block {
        inset-inline-start: auto;
        inset-inline-end: 25px;
        z-index: 4;
        top: 195px;
        width: 100%;
        max-width: 85px
    }

    .uh_envato_banner_block .top_right_block .uh_content {
        border-radius: 16px;
        padding: 16px;
        box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 12%);
        width: auto;
        display: flex;
        flex-direction: column;
        gap: 16px
    }

    .uh_envato_banner_block .top_right_block .uh_content .ico {
        border: 1px solid rgb(0 0 0 / 4%);
        width: 53px;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px
    }

    .uh_envato_banner_block .top_right_block .uh_content .ico img {
        max-height: 20px
    }

    .uh_envato_banner_block .top_right_block .uh_content .ico.last {
        background: linear-gradient(135deg,#E1EDFF,#ffffff)
    }

    .uh_envato_banner_block .top_right_block .cursor {
        position: absolute;
        inset-inline-start: 45px;
        top: 13px
    }

    .uh_envato_banner_block .mid_left_block {
        grid-area: 1 / 1;
        z-index: 3;
        inset-inline-start: 130px;
        top: 0;
        align-self: center;
        justify-self: start;
        position: relative;
        width: 100%;
        max-width: 155px
    }

    .uh_envato_banner_block .mid_left_block .envato_script_block {
        max-width: none;
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto
    }

    .uh_envato_banner_block .bottom_mid_block {
        grid-area: 1 / 1;
        z-index: 3;
        bottom: 42px;
        align-self: end;
        justify-self: center;
        position: relative;
        inset-inline-end: -70px;
        text-align: start;
        width: 100%;
        max-width: 195px
    }

    .uh_envato_banner_block .bottom_mid_block .upgrading_hosting_block {
        max-width: none;
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto
    }

    .uh_envato_banner_block .bottom_mid_block .upgrading_hosting_block .uh_content {
        padding: 18px;
        font-size: 14px;
        gap: 15px
    }

    .envato_script_block {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='154' height='99' viewBox='0 0 154 99' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='mask0_4167_696183' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='154' height='99'%3e%3crect width='154' height='99' rx='12' fill='%235A28FA'/%3e%3crect x='0.375' y='0.375' width='153.25' height='98.25' rx='11.625' stroke='black' stroke-opacity='0.04' stroke-width='0.75'/%3e%3c/mask%3e%3cg mask='url(%23mask0_4167_696183)'%3e%3cpath style='mix-blend-mode:hard-light' opacity='0.16' d='M177.976 123.893L169.645 110.362L178 96.8017V96.6382L169.645 83.0775L177.976 69.5465L169.645 56.0155L177.763 42.8117L169.645 29.6227L177.976 16.0917L169.645 2.56073L178 -11H-206L-197.645 2.56073L-205.976 16.0917L-197.645 29.6227L-205.763 42.8117L-197.645 56.0155L-205.976 69.5465L-197.645 83.0775L-206 96.6382V96.8017L-197.645 110.362L-205.976 123.893L-197.645 137.439L-206 151H178L169.645 137.439L177.976 123.893Z' fill='url(%23paint0_linear_4167_696183)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient id='paint0_linear_4167_696183' x1='-148.818' y1='-10.7026' x2='172.718' y2='111.216' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23D3D4D5'/%3e%3cstop offset='0.03' stop-color='%238B9193'/%3e%3cstop offset='0.06' stop-color='%23575F63'/%3e%3cstop offset='0.07' stop-color='%23374145'/%3e%3cstop offset='0.08' stop-color='%232B363A'/%3e%3cstop offset='0.12' stop-color='%23343E42'/%3e%3cstop offset='0.17' stop-color='%234D5559'/%3e%3cstop offset='0.24' stop-color='%23757B7E'/%3e%3cstop offset='0.31' stop-color='%23ADB0B1'/%3e%3cstop offset='0.35' stop-color='%23CDCDCE'/%3e%3cstop offset='0.37' stop-color='%23C6C7C8'/%3e%3cstop offset='0.39' stop-color='%23B4B6B8'/%3e%3cstop offset='0.41' stop-color='%23979C9E'/%3e%3cstop offset='0.44' stop-color='%236F767A'/%3e%3cstop offset='0.46' stop-color='%23485357'/%3e%3cstop offset='0.48' stop-color='%234C565A'/%3e%3cstop offset='0.51' stop-color='%23596266'/%3e%3cstop offset='0.54' stop-color='%23707578'/%3e%3cstop offset='0.56' stop-color='%238F9092'/%3e%3cstop offset='0.57' stop-color='%2398989A'/%3e%3cstop offset='0.61' stop-color='%23A5A5A6'/%3e%3cstop offset='0.7' stop-color='%23C7C7C8'/%3e%3cstop offset='0.8' stop-color='white'/%3e%3cstop offset='0.83' stop-color='%23D1D1D2'/%3e%3cstop offset='0.9' stop-color='%234F4F53'/%3e%3cstop offset='0.94' stop-color='%231B1B20'/%3e%3cstop offset='0.95' stop-color='%23313136'/%3e%3cstop offset='0.96' stop-color='%234D4D51'/%3e%3cstop offset='0.97' stop-color='%23747476'/%3e%3cstop offset='0.99' stop-color='%23A5A5A7'/%3e%3cstop offset='1' stop-color='%23E9E9E9'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ");
        background-blend-mode: hard-light;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        max-width: 155px;
        border-radius: 12px;
        text-align: center;
        position: absolute;
        top: 105px;
        inset-inline-end: 105px;
        font-weight: 700;
        color: #404040;
        line-height: 1.4;
        font-size: 13.5px
    }

    .envato_speed_block {
        top: auto;
        inset-inline-end: auto;
        bottom: 40px;
        inset-inline-start: 40px
    }

    .envato_support_block {
        padding: 0 80px 80px;
        gap: 24px
    }

    .envato_support_block .uh_content {
        box-shadow: none
    }

    .uh_envato_scripts .uh_content {
        text-align: center;
        padding: 36px 20px 32px
    }

    .uh_envato_scripts .uh_content img {
        height: 44px
    }

    .uh_envato_scripts .uh_content h5 {
        margin: 10px 0 0;
        font-size: 18px;
        font-weight: 700;
        line-height: 2
    }

    .section_envato_test {
        background: #7C33FF
    }

    .uh_data_center_banner_block {
        padding: 0
    }

    .uh_data_center_banner_block > .home_bnr_img img {
        mask: none
    }

    .uh_data_center_banner_block .top_left_block {
        z-index: 3;
        inset-inline-end: 50px;
        top: 0px;
        align-self: center
    }

    .uh_data_center_banner_block .bottom_right_block {
        bottom: 90px;
        inset-inline-end: 120px;
        width: 100%;
        max-width: 140px
    }

    .uh_data_center_banner_block .game_ping_block .connect {
        margin: 0;
        color: #3C8714;
        padding: 21px 14px
    }

    .data_center_tabs {
        margin-top: -24px;
        padding: 0;
        border: 0
    }

    .data_center_tabs .nav-item {
        margin: 0 8px
    }

    .data_center_tabs .nav-item .nav-link {
        background: #F5F5F5;
        font-size: 18px;
        padding: 7.5px 24px;
        color: var(--neutral-900,#1A1A1A)
    }

    .data_center_tabs .nav-item .nav-link.active {
        background: var(--neutral-900,#1A1A1A)
    }

    .dataServer-map {
        margin: 40px 0
    }

    .dataServer-div-flag {
        border: 1px solid var(--Neutral-100,#E6E6E6);
        box-shadow: 0px 10px 40px 0px rgb(0 0 0 / 4%);
        border-radius: 8px;
        padding: 12px
    }

    .dataServer-div-flag .flag {
        height: 20px
    }

    .dataServer-div-flag h6 {
        margin: 12px 0 3px;
        font-weight: 700
    }

    .dataServer-div-ms span {
        display: inline-block;
        border-radius: 4px;
        border: 0.5px solid rgba(44,124,0,0.25);
        background: rgb(231 255 218 / 40%);
        color: #2C7C00 !important;
        font-size: 10px;
        font-style: normal;
        font-weight: 700;
        padding: 1px 4px
    }

    .dataServer-div-ms span svg {
        height: 6px;
        width: auto
    }

    .dataServer-div-ms span.soon {
        background: rgb(255 220 146 / 25%);
        border: 0.5px solid #AD760040;
        color: #AD7600 !important
    }

    .uh_data_center_stats {
        border: 1px solid var(--Neutral-100,#E6E6E6);
        padding: 32px;
        border-radius: 24px;
        text-align: center;
        font-size: 18px;
        line-height: 2
    }

    .uh_data_center_stats h5 {
        font-weight: 700
    }

    .uh_scroll_features.data-center 
    .scroller-container .scroll-track li .srh-feature-icon {
        width: 24px;
        height: 24px;
        flex: 0 0 auto;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #fff;
    }

    .scroller-container .scroll-track li .srh-feature-icon svg {
        width: 24px;
        height: 24px;
        display: block;
        stroke: currentColor;
        fill: none;
        stroke-width: 1.9;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.scroller-container .scroll-track li img {
        width: 16px
    }

    .uh_abuse_content {
        box-shadow: none;
        border: 1px solid var(--Neutral-100,#E6E6E6);
        padding: 56px;
        height: 100%
    }

    .uh_abuse_content h4 {
        font-weight: 700;
        margin-bottom: 12px
    }

    .uh_abuse_content p {
        margin-bottom: 56px;
        line-height: 2;
        font-size: 18px;
        color: var(--Neutral-700,#4D4D4D)
    }

    .uh_abuse_content .link {
        display: inline-flex;
        align-items: center;
        color: var(--secondary-600,#5A28FA);
        font-size: 18px;
        font-weight: 700;
        line-height: 2;
        gap: 4px
    }

    .uh_partners_list {
        position: relative
    }

    .uh_partners_list .uh_crm_platform {
        display: flex;
        flex-direction: column
    }

    .uh_partners_list .uh_social_platform {
        max-width: 200px;
        padding: 0 18px;
        margin: 0 auto 0;
        flex: 0 0 auto;
        width: 100%
    }

    .uh_partners_list .uh_crm_platform span {
        color: var(--secondary-600,#5A28FA);
        display: block;
        font-size: 14px;
        font-weight: 700;
        margin: 4px 0 16px
    }

    .uh_partners_list .uh_crm_platform .learn-more-btn {
        margin-top: auto;
        padding-top: 16px
    }

    .uh_partners_list .uh_crm_platform .learn-more-btn .btn.btn-violet {
        line-height: 46px
    }

    .uh_ecom_banner_block {
        padding: 0;
        margin-inline-end:-70px}

    .uh_ecom_banner_block .top_right_block {
        inset-inline-start: auto;
        inset-inline-end: -25px;
        z-index: 4;
        top: 190px;
        width: 100%;
        max-width: 195px
    }

    .uh_ecom_banner_block .top_right_block .upgrading_hosting_block {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        max-width: none;
        bottom: auto
    }

    .uh_ecom_banner_block .top_right_block .upgrading_hosting_block .uh_content {
        background-color: var(--primary-600,#457BFF);
        gap: 15px;
        padding: 17px;
        font-size: 14.5px
    }

    .uh_ecom_banner_block .mid_left_block {
        inset-inline-end: 0px;
        top: 145px;
        z-index: 3;
        grid-area: 1 / 1;
        align-self: start;
        justify-self: start;
        position: relative
    }

    .uh_ecom_banner_block .mid_left_block .uh_content {
        border-radius: 16px;
        padding: 16px;
        box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 12%);
        width: auto;
        display: flex;
        flex-direction: column;
        gap: 16px
    }

    .uh_ecom_banner_block .mid_left_block .uh_content .ico {
        border: 1px solid rgb(0 0 0 / 4%);
        width: 53px;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px
    }

    .uh_ecom_banner_block .mid_left_block .uh_content .ico img {
        max-height: 20px
    }

    .uh_ecom_banner_block .mid_left_block .cursor {
        position: absolute;
        inset-inline-start: 45px;
        top: 13px
    }

    .uh_ecom_banner_block .bottom_mid_block {
        grid-area: 1 / 1;
        z-index: 3;
        bottom: 42px;
        align-self: end;
        justify-self: center;
        position: relative;
        inset-inline-end: 15px;
        text-align: start;
        width: 100%;
        max-width: 135px
    }

    .uh_ecom_banner_block .bottom_mid_block .vds_speed_block {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        max-width: none
    }

    .uh_ecom_list .uh_crm_platform > img {
        height: 38px;
        align-self: center
    }

    .section_ecom_store {
        overflow: hidden;
        padding-bottom: 260px;
        margin-bottom: -100px
    }

    .section_ecom_store .section_main {
        overflow: visible;
        padding-top: 120px;
        padding-bottom: 120px
    }

    .section_ecom_store .uh_vds_powerful {
        margin-bottom: -200px;
        margin-inline-end:-500px;overflow: hidden;
        border-radius: 22px;
        box-shadow: 0px 4px 160px 0px rgb(0 0 0 / 49%)
    }

    .reviews_section {
        padding-top: 120px;
        padding-bottom: 120px
    }

    .uh_review_badge {
        border: 1px solid var(--Neutral-100,#E6E6E6);
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--Neutral-50,#FFFFFF);
        border-radius: 24px;
        padding: 38px 20px
    }

    .uh_review_badge img {
        height: 80px
    }

    .uh_review_btns {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 20px
    }

    .uh_review_btns .btn {
        background: var(--secondary-600,#5A28FA);
        border: 1px solid var(--secondary-600,#5A28FA);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: normal;
        width: 50px;
        height: 50px;
        padding: 0;
        color: #fff
    }

    .uh_review_btns .btn:disabled {
        background: transparent;
        color: var(--secondary-600,#5A28FA)
    }

    .uh_review_carousel_prnt {
        flex-wrap: nowrap;
        transition: all 0.4s ease;
        transform: translateX(0px)
    }

    .uh_review_carousel {
        padding: 32px;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        border: 1px solid var(--Neutral-100,#E6E6E6);
        border-radius: 16px
    }

    .uh_review_carousel .video {
        margin-bottom: 1.5rem
    }

    .uh_review_carousel .video img {
        height: 100%;
        width: 100%;
        object-fit: contain;
        background: black;
        border-radius: 10px
    }

    .uh_review_carousel .video .play {
        position: absolute;
        top: 50%;
        inset-inline-start: 50%;
        transform: translate(-50%,-50%);
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        color: #fff;
        border-radius: 50%;
        background: var(--neutral-900,#192126);
        transition: all 0.2s
    }

    .uh_review_carousel .video:hover .play {
        background: #457BFF
    }

    .uh_review_carousel .text {
        margin: 24px 0 32px;
        line-height: 2;
        font-size: clamp(1rem,0.8281rem + 0.75vw,1.125rem)
    }

    .uh_review_carousel .user {
        margin-top: auto
    }

    .uh_review_carousel .user .name {
        font-size: clamp(1rem,0.8281rem + 0.75vw,1.125rem);
        font-weight: 500;
        line-height: 2;
        margin: 0 0 4px
    }

    .uh_review_carousel .user .country {
        line-height: 2
    }

    .uh_not_found_section {
        padding-top: 110px;
        padding-bottom: 210px
    }

    .uh_not_found_container {
        max-width: 600px;
        margin: auto
    }

    .uh_not_found_container .hero_heading {
        font-size: clamp(1.75rem,0.1875rem + 5vw,3.5rem);
        text-align: center
    }

    .uh_not_found_elements {
        margin: 80px 0;
        position: relative
    }

    .uh_not_found_elements .domain_available_block {
        position: absolute;
        width: auto;
        top: -10px;
        inset-inline-start: calc(50% + 20px);
        transform: translateX(-50%);
        background: linear-gradient(130deg,#DAE9FF 0%,#fff,#E5DDFE 100%)
    }

    .uh_not_found_elements .vds_speed_block {
        top: auto;
        inset-inline-end: auto;
        bottom: -25px;
        inset-inline-start: 160px
    }

    .uh_not_found_elements .floatings {
        position: absolute;
        border-radius: 12px;
        background: #FFF;
        box-shadow: 0 0 40px 0 rgba(0,0,0,0.16);
        top: -30px;
        inset-inline-start: 56px;
        width: 56px;
        height: 56px;
        display: flex;
        align-items: center;
        justify-content: center;
        transform: rotate(-15deg)
    }

    .uh_not_found_elements .floatings.end {
        top: auto;
        inset-inline-start: auto;
        bottom: 10px;
        inset-inline-end: 90px;
        transform: rotate(30deg)
    }

    .comparison_banner_block {
        padding: 0;
        margin-inline-end:-145px}

    .comparison_banner_block .bottom_mid_block {
        grid-area: 1 / 1;
        z-index: 3;
        bottom: 150px;
        align-self: end;
        justify-self: start;
        position: relative;
        width: 100%;
        display: flex;
        justify-content: center;
        padding-inline-start:60px}

    .comparison_banner_block .bottom_mid_block .prnt {
        max-width: 220px;
        position: relative;
        width: 100%
    }

    .comparison_banner_block .bottom_mid_block .prnt:last-child {
        margin-top: 56px;
        margin-inline-start:-61px}

    .comparison_banner_block .bottom_mid_block .uh_content {
        height: 92px;
        position: relative
    }

    .comparison_banner_block .bottom_mid_block .uh_content .innr {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 8px
    }

    .comparison_banner_block .bottom_mid_block .uh_content .innr img {
        max-height: 45px
    }

    .comparison_banner_block .bottom_mid_block .uh_content.first {
        z-index: 1
    }

    .comparison_banner_block .bottom_mid_block .uh_content.last {
        background: white
    }

    .comparison_banner_block .bottom_mid_block > div:first-child > img {
        inset-inline-start: calc(100% - 6px);
        top: 17px;
        position: absolute;
        pointer-events: none;
        z-index: -1
    }

    .comparison_banner_block .bottom_mid_block > div:last-child > img {
        bottom: 17px;
        inset-inline-end: calc(100% - 6px);
        position: absolute;
        pointer-events: none;
        z-index: -1
    }

    .uh_comparison_section {
        position: relative
    }

    .uh_comparison_x {
        line-height: 2;
        font-size: clamp(1rem,0.6875rem + 1vw,1.25rem);
        white-space: nowrap;
        overflow-x: auto;
        padding: 24px 0;
        margin-top: -24px
    }

    .uh_comparison_x .uh_table_comparison {
        border: 1px solid var(--Neutral-100,#E6E6E6);
        border-radius: 24px;
        overflow: visible
    }

    .uh_comparison_x .list-group-item:nth-of-type(even) {
        background: rgb(0 0 0 / 1%)
    }

    .uh_comparison_x .text > .list-group-item {
        padding-inline-start:24px;padding-bottom: 16px !important;
        padding-top: 16px !important
    }

    .uh_comparison_x .list-group-item:not(.p-0) {
        padding: 17.5px 16px;
        min-height: 76px
    }

    .uh_comparison_x .list-group-item .hd {
        display: inline-flex;
        align-items: center;
        gap: 12px;
        vertical-align: middle
    }

    .uh_comparison_x .compare_plans_image {
        border-bottom: 1px solid #E6E6E6
    }

    .uh_comparison_x .highlight_plan {
        margin: -24px 0
    }

    .uh_comparison_x .highlight_plan .list-group {
        background: linear-gradient(135deg,#DFE8FF,#fff 8%,#fff 92%,#E0D7FE)
    }

    .uh_comparison_x .highlight_margin {
        padding: 0 !important;
        min-height: auto !important;
        height: 24px
    }

    .uh_comparison_x .highlight_plan .list-group-item {
        border-color: #E6E6E6
    }

    .uh_comparison_section > .row > div:nth-child(2) .uh_content {
        height: auto
    }

    .uh_comparison_section .uh_price_plan {
        display: none
    }

    .uh_comparison_section > .row > div:nth-child(2) {
        display: block
    }

    .uh_comparison_summary_section {
        position: relative
    }

    .uh_comparison_summary_section > img {
        position: absolute
    }

    .uh_comparison_summary_prnt {
        position: relative;
        width: 100%;
        max-width: 960px;
        padding-top: 80px
    }

    .uh_comparison_summary {
        width: 100%;
        max-width: 600px;
        margin: auto;
        border: 1px solid var(--Neutral-100,#E6E6E6);
        box-shadow: 0px 0px 160px 0px rgb(0 0 0 / 16%);
        border-radius: 24px;
        padding: 40px;
        background: var(--Neutral-50,#FFF)
    }

    .uh_comparison_summary .logo {
        margin: -4px 0 12px
    }

    .uh_comparison_summary .logo img {
        height: 64px
    }

    .uh_comparison_summary p {
        line-height: 2;
        margin: 0
    }

    .uh_comparison_summary p span {
        font-weight: 700
    }

    .uh_comparison_summary p.first {
        margin-bottom: 30px
    }

    .uh_comparison_summary .points {
        margin: 20px 0;
        border-radius: 16px;
        background: #F9F7FF
    }

    .uh_comparison_summary .points .point {
        padding: 12px 16px;
        line-height: 2;
        display: flex;
        align-items: center;
        gap: 8px;
        border-bottom: 1px solid #EAE4FF;
        color: var(--secondary-600,#5A28FA)
    }

    .uh_comparison_summary .points .point:last-child {
        border: 0
    }

    .uh_comparison_summary .points .point span {
        font-weight: 500
    }

    .web_builder_hero_section {
        padding-top: 120px;
        padding-bottom: 120px
    }

    .uh_web_builder_container {
        max-width: 700px;
        margin: auto
    }

    .uh_web_builder_container .violet_ribbon {
        margin: 0;
        gap: 0
    }

    .uh_web_builder_container .hero_heading {
        margin: 24px 0 4px;
        text-align: center
    }

    .uh_web_builder_hero {
        margin: -20px 0 -120px
    }

    .section_web_builder {
        background: #457BFF;
        color: #fff;
        text-align: center
    }

    .section_web_builder .brands_marquee {
        margin: 80px -10px 0
    }

    .section_web_builder .brands_marquee_innr img {
        margin: 0 20px;
        border-radius: 24px;
        aspect-ratio: 185 / 104;
        max-height: 330px
    }

    .uh_web_builder_n {
        overflow: visible !important;
        box-shadow: none !important
    }

    .web_builder_creating_block {
        inset-inline-start: -120px;
        bottom: -40px
    }

    .uh_web_builder_n .innr {
        margin-bottom: -200px;
        border-radius: 22px;
        box-shadow: 0px 4px 160px 0px rgb(0 0 0 / 49%);
        overflow: hidden
    }

    .forex_banner_block {
        padding: 0;
        margin-inline-end:-67px}

    .forex_banner_block > .home_bnr_img img {
        mask: none
    }

    .forex_banner_block .mid_right_block {
        grid-area: 1 / 1;
        z-index: 4;
        justify-self: end;
        bottom: -30px;
        position: relative;
        inset-inline-end: 0px;
        top: 50px;
        width: 100%;
        max-width: 185px;
        align-self: center
    }

    .forex_banner_block .mid_right_block .game_ping_block .uh_content {
        max-width: none;
        background-color: var(--secondary-600,#5A28FA);
        color: #fff;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='185' height='122' viewBox='0 0 185 122' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='mask0_4800_4470' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='185' height='122'%3e%3crect width='185' height='122' rx='12' fill='%235A28FA'/%3e%3crect x='0.5' y='0.5' width='184' height='121' rx='11.5' stroke='black' stroke-opacity='0.04'/%3e%3c/mask%3e%3cg mask='url(%23mask0_4800_4470)'%3e%3cpath style='mix-blend-mode:hard-light' opacity='0.24' d='M274.981 101.586L268.255 91.3964L275 81.184V81.0609L268.255 70.8485L274.981 60.6585L268.255 50.4685L274.809 40.5248L268.255 30.5924L274.981 20.4024L268.255 10.2124L275 0H-35L-28.2553 10.2124L-34.9809 20.4024L-28.2553 30.5924L-34.8089 40.5248L-28.2553 50.4685L-34.9809 60.6585L-28.2553 70.8485L-35 81.0609V81.184L-28.2553 91.3964L-34.9809 101.586L-28.2553 111.788L-35 122H275L268.255 111.788L274.981 101.586Z' fill='url(%23paint0_linear_4800_4470)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient id='paint0_linear_4800_4470' x1='11.1623' y1='0.223957' x2='265.959' y2='103.791' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23D3D4D5'/%3e%3cstop offset='0.03' stop-color='%238B9193'/%3e%3cstop offset='0.06' stop-color='%23575F63'/%3e%3cstop offset='0.07' stop-color='%23374145'/%3e%3cstop offset='0.08' stop-color='%232B363A'/%3e%3cstop offset='0.12' stop-color='%23343E42'/%3e%3cstop offset='0.17' stop-color='%234D5559'/%3e%3cstop offset='0.24' stop-color='%23757B7E'/%3e%3cstop offset='0.31' stop-color='%23ADB0B1'/%3e%3cstop offset='0.35' stop-color='%23CDCDCE'/%3e%3cstop offset='0.37' stop-color='%23C6C7C8'/%3e%3cstop offset='0.39' stop-color='%23B4B6B8'/%3e%3cstop offset='0.41' stop-color='%23979C9E'/%3e%3cstop offset='0.44' stop-color='%236F767A'/%3e%3cstop offset='0.46' stop-color='%23485357'/%3e%3cstop offset='0.48' stop-color='%234C565A'/%3e%3cstop offset='0.51' stop-color='%23596266'/%3e%3cstop offset='0.54' stop-color='%23707578'/%3e%3cstop offset='0.56' stop-color='%238F9092'/%3e%3cstop offset='0.57' stop-color='%2398989A'/%3e%3cstop offset='0.61' stop-color='%23A5A5A6'/%3e%3cstop offset='0.7' stop-color='%23C7C7C8'/%3e%3cstop offset='0.8' stop-color='white'/%3e%3cstop offset='0.83' stop-color='%23D1D1D2'/%3e%3cstop offset='0.9' stop-color='%234F4F53'/%3e%3cstop offset='0.94' stop-color='%231B1B20'/%3e%3cstop offset='0.95' stop-color='%23313136'/%3e%3cstop offset='0.96' stop-color='%234D4D51'/%3e%3cstop offset='0.97' stop-color='%23747476'/%3e%3cstop offset='0.99' stop-color='%23A5A5A7'/%3e%3cstop offset='1' stop-color='%23E9E9E9'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ");
        background-blend-mode: hard-light;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 50%)
    }

    .forex_banner_block .mid_left_block {
        grid-area: 1 / 1;
        z-index: 3;
        inset-inline-end: -150px;
        top: 220px;
        align-self: start;
        justify-self: start;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }

    .forex_banner_block .mid_left_block .uh_content {
        text-align: start;
        border-radius: 4px;
        box-shadow: 0px 0px 50px 0px rgb(0 0 0 / 25%);
        width: auto;
        flex: 0 0 auto;
        padding: 4px
    }

    .forex_banner_block .mid_left_block .uh_content .innr {
        display: flex;
        align-items: center;
        overflow: hidden;
        border-radius: 4px
    }

    .forex_banner_block .mid_left_block .uh_content span {
        background-color: #3080F8;
        color: #fff;
        font-weight: 500;
        font-size: 12px;
        padding: 3px 6px
    }

    .forex_banner_block .mid_left_block .uh_content .bg {
        background-color: #2A6FD9;
        text-transform: uppercase
    }

    .forex_banner_block .mid_left_block .uh_content.buy {
        margin: 16px 0 0 16px
    }

    .forex_banner_block .bottom_left_block {
        grid-area: 1 / 1;
        z-index: 3;
        bottom: 60px;
        align-self: end;
        justify-self: start;
        position: relative;
        inset-inline-end: -140px;
        width: 100%;
        max-width: 135px
    }

    .forex_banner_block .bottom_left_block .vds_speed_block {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        max-width: none
    }

    .webinar_hero_section {
        padding-top: 30px;
        padding-bottom: 120px
    }

    .uh_webinar_hero_container {
        max-width: 730px;
        margin: auto;
        text-align: center
    }

    .uh_webinar_hero_container > img {
        margin-top: -140px;
        margin-bottom: -105px;
        pointer-events: none;
        user-select: none
    }

    .uh_webinar_hero_container .hero_heading {
        letter-spacing: -0.96px
    }

    .uh_webinar_hero_container .hero_subheading {
        max-width: 550px;
        margin: auto
    }

    .uh_webinar_container {
        max-width: 1035px;
        margin: auto
    }

    .webinar_details {
        box-shadow: 0px 0px 160px 0px rgb(0 0 0 / 8%);
        border: 1px solid var(--Neutral-100,#E6E6E6);
        border-radius: 24px;
        padding: 24px;
        margin: 40px 0 80px
    }

    .webinar_details .col-auto {
        flex: 1 1 auto
    }

    .webinar_details .second {
        border-inline-start:1px solid var(--Neutral-100,#E6E6E6);border-inline-end: 1px solid var(--Neutral-100,#E6E6E6)
    }

    .webinar_details .innr {
        display: flex;
        align-items: center;
        gap: 16px
    }

    .webinar_details .innr img {
        flex: 0 0 auto
    }

    .webinar_details .innr .h6 {
        color: var(--primary-600,#457BFF);
        margin: 0 0 4px
    }

    .webinar_details .innr .h5 {
        margin: 0;
        font-weight: 700
    }

    .uh_webinar_container hr {
        margin: 64px 0
    }

    .uh_webinar_container h3 {
        margin-bottom: 24px;
        font-weight: 700;
        letter-spacing: -0.64px
    }

    .uh_webinar_container ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    .uh_webinar_container ul li {
        margin-top: 16px;
        display: flex;
        align-items: flex-start;
        gap: 12px;
        line-height: 2;
        font-weight: 500
    }

    .uh_webinar_container ul li img {
        flex: 0 0 auto;
        margin: 5px 0 0
    }

    .uh_webinar_container .info p {
        color: var(--Neutral-700,#4D4D4D);
        line-height: 2;
        margin-bottom: 2rem
    }

    .uh_webinar_container .info p:last-child {
        margin: 0
    }

    .webinar_speaker {
        padding: 40px;
        display: flex;
        align-items: center;
        gap: 40px;
        border-radius: 24px;
        border: 1px solid var(--Neutral-100,#E6E6E6);
        box-shadow: 0px 0px 160px 0px rgb(0 0 0 / 8%)
    }

    .webinar_speaker .img {
        flex: 0 0 auto;
        max-width: 150px;
        width: 100%
    }

    .webinar_speaker .img img {
        width: 100%;
        border-radius: 24px
    }

    .webinar_speaker .h5 {
        font-weight: 700;
        letter-spacing: -0.4px;
        margin-bottom: 4px
    }

    .webinar_speaker .h6 {
        letter-spacing: -0.32px;
        margin: 0
    }

    .webinar_speaker p {
        margin: 12px 0 0;
        line-height: 2;
        color: var(--Neutral-700,#4D4D4D);
        letter-spacing: -0.32px
    }

    .webinar_register {
        background: #457BFF;
        color: #fff;
        text-align: center;
        padding: 56px 10px;
        border-radius: 24px;
        margin-top: 32px
    }

    .webinar_register .section_heading {
        max-width: 630px;
        margin-bottom: 32px
    }

    .webinar_register .section_heading .section_title {
        font-size: clamp(1.3rem,0.0938rem + 4.5vw,2rem)
    }

    .uh_webinar_register {
        display: flex;
        flex-direction: column;
        height: 100%
    }

    .uh_webinar_register .modal-footer {
        margin-top: auto
    }

    .uh_radio_banner_block {
        padding: 0;
        margin-inline-end:-17px}

    .uh_radio_banner_block .top_right_block {
        z-index: 4;
        top: 160px;
        position: relative;
        align-items: flex-start;
        inset-inline-start: auto;
        inset-inline-end: 10px;
        text-align: start
    }

    .uh_radio_banner_block .top_right_block .shared_monitor_block {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        max-width: none
    }

    .uh_radio_banner_block .top_right_block .shared_monitor_block p {
        font-size: 11px
    }

    .uh_radio_banner_block .top_right_block .shared_monitor_block h6 {
        font-size: 14.5px
    }

    .uh_radio_banner_block .bottom_left_block {
        z-index: 3;
        bottom: 130px;
        align-self: end;
        justify-self: start;
        position: relative;
        inset-inline-end: 85px;
        grid-area: 1 / 1
    }

    .uh_radio_banner_block .bottom_right_block {
        inset-inline-end: -45px;
        bottom: 130px;
        z-index: 3;
        width: 100%;
        max-width: 135px
    }

    .uh_android_banner_block {
        padding: 0;
        margin-inline-end:-40px}

    .uh_android_banner_block .top_right_block {
        inset-inline-start: auto;
        inset-inline-end: -30px;
        z-index: 4;
        top: 170px;
        width: 100%;
        max-width: 150px
    }

    .play_apps_block {
        padding: 10px 10px 13px !important;
        text-align: center !important;
        background-blend-mode: hard-light;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='150' height='128' viewBox='0 0 150 128' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='mask0_4173_1929243' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='150' height='128'%3e%3crect y='0.25' width='150' height='127.5' rx='15' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask0_4173_1929243)'%3e%3cpath style='mix-blend-mode:hard-light' opacity='0.16' d='M376.222 145.968L366.432 131.351L376.25 116.703V116.526L366.432 101.877L376.222 87.2601L366.432 72.6433L375.972 58.3799L366.432 44.1325L376.222 29.5157L366.432 14.8989L376.25 0.25H-75L-65.1821 14.8989L-74.9722 29.5157L-65.1821 44.1325L-74.7219 58.3799L-65.1821 72.6433L-74.9722 87.2601L-65.1821 101.877L-75 116.526V116.703L-65.1821 131.351L-74.9722 145.968L-65.1821 160.601L-75 175.25H376.25L366.432 160.601L376.222 145.968Z' fill='url(%23paint0_linear_4173_1929243)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient id='paint0_linear_4173_1929243' x1='-7.80409' y1='0.57125' x2='361.529' y2='152.914' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23D3D4D5'/%3e%3cstop offset='0.03' stop-color='%238B9193'/%3e%3cstop offset='0.06' stop-color='%23575F63'/%3e%3cstop offset='0.07' stop-color='%23374145'/%3e%3cstop offset='0.08' stop-color='%232B363A'/%3e%3cstop offset='0.12' stop-color='%23343E42'/%3e%3cstop offset='0.17' stop-color='%234D5559'/%3e%3cstop offset='0.24' stop-color='%23757B7E'/%3e%3cstop offset='0.31' stop-color='%23ADB0B1'/%3e%3cstop offset='0.35' stop-color='%23CDCDCE'/%3e%3cstop offset='0.37' stop-color='%23C6C7C8'/%3e%3cstop offset='0.39' stop-color='%23B4B6B8'/%3e%3cstop offset='0.41' stop-color='%23979C9E'/%3e%3cstop offset='0.44' stop-color='%236F767A'/%3e%3cstop offset='0.46' stop-color='%23485357'/%3e%3cstop offset='0.48' stop-color='%234C565A'/%3e%3cstop offset='0.51' stop-color='%23596266'/%3e%3cstop offset='0.54' stop-color='%23707578'/%3e%3cstop offset='0.56' stop-color='%238F9092'/%3e%3cstop offset='0.57' stop-color='%2398989A'/%3e%3cstop offset='0.61' stop-color='%23A5A5A6'/%3e%3cstop offset='0.7' stop-color='%23C7C7C8'/%3e%3cstop offset='0.8' stop-color='white'/%3e%3cstop offset='0.83' stop-color='%23D1D1D2'/%3e%3cstop offset='0.9' stop-color='%234F4F53'/%3e%3cstop offset='0.94' stop-color='%231B1B20'/%3e%3cstop offset='0.95' stop-color='%23313136'/%3e%3cstop offset='0.96' stop-color='%234D4D51'/%3e%3cstop offset='0.97' stop-color='%23747476'/%3e%3cstop offset='0.99' stop-color='%23A5A5A7'/%3e%3cstop offset='1' stop-color='%23E9E9E9'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ")
    }

    .play_apps_block .img {
        border-radius: 15px;
        border: 1.25px solid rgba(0,0,0,0.04);
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 13px
    }

    .play_apps_block .img img {
        max-height: 20px
    }

    .play_apps_block h6 {
        font-size: 17.5px;
        margin: 0 0 2px;
        font-weight: 700
    }

    .play_apps_block p {
        margin: 0;
        color: var(--Neutral-600,#666);
        font-size: 15px
    }

    .uh_android_banner_block .mid_left_block {
        inset-inline-end: 22px;
        top: 150px;
        z-index: 3;
        grid-area: 1 / 1;
        align-self: start;
        justify-self: start;
        position: relative
    }

    .uh_android_banner_block .mid_left_block .uh_content {
        border-radius: 16px;
        padding: 16px;
        box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 12%);
        width: auto;
        display: flex;
        flex-direction: column;
        gap: 16px
    }

    .uh_android_banner_block .mid_left_block .uh_content .ico {
        border: 1px solid rgb(0 0 0 / 4%);
        width: 53px;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px
    }

    .uh_android_banner_block .mid_left_block .uh_content .ico img {
        max-height: 20px
    }

    .uh_android_banner_block .mid_left_block .cursor {
        position: absolute;
        inset-inline-start: 45px;
        top: 13px
    }

    .uh_android_banner_block .bottom_mid_block {
        grid-area: 1 / 1;
        z-index: 3;
        bottom: 70px;
        align-self: end;
        justify-self: center;
        position: relative;
        inset-inline-end: 15px;
        text-align: start;
        width: 100%;
        max-width: 135px
    }

    .uh_android_banner_block .bottom_mid_block .vds_server_block {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        max-width: none
    }

    .uh_n8n_banner_block {
        padding: 0
    }

    .uh_n8n_banner_block .top_right_block {
        inset-inline-start: auto;
        inset-inline-end: -75px;
        z-index: 4;
        top: 200px;
        width: 100%;
        max-width: 146px
    }

    .uh_n8n_banner_block .top_right_block .uh_content {
        padding: 0;
        height: 64px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 15px;
        box-shadow: 0px 0px 147.69px 0px rgb(0 0 0 / 16%)
    }

    .uh_n8n_banner_block .top_right_block .uh_content img {
        max-height: 25px
    }

    .uh_n8n_banner_block .mid_left_block {
        inset-inline-end: -67px;
        top: 145px;
        z-index: 3;
        grid-area: 1 / 1;
        align-self: start;
        justify-self: start;
        position: relative
    }

    .uh_n8n_banner_block .mid_left_block .uh_content {
        border-radius: 16px;
        padding: 16px;
        box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 12%);
        width: auto;
        display: flex;
        gap: 16px
    }

    .uh_n8n_banner_block .mid_left_block .uh_content .line {
        display: flex;
        flex-direction: column;
        gap: 16px
    }

    .uh_n8n_banner_block .mid_left_block .uh_content .ico {
        border: 1px solid rgb(0 0 0 / 4%);
        width: 56px;
        height: 56px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 16px
    }

    .uh_n8n_banner_block .mid_left_block .uh_content .ico.last {
        background: linear-gradient(135deg,#E1EDFF,#ffffff)
    }

    .uh_n8n_banner_block .mid_left_block .uh_content .ico img {
        max-height: 24px
    }

    .uh_n8n_banner_block .mid_left_block .cursor {
        position: absolute;
        inset-inline-end: -50px;
        top: 10px
    }

    .uh_n8n_banner_block .bottom_mid_block {
        grid-area: 1 / 1;
        z-index: 3;
        bottom: 50px;
        align-self: end;
        justify-self: center;
        position: relative;
        inset-inline-end: -70px;
        text-align: start;
        width: 100%;
        max-width: 135px
    }

    .uh_n8n_banner_block .bottom_mid_block .vds_server_block {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        max-width: none
    }

    .uh_n8n_marquee {
        background: #F2F2F2;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .uh_n8n_marquee > img {
        max-height: 561px;
        margin-top: -80px;
        box-shadow: 0px 0px 160px 0px rgb(0 0 0 / 40%)
    }

    .uh_n8n_marquee .brands_marquee {
        padding: 40px 0;
        max-width: 640px
    }

    .uh_n8n_marquee .brands_marquee_innr img {
        margin: 0 8px;
        height: 80px
    }

    .uh_plans_deal_prnt {
        position: fixed;
        bottom: 40px;
        left: 0;
        right: 0;
        z-index: 9;
        pointer-events: none
    }

    .uh_plans_deal {
        background: var(--Neutral-800,#333333);
        border: 1px solid var(--Neutral-600,#666666);
        box-shadow: 0px 0px 160px 0px rgb(0 0 0 / 10%);
        color: #fff;
        max-width: 900px;
        margin: auto;
        border-radius: 16px;
        padding: 12px;
        padding-inline-start:20px;transition: all 0.5s ease-in-out;
        pointer-events: auto;
        display: flex;
        align-items: center;
        gap: 16px;
        line-height: 2;
        transform: scale(0.8) translateY(500%)
    }

    .uh_plans_deal .uh_discount_timer {
        color: rgb(255 255 255 / 25%)
    }

    .uh_plans_deal .uh_discount_timer div {
        color: #FF7376;
        background: rgb(255 115 118 / 16%);
        min-width: 51px;
        padding: 4px 2px;
        line-height: normal
    }

    .uh_plans_deal .btn:not(.close) {
        display: none
    }

    .uh_plans_deal .btn.close {
        margin-inline-start:auto;color: #fff;
        flex: 0 0 auto;
        width: 48px;
        height: 48px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgb(255 255 255 / 12%);
        border-radius: 16px
    }

    .uh_plans_deal .btn.close:hover {
        background: rgb(255 255 255 / 12%)
    }

    body.scroll_discount .uh_plans_deal {
        transform: scale(1) translateY(0)
    }

    body.hide_discount .uh_plans_deal {
        transform: scale(0.8) translateY(500%) !important
    }

    .uh_discount_shelf {
        position: relative;
        padding: 24px;
        max-width: 495px
    }

    .uh_discount_shelf > svg {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        pointer-events: none
    }

    .partner_badge_prnt {
        margin: -38px 0 15px;
        position: relative
    }

    .partner_badge {
        display: inline-block;
        border: 1px solid rgb(0 0 0 / 4%);
        background: var(--Secondary-50,#EFEAFF);
        font-size: 14px;
        padding: 3.5px 11px;
        border-radius: 16px;
        color: var(--secondary-600,#5A28FA)
    }

    .partner_badge img {
        margin-top: -1px
    }

    .partner_badge span {
        font-weight: 700
    }

    .uh_banner_block.partner_landing .bottom_right_block {
        bottom: 40px;
        inset-inline-end: -50px
    }

    .uh_banner_block.partner_landing .top_left_block {
        top: 170px;
        inset-inline-end: 90px
    }

    .uh_banner_block.partner_landing .top_left_block .uh_content {
        border: 1px solid var(--Neutral-100,#E6E6E6);
        display: flex;
        align-items: center;
        font-size: clamp(1.0625rem,0.8281rem + 0.75vw,1.25rem);
        font-weight: 500;
        line-height: 2;
        padding: 26px 10px
    }

    .uh_banner_block.partner_landing .top_left_block .uh_content > img {
        flex: 0 0 auto
    }

    .uh_banner_block.partner_landing .top_left_block .uh_content > div {
        margin: 0 -10px;
        flex: 1 1 auto
    }

    .uh_banner_block.partner_landing .top_left_block .uh_content > div div {
        margin-bottom: 10px
    }

    .uh_banner_block.partner_landing .top_left_block .uh_content > div img {
        max-height: 60px;
        max-width: 160px
    }

    .uh_banner_block.partner_landing .top_left_block .uh_content .flip {
        transform: scaleX(-1)
    }

    .uh_main_cta.partner {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='1518' height='293' viewBox='0 0 1518 293' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='mask0_1002_69573' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='1518' height='293'%3e%3crect width='1518' height='293' rx='21' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask0_1002_69573)'%3e%3cg opacity='0.65'%3e%3cg opacity='0.6' filter='url(%23filter0_f_1002_69573)'%3e%3cpath d='M-1.88593 -95.1902L25.9157 -20.0574L101.048 7.7442L25.9157 35.5458L-1.88593 110.679L-29.6876 35.5458L-104.82 7.7442L-29.6876 -20.0574L-1.88593 -95.1902Z' fill='%2363A4FF'/%3e%3c/g%3e%3cg opacity='0.6' filter='url(%23filter1_f_1002_69573)'%3e%3cpath d='M-54 -353L43.5028 -89.5028L307 8L43.5028 105.503L-54 369L-151.503 105.503L-415 8L-151.503 -89.5028L-54 -353Z' fill='%23CFE3FF'/%3e%3c/g%3e%3c/g%3e%3cg opacity='0.5'%3e%3cg opacity='0.6' filter='url(%23filter2_f_1002_69573)'%3e%3cpath d='M570.747 464.223L477.783 431.14L314.172 493.498L449.982 382.986L467.813 285.935L560.777 319.018L724.388 256.66L588.579 367.172L570.747 464.223Z' fill='%23A183FF'/%3e%3c/g%3e%3cg opacity='0.6' filter='url(%23filter3_f_1002_69573)'%3e%3cpath d='M662.88 623.275L403.679 531.034L-52.4989 704.9L326.163 396.772L375.88 126.177L635.081 218.418L1091.26 44.5513L712.597 352.68L662.88 623.275Z' fill='%23E2D9FF'/%3e%3c/g%3e%3c/g%3e%3cg opacity='0.25'%3e%3cg opacity='0.6' filter='url(%23filter4_f_1002_69573)'%3e%3cpath d='M1407.87 293.125L1488.34 263.348L1518.12 182.877L1547.9 263.348L1628.37 293.125L1547.9 322.902L1518.12 403.373L1488.34 322.902L1407.87 293.125Z' fill='%235A28FA'/%3e%3c/g%3e%3cg opacity='0.5' filter='url(%23filter5_f_1002_69573)'%3e%3cpath d='M1234 343L1521.58 236.584L1628 -51L1734.42 236.584L2022 343L1734.42 449.416L1628 737L1521.58 449.416L1234 343Z' fill='%23CEBFFF'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cfilter id='filter0_f_1002_69573' x='-147.893' y='-138.262' width='292.013' height='292.013' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3e%3cfeGaussianBlur stdDeviation='21.5361' result='effect1_foregroundBlur_1002_69573'/%3e%3c/filter%3e%3cfilter id='filter1_f_1002_69573' x='-515' y='-453' width='922' height='922' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3e%3cfeGaussianBlur stdDeviation='50' result='effect1_foregroundBlur_1002_69573'/%3e%3c/filter%3e%3cfilter id='filter2_f_1002_69573' x='214.172' y='156.66' width='610.216' height='436.839' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3e%3cfeGaussianBlur stdDeviation='50' result='effect1_foregroundBlur_1002_69573'/%3e%3c/filter%3e%3cfilter id='filter3_f_1002_69573' x='-252.499' y='-155.449' width='1543.76' height='1060.35' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3e%3cfeGaussianBlur stdDeviation='100' result='effect1_foregroundBlur_1002_69573'/%3e%3c/filter%3e%3cfilter id='filter4_f_1002_69573' x='1307.87' y='82.8767' width='420.496' height='420.496' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3e%3cfeGaussianBlur stdDeviation='50' result='effect1_foregroundBlur_1002_69573'/%3e%3c/filter%3e%3cfilter id='filter5_f_1002_69573' x='1034' y='-251' width='1188' height='1188' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3e%3cfeGaussianBlur stdDeviation='100' result='effect1_foregroundBlur_1002_69573'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e ");
        background-color: #fff;
        border: 1px solid var(--Neutral-100,#E6E6E6)
    }

    .uh_main_cta.partner .recomm {
        font-size: 18px;
        font-weight: 500;
        line-height: 2;
        margin-bottom: 12px
    }

    .uh_main_cta.partner .recomm img {
        margin-top: -3px;
        max-height: 60px;
        max-width: 160px
    }

    .uh_discount_timer_prnt.partner p {
        text-align: start;
        font-weight: 500;
        margin-bottom: 18px
    }

    .uh_discount_timer_prnt.partner .uh_discount_timer {
        gap: 6px
    }

    .uh_discount_timer_prnt.partner .uh_discount_timer div {
        padding: 20px 4px
    }

    .uh_sitemap_list {
        margin-top: 40px
    }

    .uh_sitemap_list .heading {
        font-weight: 700;
        line-height: 2;
        margin-bottom: 12px
    }

    .uh_sitemap_list ul {
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        gap: 22px;
        align-items: center
    }

    .uh_sitemap_list ul li a {
        line-height: 48px;
        padding: 0 25px;
        border-radius: 16px;
        background: #fff;
        border: 1px solid #E6E6E6;
        display: block;
        font-weight: 500;
        transition: all 0.2s;
        color: var(--bs-body-color)
    }

    .uh_sitemap_list ul li a:hover {
        background: #EEEEEE
    }

    .mac_vps_banner_block {
        padding: 0;
        margin-inline-end:-155px}

    .mac_vps_banner_block .topp_right_block {
        grid-area: 1 / 1;
        z-index: 4;
        align-self: start;
        justify-self: end;
        top: 180px;
        inset-inline-end: 125px
    }

    .mac_vps_banner_block .top_left_block {
        inset-inline-end: -125px;
        top: 10px;
        z-index: 3;
        max-width: 150px;
        text-align: center;
        font-weight: 700;
        font-size: 14.5px;
        line-height: 1.4;
        color: var(--Neutral-700,#4D4D4D);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 8px;
        border-radius: 14.5px;
        padding: 22px;
        align-self: center;
        background-blend-mode: hard-light;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='218' height='123' viewBox='0 0 218 123' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath style='mix-blend-mode:hard-light' opacity='0.12' d='M285.276 102.366L279.106 92.0976L285.294 81.8069V81.6827L279.106 71.392L285.276 61.1239L279.106 50.8557L285.118 40.8358L279.106 30.8272L285.276 20.559L279.106 10.2909L285.294 0.00012207H0.890015L7.07785 10.2909L0.907541 20.559L7.07785 30.8272L1.0653 40.8358L7.07785 50.8557L0.907541 61.1239L7.07785 71.392L0.890015 81.6827V81.8069L7.07785 92.0976L0.907541 102.366L7.07785 112.645L0.890015 122.936H285.294L279.106 112.645L285.276 102.366Z' fill='url(%23paint0_linear_2939_980693)'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_2939_980693' x1='43.2407' y1='0.225797' x2='282.811' y2='88.8829' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23D3D4D5'/%3e%3cstop offset='0.03' stop-color='%238B9193'/%3e%3cstop offset='0.06' stop-color='%23575F63'/%3e%3cstop offset='0.07' stop-color='%23374145'/%3e%3cstop offset='0.08' stop-color='%232B363A'/%3e%3cstop offset='0.12' stop-color='%23343E42'/%3e%3cstop offset='0.17' stop-color='%234D5559'/%3e%3cstop offset='0.24' stop-color='%23757B7E'/%3e%3cstop offset='0.31' stop-color='%23ADB0B1'/%3e%3cstop offset='0.35' stop-color='%23CDCDCE'/%3e%3cstop offset='0.37' stop-color='%23C6C7C8'/%3e%3cstop offset='0.39' stop-color='%23B4B6B8'/%3e%3cstop offset='0.41' stop-color='%23979C9E'/%3e%3cstop offset='0.44' stop-color='%236F767A'/%3e%3cstop offset='0.46' stop-color='%23485357'/%3e%3cstop offset='0.48' stop-color='%234C565A'/%3e%3cstop offset='0.51' stop-color='%23596266'/%3e%3cstop offset='0.54' stop-color='%23707578'/%3e%3cstop offset='0.56' stop-color='%238F9092'/%3e%3cstop offset='0.57' stop-color='%2398989A'/%3e%3cstop offset='0.61' stop-color='%23A5A5A6'/%3e%3cstop offset='0.7' stop-color='%23C7C7C8'/%3e%3cstop offset='0.8' stop-color='white'/%3e%3cstop offset='0.83' stop-color='%23D1D1D2'/%3e%3cstop offset='0.9' stop-color='%234F4F53'/%3e%3cstop offset='0.94' stop-color='%231B1B20'/%3e%3cstop offset='0.95' stop-color='%23313136'/%3e%3cstop offset='0.96' stop-color='%234D4D51'/%3e%3cstop offset='0.97' stop-color='%23747476'/%3e%3cstop offset='0.99' stop-color='%23A5A5A7'/%3e%3cstop offset='1' stop-color='%23E9E9E9'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ")
    }

    .mac_vps_banner_block .bottom_right_block {
        inset-inline-end: 175px;
        bottom: 150px
    }

    .mac_vps_banner_block .bottom_right_block .vds_speed_block {
        position: relative;
        inset: 0
    }

    .uh_windows_table_innr.mh-none {
        max-height: none
    }

    .floating_cta {
        border-radius: 0;
        border-bottom: 1px solid rgb(0 0 0 / 4%);
        box-shadow: 0px 4px 32px 0px rgb(0 0 0 / 8%);
        padding: 0;
        position: fixed;
        left: 0;
        right: 0;
        top: 111px;
        z-index: 6;
        transform: translateY(-150px);
        transition: all 0.3s ease
    }

    .floating_cta.show {
        transform: translateY(0)
    }

    .floating_cta .vds_server_banner {
        border-radius: 0;
        padding: 8px 0;
        border: 0
    }

    .floating_cta .vds_server_banner .innr {
        gap: 12px
    }

    .floating_cta .vds_server_banner .innr > span {
        flex: 0 0 auto;
        width: 32px;
        height: 32px;
        background-size: contain;
        background-repeat: no-repeat;
        margin-top: -5px
    }

    .black_friday_block {
        padding: 0;
        margin-inline-end:-160px}

    .black_friday_block > .home_bnr_img img {
        mask: none;
        max-height: none
    }

    .black_friday_block > img.uh_contact_circle {
        inset-inline-start: -350px
    }

    .web_host_banner_block {
        padding: 0;
        margin-inline-end:-112px}

    .web_host_banner_block .bottom_left_block {
        grid-area: 1 / 1;
        z-index: 4;
        inset-inline-end: 80px;
        bottom: 0;
        align-self: center;
        justify-self: start;
        position: relative;
        width: 100%;
        max-width: 290px
    }

    .web_host_banner_block .bottom_left_block .uh_three_server_blocks {
        padding: 0 50px;
        position: relative;
        inset-inline-start: auto;
        bottom: auto;
        max-width: none
    }

    .web_host_banner_block .bottom_left_block .shared_online_block {
        display: inline-block;
        margin-inline-end:-10px;margin-bottom: -20px;
        z-index: 1;
        position: relative
    }

    .web_host_banner_block .bottom_left_block .shared_online_block .uh_content {
        background-color: #457BFF;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-blend-mode: hard-light;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='121' height='55' viewBox='0 0 121 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='mask0_325_91315' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='40' y='1' width='73' height='38'%3e%3crect x='40' y='1' width='73' height='38' rx='8' fill='%237C33FF'/%3e%3c/mask%3e%3cg mask='url(%23mask0_325_91315)'%3e%3cpath style='mix-blend-mode:hard-light' opacity='0.12' d='M120.992 45.7972L118.259 41.2033L121 36.5994V36.5438L118.259 31.9399L120.992 27.346L118.259 22.7522L120.922 18.2694L118.259 13.7917L120.992 9.1978L118.259 4.60395L121 0H-5L-2.25859 4.60395L-4.99224 9.1978L-2.25859 13.7917L-4.92234 18.2694L-2.25859 22.7522L-4.99224 27.346L-2.25859 31.9399L-5 36.5438V36.5994L-2.25859 41.2033L-4.99224 45.7972L-2.25859 50.3961L-5 55H121L118.259 50.3961L120.992 45.7972Z' fill='url(%23paint0_linear_325_91315)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient id='paint0_linear_325_91315' x1='13.7627' y1='0.100964' x2='120.148' y2='39.0875' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23D3D4D5'/%3e%3cstop offset='0.03' stop-color='%238B9193'/%3e%3cstop offset='0.06' stop-color='%23575F63'/%3e%3cstop offset='0.07' stop-color='%23374145'/%3e%3cstop offset='0.08' stop-color='%232B363A'/%3e%3cstop offset='0.12' stop-color='%23343E42'/%3e%3cstop offset='0.17' stop-color='%234D5559'/%3e%3cstop offset='0.24' stop-color='%23757B7E'/%3e%3cstop offset='0.31' stop-color='%23ADB0B1'/%3e%3cstop offset='0.35' stop-color='%23CDCDCE'/%3e%3cstop offset='0.37' stop-color='%23C6C7C8'/%3e%3cstop offset='0.39' stop-color='%23B4B6B8'/%3e%3cstop offset='0.41' stop-color='%23979C9E'/%3e%3cstop offset='0.44' stop-color='%236F767A'/%3e%3cstop offset='0.46' stop-color='%23485357'/%3e%3cstop offset='0.48' stop-color='%234C565A'/%3e%3cstop offset='0.51' stop-color='%23596266'/%3e%3cstop offset='0.54' stop-color='%23707578'/%3e%3cstop offset='0.56' stop-color='%238F9092'/%3e%3cstop offset='0.57' stop-color='%2398989A'/%3e%3cstop offset='0.61' stop-color='%23A5A5A6'/%3e%3cstop offset='0.7' stop-color='%23C7C7C8'/%3e%3cstop offset='0.8' stop-color='white'/%3e%3cstop offset='0.83' stop-color='%23D1D1D2'/%3e%3cstop offset='0.9' stop-color='%234F4F53'/%3e%3cstop offset='0.94' stop-color='%231B1B20'/%3e%3cstop offset='0.95' stop-color='%23313136'/%3e%3cstop offset='0.96' stop-color='%234D4D51'/%3e%3cstop offset='0.97' stop-color='%23747476'/%3e%3cstop offset='0.99' stop-color='%23A5A5A7'/%3e%3cstop offset='1' stop-color='%23E9E9E9'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ")
    }

    .web_host_banner_block .bottom_left_block .vds_dat_center_block {
        padding: 8px 8px 80px
    }

    .web_host_banner_block .bottom_left_block .vds_dat_center_block > img {
        width: 100%
    }

    .web_host_banner_block .bottom_left_block .vds_dat_center_block .top {
        margin-top: 16px;
        padding: 0 8px
    }

    .web_host_banner_block .bottom_left_block .vds_speed_block {
        top: auto;
        bottom: -55px
    }

    .web_host_banner_block .bottom_left_block .vds_uptime_block {
        bottom: -80px
    }

    .web_host_banner_block .top_right_block {
        position: relative;
        inset-inline-start: -70px;
        z-index: 3;
        top: 110px
    }

    .web_host_banner_block .top_right_block .uh_content {
        border-radius: 16px;
        padding: 16px;
        box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 12%);
        width: auto;
        display: flex;
        flex-direction: column;
        gap: 16px
    }

    .web_host_banner_block .top_right_block .uh_content .ico {
        width: 52px;
        height: 52px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px
    }

    .web_host_banner_block .top_right_block .uh_content .ico img {
        width: 100%;
        height: 100%
    }

    .web_host_banner_block .top_right_block .uh_content .ico.first {
        box-shadow: 0px 0px 24px 0px rgb(0 0 0 / 32%)
    }

    .web_host_banner_block .top_right_block .uh_content .ico.last {
        background: linear-gradient(135deg,#E1EDFF,#ffffff);
        border: 1px solid rgb(0 0 0 / 4%)
    }

    .web_host_banner_block .top_right_block .uh_content .cursor {
        position: absolute;
        inset-inline-start: 30px;
        top: 13px
    }

    .web_host_banner_block .bottom_right_block {
        bottom: 120px
    }

    .web_host_builder_img {
        margin-bottom: -60px;
        margin-top: -60px;
        pointer-events: none
    }

    .atr_logos {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 16px
    }

    .atr_logos img {
        max-height: 32px
    }

    .atr_hero_section .webinar_details {
        padding: 20px 24px
    }

    .atr_hero_section .webinar_details .innr .h6 {
        font-size: 14px;
        display: flex;
        align-items: center;
        gap: 4px
    }

    .atr_hero_section .webinar_details .innr .h5 {
        font-size: 18px
    }

    .atr_grad_text {
        margin-top: 10px;
        font-weight: 700;
        background: linear-gradient(90deg,#457BFF 0%,#4E12FF 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .atr_grad_text img {
        margin-top: -4px
    }

    .atr_hero_banner_block {
        padding: 0;
        margin-inline-end:-300px}

    .atr_hero_banner_block > .uh_contact_circle {
        top: auto;
        bottom: 0;
        inset-inline-start: -300px
    }

    .atr_hero_banner_block .global_servers_block {
        max-width: 150px;
        position: absolute;
        bottom: -35px;
        z-index: 1
    }

    .atr_hero_banner_block .global_servers_block .innr {
        padding: 12px
    }

    .atr_hero_banner_block .global_servers_block .innr .info {
        padding: 0
    }

    .atr_hero_banner_block .global_servers_block .innr .info h6 {
        font-size: 14px
    }

    .atr_hero_heading {
        max-width: 460px;
        margin-left: auto;
        margin-right: auto
    }

    .atr_agency_table .list-group-item {
        padding: 24px !important
    }

    .atr_agency_table .col-1 .list-group-item {
        padding: 24px 0 !important
    }

    .atr_agency_table .uh_agency_table_hdr_empty {
        height: 203.39px
    }

    .atr_main_highlight {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='254' height='903' viewBox='0 0 254 903' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='mask0_867_100598' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='-813' width='294' height='1920'%3e%3crect x='294' y='-813' width='1920' height='294' transform='rotate(90 294 -813)' fill='%23FAFAFA'/%3e%3c/mask%3e%3cg mask='url(%23mask0_867_100598)'%3e%3cg filter='url(%23filter0_f_867_100598)'%3e%3crect x='629.801' y='-655.406' width='824.854' height='764.074' transform='rotate(109.478 629.801 -655.406)' fill='url(%23paint0_linear_867_100598)'/%3e%3c/g%3e%3cg filter='url(%23filter1_f_867_100598)'%3e%3crect x='629.805' y='184.766' width='824.854' height='764.074' transform='rotate(109.478 629.805 184.766)' fill='url(%23paint1_linear_867_100598)'/%3e%3c/g%3e%3cg filter='url(%23filter2_f_867_100598)'%3e%3crect x='-416.094' y='-375.602' width='824.854' height='764.074' transform='rotate(-30 -416.094 -375.602)' fill='url(%23paint2_linear_867_100598)'/%3e%3c/g%3e%3cg filter='url(%23filter3_f_867_100598)'%3e%3crect x='-136.832' y='792' width='824.854' height='764.074' transform='rotate(18.6111 -136.832 792)' fill='url(%23paint3_linear_867_100598)'/%3e%3c/g%3e%3cpath opacity='0.08' d='M294 1107L294 -813L0 -813L-8.39259e-05 1107L294 1107Z' fill='url(%23paint4_linear_867_100598)' style='mix-blend-mode:hard-light'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='filter0_f_867_100598' x='-465.587' y='-1010.18' width='1195.39' height='1232.42' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3e%3cfeGaussianBlur stdDeviation='50' result='effect1_foregroundBlur_867_100598'/%3e%3c/filter%3e%3cfilter id='filter1_f_867_100598' x='-465.583' y='-170.009' width='1195.39' height='1232.42' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3e%3cfeGaussianBlur stdDeviation='50' result='effect1_foregroundBlur_867_100598'/%3e%3c/filter%3e%3cfilter id='filter2_f_867_100598' x='-616.094' y='-988.029' width='1496.38' height='1474.13' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3e%3cfeGaussianBlur stdDeviation='100' result='effect1_foregroundBlur_867_100598'/%3e%3c/filter%3e%3cfilter id='filter3_f_867_100598' x='-580.681' y='592' width='1425.57' height='1387.36' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3e%3cfeGaussianBlur stdDeviation='100' result='effect1_foregroundBlur_867_100598'/%3e%3c/filter%3e%3clinearGradient id='paint0_linear_867_100598' x1='1042.23' y1='-655.406' x2='1042.23' y2='108.668' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23B5CBFF'/%3e%3cstop offset='1' stop-color='%234E12FF'/%3e%3c/linearGradient%3e%3clinearGradient id='paint1_linear_867_100598' x1='1042.23' y1='184.766' x2='1042.23' y2='948.84' gradientUnits='userSpaceOnUse'%3e%3cstop offset='0.177117' stop-color='%23BBA4FF'/%3e%3cstop offset='0.75039' stop-color='%234E12FF'/%3e%3c/linearGradient%3e%3clinearGradient id='paint2_linear_867_100598' x1='54.8381' y1='-182.11' x2='-89.4497' y2='-230.196' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23509DFD'/%3e%3cstop offset='1' stop-color='%23002BFF'/%3e%3c/linearGradient%3e%3clinearGradient id='paint3_linear_867_100598' x1='334.1' y1='985.492' x2='189.812' y2='937.406' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23509DFD'/%3e%3cstop offset='1' stop-color='%23002BFF'/%3e%3c/linearGradient%3e%3clinearGradient id='paint4_linear_867_100598' x1='299.35' y1='-459.868' x2='-457.365' y2='-193.318' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%2336363A'/%3e%3cstop offset='0.05' stop-color='%2339393D'/%3e%3cstop offset='0.09' stop-color='%23454548'/%3e%3cstop offset='0.13' stop-color='%2358585B'/%3e%3cstop offset='0.17' stop-color='%23737376'/%3e%3cstop offset='0.22' stop-color='%23969698'/%3e%3cstop offset='0.26' stop-color='%23C1C1C2'/%3e%3cstop offset='0.3' stop-color='%23F2F2F3'/%3e%3cstop offset='0.31' stop-color='white'/%3e%3cstop offset='0.36' stop-color='%23CCCCCD'/%3e%3cstop offset='0.46' stop-color='%235F5F63'/%3e%3cstop offset='0.49' stop-color='%23636367'/%3e%3cstop offset='0.51' stop-color='%23707074'/%3e%3cstop offset='0.54' stop-color='%23878789'/%3e%3cstop offset='0.56' stop-color='%2398989A'/%3e%3cstop offset='0.61' stop-color='%23A5A5A6'/%3e%3cstop offset='0.69' stop-color='%23C7C7C8'/%3e%3cstop offset='0.79' stop-color='white'/%3e%3cstop offset='0.81' stop-color='%23E2E2E3'/%3e%3cstop offset='0.87' stop-color='%2369696D'/%3e%3cstop offset='0.91' stop-color='%231D1D23'/%3e%3cstop offset='0.92' stop-color='%23000006'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ");
        border: 1px solid var(--Neutral-100,#E6E6E6);
        box-shadow: 0px 0px 56px 0px rgb(0 0 0 / 6%);
        margin-top: -1px;
        border-radius: 24px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover
    }

    .atr_main_highlight * {
        color: #fff
    }

    .atr_main_highlight .btn-main-outline {
        border-color: #ffffff !important;
        color: #ffffff !important
    }

    .atr_main_highlight .btn-main-outline:hover {
        color: #457BFF !important;
        background: #ffffff !important
    }

    .atr_main_highlight .list-group-item {
        border-color: transparent
    }

    .atr_power_section .section_heading {
        max-width: none;
        text-align: start
    }

    .atr_power_section .section_heading .heading {
        font-size: 18px;
        color: #5C27FA;
        font-weight: 700;
        margin-bottom: 8px
    }

    .atr_power_section .shadow-block {
        padding: var(--8X,32px)
    }

    .atr_power_section .shadow-block .feature_heading {
        margin-top: 16px;
        font-size: clamp(1.1875rem,0.7969rem + 1.25vw,1.75rem)
    }

    .atr_power_section .shadow-block .badge {
        color: #5A28FA;
        font-size: 16px;
        font-weight: 500;
        border-radius: 2em;
        background: rgba(90,40,250,0.08);
        padding: 8px 13px;
        margin-top: 8px
    }

    .atr_power_section .shadow-block .feature_subheading {
        margin: 24px 0 0
    }

    .atr_summit_info p {
        margin: 0
    }

    .atr_summit_img {
        margin: 0 0 -33px
    }

    .atr_summit_img img {
        filter: drop-shadow(0 0 60px rgba(0,0,0,0.16))
    }

    .atr_host_list {
        background: #FAFAFA;
        border-radius: 24px;
        overflow: hidden
    }

    .atr_host_list .info {
        padding: 29px
    }

    .atr_host_list .info .name {
        font-size: clamp(1.375rem,0.9063rem + 1.5vw,1.75rem);
        font-weight: 700;
        margin-bottom: 8px
    }

    .atr_host_list .info .position {
        font-size: clamp(1.0625rem,0.8281rem + 0.75vw,1.25rem)
    }

    .atr_host_list .info hr {
        margin: 1.5rem 0
    }

    .atr_host_list .info .about {
        line-height: 2
    }

    .atr_table .list-group-item:empty {
        padding: 0 !important
    }

    .atr_table .list-group-item {
        border-color: #f2f2f2
    }

    .atr_table .list-group-item .badge {
        color: #5A28FA;
        font-size: 1rem;
        border: 1px solid rgba(90,40,250,0.16);
        background: rgba(90,40,250,0.04);
        border-radius: 2em;
        margin: -5px 0
    }

    .atr_steps {
        background-size: 100%;
        background-repeat: no-repeat;
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 40px
    }

    .atr_steps.one {
        background-image: url(/themes/default/images/new/atarim-step-one.svg)
    }

    .atr_steps.two {
        background-image: url(/themes/default/images/new/atarim-step-two.svg)
    }

    .atr_steps.three {
        background-image: url(/themes/default/images/new/atarim-step-three.svg)
    }

    .atr_steps_innr {
        padding: 40px;
        display: flex;
        align-items: flex-start;
        gap: 40px
    }

    .atr_steps .number_prnt {
        flex: 0 0 auto;
        width: 19%;
        text-align: center;
        padding-inline-start:0px}

    .atr_steps .number_prnt .number {
        font-size: clamp(1.6875rem,1.2969rem + 1.25vw,2rem);
        color: #fff;
        font-weight: bold;
        border-radius: 50%;
        border: 1px solid rgba(255,255,255,0.40);
        display: flex;
        align-items: center;
        justify-content: center;
        width: 60px;
        aspect-ratio: 1;
        margin: 12px auto 0
    }

    .atr_steps .right_part {
        flex: 1 1 auto;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .atr_steps .right_part .info {
        max-width: 480px
    }

    .atr_steps .right_part h3 {
        font-size: clamp(1.5rem,0.875rem + 2vw,2rem);
        font-weight: bold;
        color: #fff;
        max-width: 380px
    }

    .atr_steps .right_part p {
        margin: 1rem 0 0;
        line-height: 2;
        color: #fff
    }

    .atr_steps .right_part img {
        flex: 0 0 auto
    }

    .atr_scroller_prnt {
        mask: none;
        margin: 0 !important
    }

    .atr_scroller {
        gap: 40px
    }

    .atr_scroller .scroller {
        overflow: visible;
        height: 64px
    }

    .atr_scroller .scroll-track {
        gap: 40px;
        padding-inline-end:40px}

    .atr_scroller .scroll-track li {
        border-radius: 16px;
        background: #FFF;
        box-shadow: 0 0 80px 0 rgba(0,0,0,0.16);
        border: 0;
        height: 64px;
        justify-content: center;
        padding: 2px 32px;
        flex: 0 0 auto
    }

    .atr_scroller .scroll-track li img {
        width: auto
    }

    .atr_main_cta {
        background-color: #FAFAFA;
        overflow: hidden;
        position: relative;
        border-radius: 24px;
        padding: 80px 16px;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='1520' height='680' viewBox='0 0 1520 680' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg filter='url(%23filter0_f_574_47274)'%3e%3crect x='17.2769' y='-623.763' width='1784.84' height='1653.33' transform='rotate(19.4779 17.2769 -623.763)' fill='url(%23paint0_linear_574_47274)'/%3e%3c/g%3e%3cg filter='url(%23filter1_f_574_47274)'%3e%3crect x='-1195.26' y='1639.38' width='1784.84' height='1653.33' transform='rotate(-120 -1195.26 1639.38)' fill='url(%23paint1_linear_574_47274)'/%3e%3c/g%3e%3cg filter='url(%23filter2_f_574_47274)'%3e%3crect x='1331.23' y='1035.1' width='1784.84' height='1653.33' transform='rotate(-71.3889 1331.23 1035.1)' fill='url(%23paint2_linear_574_47274)'/%3e%3c/g%3e%3cpath opacity='0.08' d='M1520 -5H0V685H1520V-5Z' fill='url(%23paint3_linear_574_47274)' style='mix-blend-mode:hard-light'/%3e%3cdefs%3e%3cfilter id='filter0_f_574_47274' x='-634.012' y='-723.763' width='2433.99' height='2353.85' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3e%3cfeGaussianBlur stdDeviation='50' result='effect1_foregroundBlur_574_47274'/%3e%3c/filter%3e%3cfilter id='filter1_f_574_47274' x='-2287.68' y='-933' width='2724.24' height='2772.38' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3e%3cfeGaussianBlur stdDeviation='100' result='effect1_foregroundBlur_574_47274'/%3e%3c/filter%3e%3cfilter id='filter2_f_574_47274' x='1131.23' y='-856.408' width='2536.49' height='2619.15' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3e%3cfeGaussianBlur stdDeviation='100' result='effect1_foregroundBlur_574_47274'/%3e%3c/filter%3e%3clinearGradient id='paint0_linear_574_47274' x1='909.698' y1='-623.763' x2='909.698' y2='1029.56' gradientUnits='userSpaceOnUse'%3e%3cstop offset='0.177117' stop-color='%23BBA4FF'/%3e%3cstop offset='0.75039' stop-color='%234E12FF'/%3e%3c/linearGradient%3e%3clinearGradient id='paint1_linear_574_47274' x1='-176.246' y1='2058.07' x2='-488.46' y2='1954.01' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23509DFD'/%3e%3cstop offset='1' stop-color='%23002BFF'/%3e%3c/linearGradient%3e%3clinearGradient id='paint2_linear_574_47274' x1='2350.24' y1='1453.78' x2='2038.03' y2='1349.73' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23509DFD'/%3e%3cstop offset='1' stop-color='%23002BFF'/%3e%3c/linearGradient%3e%3clinearGradient id='paint3_linear_574_47274' x1='279.563' y1='-17.5566' x2='1276.79' y2='937.41' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%2336363A'/%3e%3cstop offset='0.05' stop-color='%2339393D'/%3e%3cstop offset='0.09' stop-color='%23454548'/%3e%3cstop offset='0.13' stop-color='%2358585B'/%3e%3cstop offset='0.17' stop-color='%23737376'/%3e%3cstop offset='0.22' stop-color='%23969698'/%3e%3cstop offset='0.26' stop-color='%23C1C1C2'/%3e%3cstop offset='0.3' stop-color='%23F2F2F3'/%3e%3cstop offset='0.31' stop-color='white'/%3e%3cstop offset='0.36' stop-color='%23CCCCCD'/%3e%3cstop offset='0.46' stop-color='%235F5F63'/%3e%3cstop offset='0.49' stop-color='%23636367'/%3e%3cstop offset='0.51' stop-color='%23707074'/%3e%3cstop offset='0.54' stop-color='%23878789'/%3e%3cstop offset='0.56' stop-color='%2398989A'/%3e%3cstop offset='0.61' stop-color='%23A5A5A6'/%3e%3cstop offset='0.69' stop-color='%23C7C7C8'/%3e%3cstop offset='0.79' stop-color='white'/%3e%3cstop offset='0.81' stop-color='%23E2E2E3'/%3e%3cstop offset='0.87' stop-color='%2369696D'/%3e%3cstop offset='0.91' stop-color='%231D1D23'/%3e%3cstop offset='0.92' stop-color='%23000006'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        text-align: center
    }

    .atr_main_cta .section_title {
        max-width: 450px;
        margin: 0 auto;
        color: #fff
    }

    .atr_countdown {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 40px;
        text-align: center;
        margin: 80px 0
    }

    .atr_countdown > svg {
        margin-bottom: 52px
    }

    .atr_countdown .countdown-number {
        border-radius: 24px;
        background: #fff;
        min-width: 110px;
        aspect-ratio: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        color: #A180FF;
        font-size: clamp(2rem,-1.125rem + 10vw,4.5rem)
    }

    .atr_countdown .countdown-label {
        margin-top: 16px;
        color: #fff;
        font-size: clamp(1rem,0.375rem + 2vw,1.5rem);
        text-transform: capitalize
    }

    .atr_webinar_stats {
        border-radius: 24px;
        border: 1px solid var(--Neutral-100,#E6E6E6);
        padding: var(--8X,32px);
        display: flex;
        align-items: center;
        gap: 16px;
        justify-content: center
    }

    .atr_webinar_stats img {
        flex: 0 0 auto
    }

    .atr_webinar_stats div {
        font-weight: bold;
        font-size: clamp(1.375rem,0.5938rem + 2.5vw,2rem)
    }

    .atr_webinar_stats div span {
        font-weight: normal;
        font-size: 1rem
    }

    .uh_openclaw_banner_block {
        padding: 0;
        margin-inline-end:-50px;margin-top: -160px
    }

    .uh_openclaw_banner_block > .home_bnr_img img {
        mask: none;
        max-height: none
    }

    .uh_openclaw_discount {
        margin: 24px 0 10px;
        background: linear-gradient(90deg,#101010 0%,#162945 80%,#2d3a85 100%);
        border: 1px solid #2C2C2C;
        border-radius: 24px;
        padding: 24px;
        position: relative;
        overflow: hidden
    }

    .uh_openclaw_discount > img {
        position: absolute;
        inset-inline-end: 0;
        height: 100%
    }

    .uh_openclaw_discount .head {
        font-weight: 700;
        display: flex;
        align-items: center;
        gap: 6px;
        color: #FF3737;
        margin-bottom: 4px
    }

    .uh_openclaw_discount h5 {
        margin-bottom: 12px;
        font-weight: 700;
        letter-spacing: -2%;
        line-height: 1.3
    }

    .uh_openclaw_discount p {
        margin: 0;
        line-height: 1.6;
        opacity: 75%;
        font-size: 14px
    }

    .step_block.hover:hover {
        border-color: #7C33FF !important
    }

    .step_block.hover:hover .step_count {
        background: #7C33FF;
        color: #fff
    }

    .uh_openclaw_table .list-group-item {
        border: 0
    }

    .uh_openclaw_table .list-group-item {
        padding: 20px 40px
    }

    .uh_openclaw_table .list-group.text-first .list-group-item {
        gap: 16px;
        padding: 31px 50px
    }

    .uh_openclaw_table .list-group-item:not(.compare_plans_image) > img {
        filter: none !important
    }

    .uh_openclaw_table .highlight {
        padding: 20px 0;
        margin: 0;
        height: 100%
    }

    .uh_openclaw_table .highlight.main {
        background: linear-gradient(46deg,#5383ec 0%,#3d38ff 25%,#7355f8 75%,#a286f6 100%);
        border: 0
    }

    .uh_openclaw_table_hdr_empty {
        height: 128.8px
    }

    .uh_openclaw_table .uh_openclaw_table_hdr {
        padding-bottom: 60px
    }

    .uh_openclaw_table .list-group:not(.text-first):not(.empty) .list-group-item:not(.uh_openclaw_table_hdr) {
        padding-inline-start:76px}

    .uh_openclaw_table .list-group:not(.text-first):not(.empty) .list-group-item:not(.uh_openclaw_table_hdr):before {
        content: '';
        position: absolute;
        width: 20px;
        aspect-ratio: 1;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(/themes/default/images/openclaw/cross.svg);
        inset: 0;
        margin-inline-start:40px;margin-top: 25px
    }

    .uh_openclaw_table .highlight.main .list-group:not(.text-first):not(.empty) .list-group-item:not(.uh_openclaw_table_hdr):before {
        background-image: url(/themes/default/images/openclaw/check.svg)
    }

    .uh_openclaw_table .list-group-item span:not(.dim) {
        font-weight: 500
    }

    .uh_openclaw_table .list-group-item span.dim {
        opacity: 64%
    }

    .uh_openclaw_agents {
        text-align: center;
        background: rgb(255 255 255 / 8%);
        border: 1px solid rgb(255 255 255 / 16%);
        display: inline-block;
        padding: 0 16px;
        line-height: 44px;
        border-radius: 12px;
        font-size: 16px;
        max-width: none !important
    }

    .uh_openclaw_scroll {
        border: 1px solid rgb(255 255 255 / 12%);
        border-radius: 32px;
        overflow: hidden;
        padding: 80px 20px
    }

    .uh_openclaw_scroll .scroller-container-prnt {
        margin: 0
    }

    .uh_openclaw_scroll .scroller-container .scroller {
        height: 225px
    }

    .uh_openclaw_scroll .scroller-container .scroll-track .uh_content.flush {
        background: #1A1A1A;
        border: 0;
        border-radius: 24px;
        padding: 32px;
        width: 350px
    }

    .uh_openclaw_scroll .scroller-container .scroll-track .uh_content.flush h4 {
        white-space: normal;
        font-size: 22px
    }

    .uh_openclaw_scroll .scroller-container .scroll-track .uh_content.flush h4+div {
        white-space: normal
    }

    .section_openclaw {
        background: linear-gradient(60deg,#5735fb 0%,#457bff 25%,#457bff 75%,#5636fb 100%)
    }

    .uh_openclaw_table_prnt {
        border: 1px dashed rgb(255 255 255 / 20%);
        border-radius: 24px;
        padding: 20px
    }

    .uh_openclaw_table {
        white-space: normal
    }

    .step_block.inline {
        padding-top: 24px;
        padding-bottom: 24px
    }

    .step_block.inline .dot_pattern_content {
        flex-direction: row;
        gap: 16px;
        align-items: center
    }

    .step_block.inline .dot_pattern_content .step_count {
        flex: 0 0 auto
    }

    .step_block.inline .dot_pattern_content .feature_heading {
        margin: 0
    }

    .uh_openclaw_discount.hermes > img {
        top: 0
    }

    .uh_openclaw_discount.hermes .head {
        color: #FC9B01
    }

    .hermes_table {
        background: #232323
    }

    .hermes_support_block {
        padding: 0 75px 85px;
        gap: 24px
    }

    .hermes_support_block .uh_content {
        box-shadow: none
    }

    @media (min-width: 992px) {
        .g-lg-45 {
            --bs-gutter-y:2.5rem;
            --bs-gutter-x: 2.5rem
        }

        .game_price_roww .col-lg-3 {
            width: 33.33333333%
        }

        .games_list .col-md-3 {
            width: 20%
        }

        .game_price_player_col {
            margin-bottom: 0
        }

        .dhost_filter_block .colpse_innr::-webkit-scrollbar {
            width: 18px
        }

        .dhost_filter_block .colpse_innr::-webkit-scrollbar-track {
            background: transparent
        }

        .dhost_filter_block .colpse_innr::-webkit-scrollbar-thumb {
            background-color: #D9D9D9;
            border-radius: 20px;
            border: 6px solid transparent;
            background-clip: content-box
        }

        .dhost_filter_block .colpse_innr::-webkit-scrollbar-thumb:hover {
            background-color: #bfbfbf
        }

        .uh_comparison_section > .row > div:nth-child(2) {
            margin-top: -19px
        }

        .affiliate-sticky {
            top: 130px
        }

        .atr_hero_section {
            padding-top: 130px;
            padding-bottom: 130px
        }

        .atr_hero_section .col-lg-7 {
            width: 53.6%
        }

        .atr_hero_section .col-lg-5 {
            width: 46.4%
        }

        .navbar-expand-lg .navbar-collapse.collapsing {
            height: auto !important
        }
    }

    @media (min-width: 1200px) {
        .aff_hero_section {
            padding-top:110px;
            padding-bottom: 110px
        }

        .vps_hero_section {
            padding-top: 64px;
            padding-bottom: 64px
        }

        .uh_agency_table {
            overflow: visible
        }

        .row-cols-xl-8>* {
            flex: 0 0 auto;
            width: 12.5%
        }

        .modal-mxl {
            --bs-modal-width: 1020px
        }

        .uh_agency_table .col-xl-2 {
            width: 20%
        }

        .table_view_more_btn.gaming {
            padding: 160px 0 130px
        }

        .table_view_more_btn.gaming .btn {
            margin: 80px 0 -50px
        }
    }

    @media (min-width: 1650px) {
        .container-wide {
            max-width:1520px;
            max-width: 1490px
        }

        .btn-test {
            max-width: 170px;
            font-size: 18px;
            line-height: 58px;
            margin-inline-start:auto;display: block
        }

        .bento-max .bento_feat_img {
            max-height: 180px
        }
    }

    @media (max-width: 1700px) {
        .all_banner_block .mid_right_block,.uh_android_banner_block .top_right_block,.uh_ecom_banner_block .top_right_block {
            inset-inline-end:0
        }

        .sub_header_right .dropdown-menu {
            inset-inline-end: 0 !important
        }

        .sub_header_right .dropdown-menu:before {
            inset-inline-end: 20px
        }
    }

    @media (max-width: 1650px) {
        .uh_comparison_summary_prnt {
            max-width:850px
        }

        .vps_banner_block .top_left_block {
            top: 50px
        }

        .uh_openclaw_table .list-group.text-first .list-group-item {
            padding: 31px 20px
        }

        .uh_openclaw_table .list-group:not(.text-first):not(.empty) .list-group-item:not(.uh_openclaw_table_hdr) {
            padding-inline-start:66px}

        .uh_openclaw_table .list-group:not(.text-first):not(.empty) .list-group-item:not(.uh_openclaw_table_hdr):before {
            margin-inline-start:30px}
    }

    @media (max-width: 1470px) {
        .uh_dedi_plan_list .side_sec {
            margin-top:-12px
        }

        .atr_summit_img {
            margin: 0 0 -28px
        }
    }

    @media (max-width: 1400px) {
        .uh_afffs_header {
            background-size:contain;
            background-position: right top !important
        }

        .uh_domain_ext_choose_prnt {
            padding-top: 40px;
            padding-bottom: 40px
        }

        .uh_domain_ext_choose {
            position: relative
        }

        .uh_domain_ext_choose .domain_available_block {
            bottom: 200px;
            inset-inline-start: 90px
        }

        .uh_email_banner_block .email_summary_block {
            top: 30px
        }

        .uh_email_banner_block .email_ai_block {
            inset-inline-start: 30px
        }

        .game_adv_bg > img {
            max-width: 60%
        }

        .uh_comparison_summary_prnt {
            max-width: 730px
        }

        .vps_banner_block > div:not(.home_bnr_img) {
            transform: scale(0.7)
        }

        .atr_steps_innr {
            padding: 20px
        }

        .atr_summit_info {
            padding: 60px 0
        }

        .atr_summit_img {
            margin: 0 0 -25px
        }

        .uh_openclaw_table .list-group-item {
            padding: 20px
        }

        .uh_openclaw_table .list-group:not(.text-first):not(.empty) .list-group-item:not(.uh_openclaw_table_hdr) {
            padding-inline-start:56px}

        .uh_openclaw_table .list-group:not(.text-first):not(.empty) .list-group-item:not(.uh_openclaw_table_hdr):before {
            margin-inline-start:20px}

        .uh_openclaw_table .list-group.text-first .list-group-item {
            padding: 35px 20px
        }
    }

    @media (max-width: 1200px) {
        .hide_tab,.navbar .navbar-nav .nav-link svg {
            display:none
        }

        .navbar .navbar-nav .nav-link {
            padding: 22px 3px;
            font-size: 14px
        }

        .navbar .navbar-nav .nav-item {
            margin: 0 2px
        }

        .dng_domain_list > .row {
            flex-direction: column
        }

        .uh_hero_dots {
            inset-inline-start: 0;
            inset-inline-end: 0;
            transform: none;
            max-width: 100%;
            top: 0
        }

        .all_banner_block {
            transform: scale(0.7);
            transform-origin: 100% center
        }

        .uh_domains_block .top_right_block {
            top: 170px;
            inset-inline-end: 40px;
            transform: scale(0.7)
        }

        .uh_domains_block .bottom_left_block {
            transform: scale(0.7)
        }

        .uh_email_banner_block .email_ai_block {
            inset-inline-start: 0
        }

        .uh_email_banner_block .bottom_right_block {
            bottom: 30px
        }

        .uh_migration_banner_block .bottom_left_block {
            top: 80px;
            align-self: start
        }

        .uh_radio_banner_block .bottom_left_block,.uh_reseller_banner_block .bottom_left_block,.uh_shared_banner_block .bottom_left_block,.uh_vds_banner_block .bottom_left_block {
            inset-inline-end: 0
        }

        .pmethods_banner_block .top_left_block {
            top: 75px
        }

        .pmethods_banner_block .bottom_right_block {
            bottom: 135px
        }

        .comparison_banner_block .bottom_mid_block {
            padding-inline-start:40px}

        .uh_comparison_summary_prnt {
            max-width: 615px
        }

        .vps_banner_block .top_right_block {
            top: 80px
        }

        .vps_banner_block .top_left_block {
            top: -10px;
            inset-inline-end: -85px
        }

        .web_builder_creating_block {
            inset-inline-start: 20px;
            bottom: -80px
        }

        .uh_wp_banner_block > .home_bnr_img img {
            max-width: 635px
        }

        .mac_vps_banner_block {
            margin-inline-end:-85px}

        .mac_vps_banner_block .topp_right_block {
            top: 0px
        }

        .floating_cta {
            top: 109px
        }

        .uh_dedi_plan_list .points li {
            width: 50% !important
        }

        .uh_dedi_plan_list .points li:nth-child(1) {
            width: 100% !important;
            margin-bottom: 16px
        }

        .uh_dedi_plan_list .points li div {
            display: inline-block
        }

        .uh_dedi_plan_list .points li div:last-child {
            margin-inline-start:4px}

        .uh_dedi_plan_list .side_sec {
            margin-top: 10px
        }

        .gpu-select-block {
            margin-inline-start:0}

        .atr_steps_innr {
            padding: 0 20px;
            gap: 20px
        }

        .atr_steps .right_part img {
            max-width: 267px
        }

        .atr_summit_img {
            margin: 0 0 -20px
        }

        .uh_openclaw_table .list-group.text-first .list-group-item {
            padding: 42px 20px
        }
    }

    @media (max-width: 992px) {
        .uh_afffs_header {
            background-image:none !important
        }

        .aff_bento_test .letter img {
            width: 100%
        }

        .aff_dashboard.big {
            margin: 0
        }

        .aff_dashboard .uh_content {
            position: relative;
            inset: 0 !important;
            margin: -150px auto -50px
        }

        .uh_banner_block {
            padding: 0;
            margin: 40px 0 0 !important
        }

        .uh_banner_block > img {
            display: none
        }

        .all_banner_block {
            transform: scale(1);
            transform-origin: center !important
        }

        .all_banner_block .mid_left_block {
            display: none
        }

        .uh_price_plan {
            margin-bottom: 1.5rem
        }

        .uh_price_plan > .opacity-0 {
            display: none
        }

        .uh_price_plan .uh_content {
            height: 100%
        }

        .section_ecom_store {
            padding-bottom: 170px
        }

        .section_ecom_store .section_main {
            padding-top: 40px;
            padding-bottom: 40px
        }

        .section_ecom_store .uh_vds_powerful {
            margin-bottom: -120px;
            margin-inline-end:-300px;box-shadow: 0px 4px 60px 0px rgb(0 0 0 / 29%);
            margin-top: 30px
        }

        .career_test_info {
            padding: 40px 0
        }

        .uh_career_test_1 {
            margin-inline-end:0}

        .uh_career_detail {
            padding: 0 0
        }

        .uh_plans_deal_prnt {
            bottom: 20px;
            padding: 0 20px
        }

        .uh_socia_icons {
            gap: 9px
        }

        .uh_socia_icons a {
            width: 29px;
            height: 29px
        }

        .terms_links {
            gap: 10px 25px;
            padding: 20px 0
        }

        .foot_bottom {
            padding: 20px 0
        }

        #site-footer .navbar-brand img {
            max-width: 115px
        }

        footer.section_main {
            padding: 15px 10px
        }

        .mobi_footer .accordion-item {
            border: 0
        }

        .mobi_footer .accordion-item > h3 {
            font-weight: 700;
            font-size: 15px;
            margin: 0
        }

        .mobi_footer .accordion-item > h3 .accordion-button {
            padding: 10px 0;
            background: transparent
        }

        .mobi_footer .accordion-item .accordion-body {
            padding: 0
        }

        .mobi_footer .accordion-item .accordion-body ul {
            font-size: 14px;
            margin: 0
        }

        .mobi_footer .accordion-item .accordion-body ul li {
            padding-top: 12px
        }

        .mobi_footer .accordion-item .accordion-body ul li a {
            opacity: .75;
            color: #212529
        }

        .mobi_footer .accordion-item .accordion-body ul .ask_ultaai,.mobi_footer .accordion-item .accordion-body ul .bg-sun {
            font-size: 13px;
            margin: -4.5px 0;
            border-radius: 2em;
            padding: 4.5px 10px;
            font-weight: 500;
            flex: 0 0 auto
        }

        .mobi_footer .accordion-item .accordion-body ul .ask_ultaai:before {
            content: '';
            background-image: url('/themes/default/images/home/svg/ultaai.svg');
            background-size: contain;
            background-repeat: no-repeat;
            width: 16px;
            height: 16px;
            display: inline-block
        }

        .sub_header_innr {
            justify-content: center
        }

        .sub_header_innr .announcement-element {
            display: none
        }

        .navbar {
            padding: 12px 0
        }

        .navbar .btn-dark {
            line-height: 40px;
            padding: 0 16px;
            border-radius: 7px
        }

        .navbar .navbar-toggler {
            border-radius: 7px;
            padding: 4px;
            margin-inline-start:16px;box-shadow: none !important
        }

        .navbar .navbar-brand img {
            max-width: 135px
        }

        .navbar-collapse {
            margin-top: 20px;
            max-height: calc(100svh - 113px);
            overflow: hidden;
            overflow-y: auto
        }

        .navbar .navbar-nav .nav-item {
            margin: 0
        }

        .navbar .navbar-nav .nav-link {
            padding: 7px 0;
            border: 0
        }

        .navbar .navbar-nav .nav-link svg {
            display: block;
            margin-inline-start:auto}

        .uh_full_menu_innr > .container {
            padding: 0
        }

        .uh_full_menu_innr .dropdown-item {
            margin-top: 25px;
            padding: 0
        }

        .uh_full_menu_innr .col-xl-4 > img {
            display: none
        }

        .uh_full_menu_innr h5 {
            margin-top: 10px;
            padding: 0
        }

        .sub_header_right button[data-bs-toggle="dropdown"] {
            position: relative
        }

        .sub_header_right button.show[data-bs-toggle="dropdown"]:after {
            content: "";
            position: absolute;
            top: 11px;
            width: 18px;
            inset-inline-start: calc(50% - 10px);
            border: 9px solid transparent;
            border-bottom: 12px solid #fff
        }

        .sub_header_right .dropdown-menu {
            position: fixed !important;
            left: 0 !important;
            right: 0 !important;
            max-width: none;
            border-radius: 0 0 16px 16px;
            transform: none !important;
            top: 33px !important
        }

        .sub_header_right .dropdown-menu:before {
            display: none
        }

        .sub_header_right .dropdown-menu > ul li {
            width: calc(100% / 2 - 11px)
        }

        .uh_crm_banner_block .top_right_block {
            inset-inline-end: 0
        }

        .uh_domains_ext_block .top_right_block,.uh_email_banner_block .email_summary_block,.uh_email_banner_block .bottom_right_block {
            inset: 0
        }

        .uh_domains_ext_block .bottom_left_block {
            inset: 0;
            z-index: 3
        }

        .uh_domains_block .top_right_block {
            top: 200px;
            inset-inline-end: 60px
        }

        .uh_banner_block.home .top_right_block {
            display: none
        }

        .uh_banner_block.home .top_left_block {
            grid-area: auto;
            inset-inline-end: auto;
            top: auto;
            width: 100%;
            margin-top: -130px;
            z-index: 3
        }

        .uh_banner_block.home > .home_bnr_img,.uh_banner_block.home > img {
            grid-area: auto
        }

        .uh_banner_block.home .bottom_right_block {
            grid-area: auto;
            bottom: auto;
            width: 100%;
            inset: 0
        }

        .uh_banner_block.home .bottom_right_block > svg,.uh_banner_block.home .top_left_block > svg {
            display: none
        }

        .uh_banner_block.home .bottom_right_block .uh_content {
            max-width: none
        }

        .uh_banner_block.home .top_left_block > .uh_content {
            box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 8%);
            width: 100%
        }

        .uh_domain_tableprice {
            white-space: nowrap
        }

        .vps_bottom_right_block {
            display: none
        }

        .vps_bottom_left_block {
            left: auto;
            right: auto;
            bottom: auto;
            width: 100%;
            grid-area: auto
        }

        .vps_bottom_left_block .uh_content .innr {
            justify-content: space-between
        }

        .vps_top_left_block {
            left: auto;
            right: auto;
            width: 100%;
            margin-bottom: 30px;
            top: auto
        }

        .vps_top_left_block .uh_content {
            flex-direction: row;
            flex-wrap: wrap
        }

        .vps_top_left_block .uh_content .ico {
            min-width: 60px;
            flex: 1
        }

        .both_vps_tabs {
            margin: -40px 0 40px
        }

        .scroller-container-prnt {
            margin: 0 -22px;
            mask-image: none
        }

        .scroller-container,.scroller-container .scroll-track {
            gap: 16px
        }

        .scroller-container .scroller {
            height: 54px
        }

        .scroller-container .scroll-track li {
            padding: 14px;
            border-radius: 14px
        }

        .uh_review_btns {
            justify-content: center
        }

        .uh_shared_powerful {
            margin-top: 50px
        }

        .uh_comparison_summary_section > img {
            display: none
        }

        .uh_comparison_summary_prnt {
            max-width: 100%;
            padding: 0
        }

        .uh_comparison_summary {
            max-width: 100%;
            box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 6%);
            padding: 24px;
            background: var(--Neutral-50,#FFF)
        }

        .uh_vds_powerful.mobi {
            margin-inline-end:0}

        .uh_vds_powerful.mobi .uh_three_server_blocks {
            inset-inline-start: 0px;
            bottom: 30px;
            transform: scale(0.8)
        }

        .uh_vps_country_block .global_servers_block {
            transform: scale(0.8);
            margin-inline-end:10px;top: 0px
        }

        .section_ecom_store:has(.web_builder_creating_block) {
            margin-bottom: -50px
        }

        .web_builder_creating_block {
            bottom: 0px
        }

        .uh_web_builder_n .innr {
            margin-bottom: -80px;
            box-shadow: 0px 4px 40px 0px rgb(0 0 0 / 29%)
        }

        .floating_cta {
            top: 106px
        }

        .web_host_builder_img {
            margin-bottom: -40px;
            margin-top: 0px
        }

        .uh_dedi_plan_list .side_sec {
            justify-content: space-between;
            flex-direction: row-reverse;
            margin-top: 26px
        }

        .atr_main_cta {
            padding: 40px 16px
        }

        .atr_countdown {
            gap: 20px;
            margin: 40px 0
        }

        .atr_scroller .scroller {
            height: 55px
        }

        .atr_scroller,.atr_scroller .scroll-track {
            gap: 22px
        }

        .atr_scroller .scroll-track li {
            padding: 2px 24px;
            height: 55px;
            box-shadow: 0 0 40px 0 rgb(0 0 0 / 10%)
        }

        .atr_steps {
            margin-bottom: 32px
        }

        .atr_steps.one {
            background-image: url(/themes/default/images/new/atarim-step-one-mobi.svg)
        }

        .atr_steps.two {
            background-image: url(/themes/default/images/new/atarim-step-one-mobi.svg)
        }

        .atr_steps.three {
            background-image: url(/themes/default/images/new/atarim-step-three-mobi.svg)
        }

        .atr_steps_innr,.atr_steps .right_part {
            flex-direction: column
        }

        .atr_steps_innr {
            padding: 23px;
            gap: 75px
        }

        .atr_steps .number_prnt {
            width: 100%;
            text-align: start
        }

        .atr_steps .number_prnt .number {
            margin: 13px 0 0
        }

        .atr_steps .right_part img {
            max-width: 100%;
            margin-top: 8px
        }

        .atr_summit_img {
            margin: 0 0 -32px
        }

        .uh_openclaw_table .list-group.text-first .list-group-item {
            padding: 27px 20px
        }

        .uh_openclaw_table_hdr_empty {
            height: 90px
        }
    }

    @media (max-width: 768px) {
        .btn.btn-lg {
            line-height:52px;
            font-size: 16px;
            padding: 0 30px
        }

        .mobi_w-100 {
            width: 100%
        }

        .brands_marquee_innr img {
            margin: 0 10px;
            max-height: 18px
        }

        .uh_table_comparison {
            font-size: 14px
        }

        .section_hero:not(.career):before,.section_hero:not(.career):after,.hero_left_star,.hero_right_star {
            top: 0;
            max-width: 70vw
        }

        .uh_not_found_elements > div {
            transform: scale(0.6) !important
        }

        .uh_not_found_elements .vds_speed_block {
            inset-inline-start: 10vw
        }

        .terms-section {
            padding: 20px 10px
        }

        .hero_reviews {
            margin: 40px auto 0
        }

        .hero_reviews .item {
            padding: 0 10px
        }

        .aff_bento_test {
            padding: 26px
        }

        .aff_bento_test .letter {
            margin: 0 -26px
        }

        .aff_bento_test .vpopuplink img {
            max-width: 60px
        }

        .aff_dashboard .uh_content {
            transform: scale(0.8);
            transform-origin: bottom
        }

        .uh_agency_table_hdr_empty {
            height: 208.14px
        }

        .terms-sidebar-links {
            padding: 28px 28px 13px
        }

        .uh_android_banner_block > div:not(.home_bnr_img) {
            transform: scale(0.7);
            inset: 0
        }

        .uh_android_banner_block .mid_left_block {
            inset-inline-end: 0px
        }

        .uh_wp_benefits .col-md-6 {
            border: 0;
            border-bottom: 1px solid rgb(255 255 255 / 20%)
        }

        .windows_support_block,.vds_support_block,.domains_support_block,.envato_support_block,.game_support_block,.support_block,.hermes_support_block {
            padding: 0 30px 30px
        }

        .uh_agency_sign {
            padding: 22px
        }

        .border_section {
            padding: 15px
        }

        .popular_block {
            margin-top: 0
        }

        .section_main {
            padding: 30px 10px
        }

        .navbar .navbar-brand img {
            max-width: 120px
        }

        .navbar {
            padding: 9px 0
        }

        .sub_header {
            font-size: 13px;
            padding: 7px 0
        }

        .sub_header_right .dropdown-menu {
            margin-top: 5px !important;
            top: 29px !important
        }

        .sub_header_right .dropdown-menu > h3 {
            padding: 14px
        }

        .sub_header_right .dropdown-menu .search {
            padding: 0 14px 14px
        }

        .sub_header_right .dropdown-menu > ul {
            gap: 4px;
            padding: 0 8px 14px
        }

        .sub_header_right .dropdown-menu > ul li {
            width: 100%
        }

        .sub_header_right .dropdown-menu > ul > li > span {
            padding: 8px
        }

        .navbar .btn-dark {
            line-height: 36px
        }

        .navbar .navbar-toggler {
            padding: 2px
        }

        .uh_plans_deal {
            padding-inline-start:12px;flex-wrap: wrap;
            position: relative
        }

        .uh_plans_deal .btn.close {
            position: absolute;
            inset-inline-end: 12px;
            top: 12px;
            width: 38px;
            height: 38px
        }

        .uh_crm_banner_block > div:not(.home_bnr_img),.uh_data_center_banner_block > div:not(.home_bnr_img),.uh_dedi_banner_block > div:not(.home_bnr_img),.uh_domains_ext_block > div:not(.home_bnr_img),.uh_ecom_banner_block > div:not(.home_bnr_img),.uh_email_banner_block > div:not(.home_bnr_img),.uh_envato_banner_block > div:not(.home_bnr_img),.forex_banner_block > div:not(.home_bnr_img),.uh_migration_banner_block > div:not(.home_bnr_img),.uh_game_banner_block > div:not(.home_bnr_img),.uh_game_page_banner_block > div:not(.home_bnr_img),.uh_radio_banner_block > div:not(.home_bnr_img),.uh_reseller_banner_block > div:not(.home_bnr_img),.uh_shared_banner_block > div:not(.home_bnr_img),.uh_social_banner_block > div:not(.home_bnr_img),.uh_ssl_banner_block > div:not(.home_bnr_img),.comparison_banner_block > div:not(.home_bnr_img),.uh_vds_banner_block > div:not(.home_bnr_img),.vps_banner_block > div:not(.home_bnr_img),.uh_n8n_banner_block > div:not(.home_bnr_img),.uh_windows_banner_block > div:not(.home_bnr_img),.uh_wp_banner_block > div:not(.home_bnr_img),.mac_vps_banner_block > div:not(.home_bnr_img),.web_host_banner_block > div:not(.home_bnr_img) {
            transform: scale(0.7) !important;
            inset: 0
        }

        .vds_server_banner {
            padding: 24px
        }

        .vds_server_banner .innr img,.floating_cta .vds_server_banner .innr > span {
            margin-top: 0
        }

        .vds_server_banner .cta_side_wdget {
            max-width: none;
            display: block;
            width: 100%
        }

        .featuers_section_img > div {
            transform: scale(0.7);
            margin: -30px
        }

        .featuers_section_img .dedi_server_block_prnt {
            margin: 0;
            transform: scale(0.6)
        }

        .featuers_section_info .features {
            gap: 12px;
            row-gap: 7px
        }

        .featuers_section_img .domain_ai_list_block {
            margin: 0;
            top: 0;
            inset-inline-end: 0
        }

        .featuers_section_img .domain_dns_sugg_block {
            margin: 0;
            bottom: 0;
            inset-inline-start: 0px
        }

        .uh_domain_ext_search {
            height: auto
        }

        .uh_dom_ext_prices .list .info {
            border-bottom: 1px solid rgb(0 0 0 / 10%)
        }

        .uh_dom_ext_prices .list .col:first-child {
            border: 0
        }

        .uh_domain_ext_choose {
            inset-inline-end: -22px
        }

        .uh_domain_ext_choose .domain_available_block {
            transform: scale(0.7);
            bottom: 70px;
            inset-inline-start: -20px
        }

        .uh_domain_ai_search.mobi {
            position: relative;
            margin-bottom: 80px
        }

        .uh_domain_ai_search.mobi .btn-opts {
            position: absolute;
            bottom: -60px;
            left: 0;
            right: 0
        }

        .uh_domains_block .top_right_block {
            top: 40%;
            inset-inline-end: 8px;
            font-size: 0
        }

        .uh_domains_block .bottom_left_block {
            inset: 0
        }

        .cus_selects .bg-white > .dropdown-menu {
            box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 14%)
        }

        .uh_email_tab_feature .featuers_section_info {
            padding: 24px
        }

        .uh_email_tab_hr {
            margin: 30px 0
        }

        .featuers_section_img .email_summary_block {
            top: 20px;
            inset-inline-start: 20px
        }

        .featuers_section_img .email_ai_block {
            bottom: 30px
        }

        .forex_banner_block .mid_left_block {
            margin: 30px
        }

        .featuers_section_img .game_mods_block {
            transform: scale(0.7) translate(-50%,-50%)
        }

        .uh_domain_tab_prnt {
            margin: 23px 0
        }

        .uh_domain_tab_prnt > .nav-tabs {
            display: none
        }

        .uh_domain_tab_ul .nav-link {
            font-size: 13px;
            padding: 10px 13px
        }

        .uh_domain_search {
            padding: 5px
        }

        .uh_domain_search input {
            font-size: 14px
        }

        .uh_domain_search .btn {
            padding: 0 20px;
            line-height: 42px
        }

        .host_advice .excellent+.vr {
            display: none
        }

        .featuers_section_img.domain_transfer {
            padding-top: 30px;
            padding-left: 30px
        }

        .domain_transfer_block {
            max-width: 250px
        }

        .domain_transfer_block .uh_content {
            padding: 15px
        }

        .domain_management_block {
            padding: 30px 0px
        }

        .uh_subdom_feature .line_bottom {
            gap: 130px
        }

        .uh_domain_tableprice .dtHeader .dataTables_filter,.uh_domain_tableprice .dtHeader .cus_selects,.uh_domain_tableprice .dtHeader .dataTables_filter label,.uh_domain_tableprice .dtHeader .dataTables_filter label input {
            width: 100%
        }

        .cus_selects .bg-white#category {
            max-width: none
        }

        .feature_subheading {
            margin-bottom: 30px
        }

        .uh_domain_benefits hr {
            display: none
        }

        .dng_domain_list .name,.dng_domain_list .name_prnt {
            margin-bottom: 20px
        }

        .dng_domain_list .name_prnt .name {
            margin: 0
        }

        .domain_result_match .domain_list_innr,.domain_result_bundle .domain_list_innr,.domain_result_nofound .domain_list_innr {
            padding: 20px
        }

        .uh_broker_details .modal-body {
            padding: 20px
        }

        .uh_broker_details .modal-footer {
            padding: 0 20px 20px
        }

        .cart-section {
            padding: 10px 0
        }

        .cart-section-inner {
            flex-direction: column;
            gap: 15px
        }

        .cart-section-inner > div {
            width: 100%
        }

        .domn_cart_btn {
            flex: 1 1 auto
        }

        .cart-section-inner > .dropup {
            flex-direction: row;
            align-items: center
        }

        .cart-section-inner > .dropup .text-muted {
            margin: 0
        }

        .vps_reliable_block .start {
            max-width: 240px;
            top: 33px;
            left: -20px;
            transform: scale(.7)
        }

        .vps_reliable_block .end {
            transform: scale(.5);
            top: -30px;
            right: -5px
        }

        .seo_rank_block .uh_content {
            transform: scale(.6);
            top: 0
        }

        .global_server_block {
            margin: 0 -20px
        }

        .global_server_block > img {
            height: 170px;
            object-fit: cover
        }

        .global_server_block .uh_content {
            transform: scale(.7)
        }

        .vps_security_block {
            padding-top: 70px
        }

        .vps_security_block .malware {
            top: -50px;
            left: 9%
        }

        .vps_security_block .shield {
            bottom: 30px;
            right: 30px
        }

        .game_adv_bg > img {
            display: none
        }

        .uh_game_page_banner_block .game_image {
            padding-top: 7%;
            padding-bottom: 0;
            padding-inline-start:12.5%;padding-inline-end:0;margin-inline-end:-25px}

        .featuers_section_img > .uh_home_feature-1 {
            transform: scale(0.6)
        }

        .pmethods_banner_block .top_left_block,.pmethods_banner_block .bottom_right_block {
            inset: 0;
            transform: scale(0.7)
        }

        .uh_abuse_content {
            padding: 24px
        }

        .uh_plan_desc {
            min-height: auto;
            margin-bottom: 24px
        }

        .featuers_section_img .shared_control_block {
            transform: scale(0.7) translate(-50%,-50%)
        }

        .featuers_section_img .shared_monitor_block {
            top: 50px;
            inset-inline-start: 40px
        }

        .featuers_section_img .shared_protect_block {
            bottom: 50px;
            inset-inline-end: 50px
        }

        .uh_shared_powerful {
            padding: 50px 30px 0;
            margin-top: 20px
        }

        .uh_shared_powerful .uh_three_server_blocks {
            margin: auto;
            padding: 0 10px
        }

        .uh_testimonials .uh_content {
            padding: 24px !important
        }

        .uh_testimonials .uh_content > img {
            margin-bottom: 6px
        }

        .ssc_status.good {
            padding: 24px
        }

        .ssc_status_table div {
            display: block
        }

        .ssc_status_table h6,.ssc_status_table p {
            display: block;
            width: 100%;
            border: 0
        }

        .featuers_section_img .ssl_checker_safe_block {
            bottom: 30px
        }

        .featuers_section_img .ssl_checker_domain_available_block {
            top: 50px;
            inset-inline-start: 40px
        }

        .featuers_section_img .ssl_checker_transferred_block {
            inset-inline-end: 30px
        }

        .uh_comparison_x .uh_table_comparison {
            width: max-content
        }

        .featuers_section_img .vds_speed_block {
            top: 40px
        }

        .featuers_section_img .vds_uptime_block {
            inset-inline-start: 40px
        }

        .featuers_section_img .vds_protect_block {
            top: 60px;
            inset-inline-end: 60px
        }

        .featuers_section_img .vds_server_block {
            bottom: 60px;
            inset-inline-start: 50px
        }

        .featuers_section_info .features > div:not(:last-child):after {
            display: none
        }

        .uh_vds_powerful.mobi {
            margin-inline-end:-90px}

        .uh_vds_powerful.mobi .uh_three_server_blocks {
            inset-inline-start: -20px;
            bottom: -20px;
            transform: scale(0.6)
        }

        .vps_banner_block .top_right_block,.vps_banner_block .top_left_block:not(.isp) {
            display: none
        }

        .uh_n8n_marquee > img {
            max-height: 380px
        }

        .webinar_details .second {
            border: 0;
            border-top: 1px solid var(--Neutral-100,#E6E6E6);
            border-bottom: 1px solid var(--Neutral-100,#E6E6E6);
            padding-bottom: var(--bs-gutter-y);
            padding-top: var(--bs-gutter-y)
        }

        .uh_webinar_container hr {
            margin: 30px 0
        }

        .webinar_speaker {
            flex-direction: column;
            text-align: center;
            gap: 24px;
            padding: 24px
        }

        .uh_webinar_hero_container > img {
            margin-top: -70px;
            margin-bottom: -30px
        }

        .uh_web_builder_hero {
            margin: 0px 0 -30px
        }

        .section_web_builder .brands_marquee {
            margin: 50px -10px 0
        }

        .section_web_builder .brands_marquee_innr img {
            margin: 0 15px;
            border-radius: 12px;
            max-height: 130px
        }

        .web_builder_creating_block {
            transform: scale(0.7);
            margin: -30px
        }

        .featuers_section_img .domain_whois_info_block {
            inset-inline-start: 40px;
            top: 40px
        }

        .featuers_section_img .domain_whois_list_block {
            inset-inline-end: auto;
            inset-inline-start: -10px
        }

        .featuers_section_img .domain_whois_sugg_block {
            bottom: 40px;
            inset-inline-end: 40px
        }

        .featuers_section_img .windows_server_block {
            bottom: auto;
            top: 40px;
            inset-inline-start: auto;
            inset-inline-end: 40px
        }

        .featuers_section_img .windows_managed_block {
            bottom: 40px;
            inset-inline-start: 40px
        }

        .featuers_section_img .windows_speed_block {
            inset-inline-start: 50px;
            top: auto;
            bottom: 50px
        }

        .uh_windows_os.m {
            margin: 30px 0
        }

        .uh_windows_os.first {
            margin-top: -30px
        }

        .uh_windows_os.last {
            margin-bottom: -20px
        }

        .uh_wp_banner_block > .home_bnr_img img {
            max-width: 100%
        }

        .uh_wp_banner_block .top_left_block {
            top: -70px !important;
            inset-inline-start: -30px !important
        }

        .uh_wp_banner_block .bottom_mid_block {
            transform: scale(0.6)
        }

        .blue_ribbon.heading,.violet_ribbon.heading,.gray_ribbon {
            font-size: 12px
        }

        .bottomToTop {
            width: 48px;
            height: 48px;
            inset-inline-end: 16px;
            bottom: 100px
        }

        .cookie-bar {
            bottom: 15px
        }

        .uh_cookie_bar {
            align-items: flex-start
        }

        .uh_cookie_bar > img {
            margin-top: 8px
        }

        .uh_cookie_bar .cookie-bar-info {
            flex-direction: column;
            align-items: flex-start
        }

        .uh_cookie_bar .cookie-bar-info-btns {
            flex: 1 1 auto;
            width: 100%
        }

        .uh_cookie_bar .btn-violet {
            flex: 1 1 auto
        }

        .mac_vps_banner_block > .home_bnr_img {
            transform: scale(1.2)
        }

        .mac_vps_banner_block .topp_right_block {
            display: none
        }

        .host_advice .vr {
            display: none
        }

        .vps_banner_block .top_left_block.isp.php {
            justify-self: start;
            top: 30px;
            z-index: 3
        }

        .uh_sitemap_list {
            margin-top: 25px
        }

        .uh_sitemap_list ul {
            gap: 12px
        }

        .uh_sitemap_list ul li a {
            line-height: 38px;
            padding: 0 16px;
            border-radius: 8px;
            font-size: 14px
        }

        .uh_main_cta {
            border-radius: 12px
        }

        .uh_main_cta h5.fw-bold {
            font-size: 14px;
            font-weight: 500 !important
        }

        .uh_main_cta h2.section_title {
            font-size: 20px
        }

        .uh_main_cta .cta_side_wdget {
            max-width: none;
            display: block
        }

        .uh_main_cta .cta_side_wdget .btn {
            line-height: 54px
        }

        .uh_main_cta .cta_side_wdget .flex-center,.mbgurantee-white {
            font-size: 14px
        }

        .accordion {
            --bs-accordion-btn-icon-width: 16px
        }

        .terms_links {
            gap: 10px 20px;
            padding: 18px 0
        }

        .foot_hover_links div a,.foot_bottom .copyright {
            font-size: 14px
        }

        .pay_icons span {
            width: 40px;
            height: 26px
        }

        .section_subtitle {
            line-height: 1.8
        }

        .accordion-button {
            padding: 16px
        }

        .uh_or {
            padding: 20px 0
        }

        .ai_faq_widget {
            box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 8%)
        }

        .section_heading {
            margin: 0 auto 30px
        }

        .section_main .shadow-block:has([data-bs-target=".multi-collapse"]) {
            padding: 4px
        }

        .use_cases,.use_benefits {
            font-size: 14px;
            margin-bottom: 0;
            margin-top: 0.5rem
        }

        .vps_use_cases_title {
            margin-top: 8px;
            font-size: 16px
        }

        .tab-content .uh_content.flush {
            padding: 24px
        }

        .uh_wp_benefits .head {
            padding: 16px 18px
        }

        .uh_wp_benefits .list-unstyled {
            padding: 16px 18px;
            gap: 14px;
            font-size: 14px
        }

        .bento_feat p {
            margin-bottom: 0px;
            line-height: 1.8;
            font-size: 14px
        }

        .uh_dedi_plan_fitlers.mt {
            margin-top: 0
        }

        .both_vps_tabs {
            margin: 0px 0 30px
        }

        .uh_price_plan .spHead {
            padding: 16px
        }

        .uh_price_plan .spFooter {
            padding: 0 16px 16px
        }

        .uh_price_plan .spBody {
            padding: 16px
        }

        .uh_price_plan .price_collapse {
            margin-top: -8px
        }

        .uh_plan_name {
            line-height: 1.8;
            margin-bottom: 3px
        }

        .uh_price_plan .spFooter .btn {
            line-height: 52px
        }

        .quad_switch,.vps-tabs {
            padding: 4px
        }

        .host_advice {
            font-size: 14px
        }

        .hero_subheading {
            line-height: 1.8
        }

        .home_hero_price.less {
            margin-top: 32px
        }

        .floating_cta {
            top: 88px
        }

        .offer_header .offer_header_text {
            padding: 9px 10px;
            mask: none
        }

        .floating_cta .vds_server_banner .innr {
            align-items: center
        }

        .domain_ai_result {
            padding: 16px
        }

        .domain_result_deal .innr {
            padding: 24px
        }

        .domain_result_swtich .dropdown {
            padding: 4px;
            padding-inline-start:0}

        .web_host_banner_block .bottom_left_block {
            display: none
        }

        .uh_dedi_plan_filter .innr {
            gap: 8px
        }

        .uh_dedi_plan_list .plan-div {
            padding: 16px
        }

        .uh_dedi_plan_list .points {
            gap: 10px
        }

        .uh_dedi_plan_list .points li {
            width: 100% !important
        }

        .uh_dedi_plan_list .points li:nth-child(1) {
            margin-bottom: 0px
        }

        .uh_dedi_plan_list .points li:has( > img[alt="intel.svg"]),.uh_dedi_plan_list .points li:has( > img[alt="amd.png"]) {
            padding-inline-start:45px}

        .uh_dedi_plan_list .points li > img[alt="intel.svg"],.uh_dedi_plan_list .points li > img[alt="amd.png"] {
            inset-inline-start: 8px
        }

        .uh_dedi_plan_list .points li:nth-child(2) div:last-of-type {
            display: inline-block
        }

        .uh_dedi_plan_list .points li div:last-child {
            margin-inline-start:2px}

        .uh_dedi_plan_list .side_sec {
            flex-direction: column;
            justify-content: flex-start;
            align-items: normal;
            text-align: start;
            gap: 26px
        }

        .uh_dedi_plan_list .uh_badge {
            display: inline-block
        }

        .uh_dedi_plan_list .uh_plan_price {
            font-size: 15px;
            display: block
        }

        .uh_dedi_plan_list .uh_plan_price b {
            font-size: clamp(1.375rem,0.2813rem + 3.5vw,2.25rem)
        }

        .uh_dedi_plan_list .mobie_price_flex {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            flex-wrap: wrap;
            gap: 8px
        }

        .atr_countdown {
            gap: 10px;
            margin: 30px 0
        }

        .atr_countdown > svg {
            margin-bottom: 37px;
            width: 5px;
            height: auto
        }

        .atr_countdown .countdown-number {
            border-radius: 9px;
            min-width: 55px;
            font-size: 32px
        }

        .atr_countdown .countdown-label {
            font-size: 14px
        }

        .atr_steps_innr {
            gap: 120px
        }

        .atr_steps .number_prnt .number {
            margin: 50px 0 0
        }

        .atr_summit_info {
            padding: 40px 10px
        }

        .atr_summit_img {
            margin: 0 0 -23px
        }

        .uh_openclaw_table .list-group.text-first .list-group-item {
            padding: 30px 17px
        }

        .uh_openclaw_scroll {
            padding: 20px
        }

        .uh_openclaw_scroll .scroller-container-prnt {
            mask-image: linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent 100%)
        }

        .uh_openclaw_table_hdr_empty {
            height: 80px
        }

        .uh_openclaw_discount.hermes > img {
            top: auto;
            height: auto
        }
    }

    @media (max-width: 450px) {
        .atr_steps {
            background-size:contain
        }

        .atr_steps.one,.atr_steps.two,.atr_steps.three {
            background-image: url(/themes/default/images/new/atarim-step-three-mobi.svg)
        }

        .atr_steps .number_prnt .number {
            margin: 20px 0 0
        }

        .atr_steps_innr {
            gap: 100px
        }

        .atr_summit_img {
            margin: 0 0 -18px
        }

        .uh_openclaw_table .list-group.text-first .list-group-item {
            padding: 36px 17px
        }
    }

/* ===== style-04.css ===== */
/* ============================================================
     ⚙️ এখান থেকে সব রং/সাইজ কন্ট্রোল করুন (CSS ভ্যারিয়েবল)
     ============================================================ */
  .srh-page{
    --bg-1:#eef1fb;
    --bg-2:#e3e0f9;
    --ink:#0f1130;
    --blue-1:#3b5bf5;
    --blue-2:#7c5cf7;
    --card-bg:#ffffff;
    --card-shadow:0 20px 45px rgba(30,30,90,.14);
    --green:#22c55e;
    --muted:#5c6079;
    --radius:18px;
    --font-display:'Poppins',ui-sans-serif,system-ui,sans-serif;
    --font-body:'Inter',ui-sans-serif,system-ui,sans-serif;
  }

  .srh-page,.srh-page *{box-sizing:border-box;}
  .srh-page{
    margin:0;
    font-family:var(--font-body);
    background:linear-gradient(135deg,var(--bg-1),var(--bg-2));
    color:var(--ink);
    min-height:100vh;
    display:flex;
    align-items:center;
    padding:40px 24px;
  }

  .srh-hero{
    max-width:1280px;
    margin:0 auto;
    width:100%;
    display:grid;
    grid-template-columns:1.05fr 1fr;
    gap:40px;
    align-items:center;
  }

  /* ---------- বাম পাশ: টেক্সট ---------- */
  .srh-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#fff;
    padding:8px 18px;
    border-radius:999px;
    font-size:13px;
    font-weight:600;
    color:var(--blue-1);
    box-shadow:0 6px 18px rgba(60,60,140,.10);
    letter-spacing:.02em;
  }
  .srh-badge .srh-dot{
    width:8px;height:8px;border-radius:50%;
    background:var(--blue-1);
    box-shadow:0 0 0 4px rgba(59,91,245,.18);
  }

  .srh-page h1{
    font-family:var(--font-display);
    font-size:clamp(32px,4.2vw,54px);
    line-height:1.08;
    font-weight:700;
    margin:20px 0 18px;
  }
  .srh-page h1 .srh-grad{
    background:linear-gradient(90deg,var(--blue-1),var(--blue-2));
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
  }

  .srh-lede{
    color:var(--muted);
    font-size:16.5px;
    line-height:1.7;
    max-width:560px;
    margin-bottom:26px;
  }

  .srh-features{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px 24px;
    margin-bottom:26px;
    max-width:520px;
  }
  .srh-feature{
    display:flex;
    align-items:center;
    gap:10px;
    font-weight:600;
    font-size:14.5px;
  }
  .srh-feature .srh-check{
    width:22px;height:22px;border-radius:50%;
    background:var(--blue-1);
    color:#fff;
    display:flex;align-items:center;justify-content:center;
    font-size:12px;
    flex:none;
  }

  .srh-price-row{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:10px;
  }
  .srh-price-label{font-size:13px;color:var(--muted);}
  .srh-price{
    font-family:var(--font-display);
    font-size:38px;
    font-weight:700;
  }
  .srh-price small{font-size:15px;font-weight:500;color:var(--muted);}
  .srh-value-tag{
    background:#e9f9ee;
    color:#16a34a;
    font-size:12.5px;
    font-weight:700;
    padding:6px 12px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    gap:6px;
  }
  .srh-value-tag .srh-dot{width:7px;height:7px;background:#16a34a;border-radius:50%;}

  .srh-cta-row{
    display:flex;
    align-items:center;
    gap:22px;
    margin:22px 0 30px;
    flex-wrap:wrap;
  }
  .srh-cta-btn{
    background:linear-gradient(90deg,var(--blue-1),var(--blue-2));
    color:#fff;
    border:none;
    padding:16px 30px;
    border-radius:12px;
    font-weight:700;
    font-size:15.5px;
    display:inline-flex;
    align-items:center;
    gap:10px;
    cursor:pointer;
    box-shadow:0 12px 24px rgba(59,91,245,.30);
    transition:transform .25s ease, box-shadow .25s ease;
    text-decoration:none;
  }
  .srh-cta-btn:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(59,91,245,.4);}
  .srh-cta-btn svg{transition:transform .25s ease;}
  .srh-cta-btn:hover svg{transform:translateX(4px);}

  .srh-deploy-note{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:13.5px;
    color:var(--muted);
  }
  .srh-deploy-note .srh-icon{
    width:34px;height:34px;border-radius:50%;
    background:#fff;
    display:flex;align-items:center;justify-content:center;
    color:var(--blue-1);
    box-shadow:0 6px 14px rgba(60,60,140,.12);
    flex:none;
  }
  .srh-deploy-note b{display:block;color:var(--ink);font-size:14px;}

  /* ---------- Popular OS মার্কি অ্যানিমেশন ---------- */
  .srh-os-panel{
    background:#fff;
    border-radius:16px;
    padding:18px 22px;
    box-shadow:var(--card-shadow);
    display:flex;
    align-items:center;
    gap:20px;
    max-width:560px;
    overflow:hidden;
  }
  .srh-os-title{
    font-weight:700;
    font-size:14px;
    color:var(--ink);
    flex:none;
    padding-right:16px;
    border-right:1px solid #eee;
  }
  .srh-os-track-wrap{
    flex:1;
    overflow:hidden;
    position:relative;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
  }
  .srh-os-track{
    display:flex;
    gap:34px;
    width:max-content;
    animation:os-scroll 14s linear infinite;
  }
  .srh-os-panel:hover .srh-os-track{ animation-play-state:paused; }
  @keyframes os-scroll{
    from{ transform:translateX(0); }
    to{ transform:translateX(-50%); }
  }
  .srh-os-item{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:6px;
    font-size:12px;
    font-weight:600;
    color:var(--ink);
    flex:none;
  }
  .srh-os-item img{width:32px;height:32px;}

  /* ---------- ডান পাশ: ভিজ্যুয়াল প্যানেল ---------- */
  .srh-visual{
    position:relative;
    min-height:560px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:visible;
    isolation:isolate;
    padding:10px 8px;
  }
  .srh-visual::before{
    content:"";
    position:absolute;
    width:72%;
    height:78%;
    border-radius:32px;
    background:radial-gradient(circle at 50% 40%, rgba(72,110,255,.22) 0%, rgba(124,92,247,.14) 38%, rgba(124,92,247,.06) 56%, transparent 74%);
    filter:blur(2px);
    z-index:0;
  }
  .srh-visual::after{
    content:"";
    position:absolute;
    inset:14% 12% 10% 18%;
    background-image:radial-gradient(rgba(59,91,245,.12) 1px, transparent 1px);
    background-size:14px 14px;
    opacity:.45;
    z-index:0;
    pointer-events:none;
  }
  .srh-visual-frame{
    position:absolute;
    inset:8% 10% 8% 12%;
    border-radius:28px;
    border:1px solid rgba(90,90,180,.18);
    background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.06));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
    z-index:0;
  }
  .srh-browser-dots{
    position:absolute;
    top:11%;
    left:18%;
    display:flex;
    gap:7px;
    z-index:2;
  }
  .srh-browser-dots span{width:10px;height:10px;border-radius:50%;animation:srh-dot-twist 2.2s ease-in-out infinite;transform-origin:center;}
  .srh-browser-dots span:nth-child(1){background:#ff5f57;animation-delay:0s;}
  .srh-browser-dots span:nth-child(2){background:#febc2e;animation-delay:.18s;}
  .srh-browser-dots span:nth-child(3){background:#28c840;animation-delay:.36s;}
  @keyframes srh-dot-twist{
    0%,100%{transform:translateY(0) scale(1);opacity:1;}
    50%{transform:translateY(-3px) scale(1.12);opacity:.88;}
  }

  .srh-avatar-slot{
    width:86%;
    max-width:470px;
    aspect-ratio:3/4;
    border-radius:24px;
    overflow:visible;
    position:relative;
    background:transparent;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    z-index:2;
    transform:translateY(-42px);
    clip-path:inset(0 0 18px 0);
  }
  .srh-avatar-slot img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center bottom;
    display:block;
    filter:drop-shadow(0 24px 40px rgba(40,40,110,.18));
  }

  .srh-frame-bottom-line{
    position:absolute;
    left:12%;
    right:10%;
    bottom:8%;
    height:0;
    border-top:1px solid rgba(90,90,180,.18);
    z-index:3;
    pointer-events:none;
  }
  .srh-avatar-placeholder-text{
    position:absolute;inset:0;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:8px;
    color:#6b6fae;
    font-size:13px;
    font-weight:600;
    text-align:center;
    padding:20px;
  }
  .srh-avatar-placeholder-text span.small{font-weight:400;font-size:12px;opacity:.8;}
  .srh-avatar-placeholder-text .srh-small{font-weight:400;font-size:12px;opacity:.8;}

  .srh-server-stack{
    position:absolute;
    right:-2%;
    bottom:7%;
    display:flex;
    gap:12px;
    align-items:flex-end;
    z-index:1;
    pointer-events:none;
  }
  .srh-server-tower{
    width:58px;
    border-radius:14px;
    background:linear-gradient(180deg,#21284b 0%, #171c31 100%);
    border:1px solid rgba(100,120,255,.24);
    box-shadow:0 18px 34px rgba(23,28,49,.28);
    position:relative;
    overflow:hidden;
  }
  .srh-server-tower::before{
    content:"";
    position:absolute;
    top:10px;left:12px;right:12px;
    height:10px;
    border-radius:8px;
    background:linear-gradient(90deg, rgba(59,91,245,.25), rgba(124,92,247,.12));
  }
  .srh-server-tower::after{
    content:"";
    position:absolute;
    top:32px;left:12px;right:12px;bottom:14px;
    background:repeating-linear-gradient(180deg, rgba(255,255,255,.08) 0 8px, transparent 8px 18px);
    opacity:.95;
  }
  .srh-server-tower i{
    position:absolute;
    left:10px;
    top:18px;
    width:6px;height:6px;border-radius:50%;
    background:#3b5bf5;
    box-shadow:0 12px 0 #22c55e, 0 24px 0 #7c5cf7;
    z-index:1;
  }
  .srh-server-1{height:184px;}
  .srh-server-2{height:228px;}
  .srh-server-3{height:204px;}

  .srh-cloud-chip{
    position:absolute;
    right:4%;
    top:31%;
    width:72px;
    height:72px;
    border-radius:18px;
    background:linear-gradient(135deg, #3b5bf5, #7c5cf7);
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 20px 40px rgba(59,91,245,.26);
    z-index:2;
  }
  .srh-cloud-chip svg{width:34px;height:34px;display:block;}

  .srh-card-server{z-index:3;}
  .srh-card-speed,.srh-card-signal,.srh-card-uptime{z-index:3;}
  .srh-server-meta{
    display:grid;
    gap:8px;
    margin:8px 0 10px;
  }
  .srh-server-row{
    display:grid;
    grid-template-columns:28px 1fr;
    gap:10px;
    align-items:center;
  }
  .srh-server-icon{
    width:28px;height:28px;border-radius:8px;
    background:#eef3ff;
    color:var(--blue-1);
    display:flex;align-items:center;justify-content:center;
  }
  .srh-server-row strong{display:block;font-size:13px;line-height:1.1;}
  .srh-server-row span{display:block;font-size:12px;color:var(--muted);line-height:1.1;margin-top:2px;}

  /* floating cards */
  .srh-float-card{
    position:absolute;
    background:var(--card-bg);
    border-radius:14px;
    box-shadow:var(--card-shadow);
    padding:14px 18px;
    animation:float 5s ease-in-out infinite;
  }
  @keyframes float{
    0%,100%{ transform:translateY(0); }
    50%{ transform:translateY(-10px); }
  }

  .srh-card-server{
    top:28%;
    left:0%;
    min-width:190px;
    animation-delay:.2s;
  }
  .srh-card-server .srh-label{font-size:13px;font-weight:700;margin-bottom:8px;}
  .srh-status-pill{
    display:inline-flex;
    align-items:center;
    gap:6px;
    background:#e9f9ee;
    color:#16a34a;
    font-size:11.5px;
    font-weight:700;
    padding:4px 10px;
    border-radius:999px;
    margin-bottom:10px;
  }
  .srh-status-pill .srh-dot{
    width:6px;height:6px;border-radius:50%;background:#16a34a;
    animation:pulse 1.4s ease-in-out infinite;
  }
  @keyframes pulse{
    0%,100%{opacity:1;}
    50%{opacity:.25;}
  }
  .srh-progress-bar{
    width:100%;
    height:6px;
    border-radius:999px;
    background:#eef0fb;
    overflow:hidden;
  }
  .srh-progress-bar i{
    display:block;
    height:100%;
    width:82%;
    border-radius:999px;
    background:linear-gradient(90deg,var(--blue-1),#22c1f0,var(--blue-1));
    background-size:200% 100%;
    animation:srh-progress-flow 2.6s ease-in-out infinite;
  }
  @keyframes srh-progress-flow{
    0%,100%{width:78%;background-position:0% 50%;}
    50%{width:88%;background-position:100% 50%;}
  }

  .srh-card-speed{
    top:6%;
    right:2%;
    text-align:center;
    min-width:150px;
    animation-delay:.6s;
  }
  .srh-card-speed .srh-g-label{font-size:12px;color:var(--muted);margin-top:6px;}
  .srh-card-speed .srh-g-val{font-size:20px;font-weight:800;margin-top:2px;color:var(--blue-1);}

  .srh-card-signal{
    bottom:16%;
    left:2%;
    min-width:170px;
    display:flex;
    align-items:center;
    gap:12px;
    animation-delay:.9s;
  }
  .srh-bars{display:flex;align-items:flex-end;gap:3px;height:26px;}
  .srh-bars i{
    display:block;width:5px;border-radius:2px;
    background:var(--blue-1);
    animation:bar-bounce 1.6s ease-in-out infinite;
  }
  .srh-bars i:nth-child(1){height:35%;animation-delay:0s;}
  .srh-bars i:nth-child(2){height:60%;animation-delay:.15s;}
  .srh-bars i:nth-child(3){height:80%;animation-delay:.3s;}
  .srh-bars i:nth-child(4){height:100%;animation-delay:.45s;}
  @keyframes bar-bounce{
    0%,100%{ transform:scaleY(.7); opacity:.7;}
    50%{ transform:scaleY(1); opacity:1;}
  }
  .srh-card-signal .srh-txt{font-size:13px;font-weight:700;line-height:1.3;}

  .srh-card-uptime{
    bottom:2%;
    right:0%;
    min-width:200px;
    animation-delay:1.1s;
  }
  .srh-card-uptime .srh-label{font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:6px;margin-bottom:4px;}
  .srh-card-uptime .srh-label .srh-dot{width:7px;height:7px;border-radius:50%;background:#16a34a;}
  .srh-card-uptime .srh-num{font-size:26px;font-weight:800;margin-bottom:6px;}
  .srh-card-uptime svg{display:block;width:100%;height:44px;}
  .srh-card-uptime path.srh-line{
    fill:none;
    stroke:var(--blue-1);
    stroke-width:2.5;
    stroke-linecap:round;
    animation:srh-wave-float 2.4s ease-in-out infinite;
    transform-origin:center;
  }
  @keyframes srh-wave-float{
    0%,100%{transform:translateY(0px);opacity:.95;}
    50%{transform:translateY(-3px);opacity:1;}
  }

  .srh-brand-footer{
    text-align:center;
    margin-top:46px;
    font-family:var(--font-display);
    font-weight:800;
    letter-spacing:.03em;
    color:var(--ink);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    grid-column:1/-1;
  }
  .srh-brand-footer::before,.srh-brand-footer::after{
    content:"";
    height:1px;
    width:120px;
    background:#c9cce0;
  }

  /* ---------- Responsive / Mobile ---------- */
  @media (max-width:980px){
    .srh-page{
      min-height:auto;
      padding:24px 16px 30px;
      overflow:hidden;
    }
    .srh-hero{
      grid-template-columns:1fr;
      gap:24px;
      max-width:720px;
    }

    /* Keep the desktop-style composition on mobile, only scaled down */
    .srh-visual{
      order:-1;
      width:100%;
      min-height:500px;
      display:block;
      overflow:visible;
      padding:0;
      margin:0 auto;
    }
    .srh-visual::before{
      width:84%;
      height:82%;
      left:8%;
      top:4%;
    }
    .srh-visual::after{
      inset:8% 7% 8% 7%;
      background-size:11px 11px;
    }
    .srh-visual-frame{
      inset:24px 12px 24px 12px;
      border-radius:22px;
    }
    .srh-frame-bottom-line{
      left:12px;
      right:12px;
      bottom:24px;
    }
    .srh-browser-dots{
      top:42px;
      left:32px;
      z-index:6;
    }

    .srh-avatar-slot{
      position:absolute;
      top:6px;
      left:50%;
      width:min(72vw,300px);
      max-width:300px;
      height:450px;
      aspect-ratio:auto;
      transform:translateX(-50%);
      clip-path:inset(0 0 0 0);
      z-index:2;
    }
    .srh-avatar-slot img{
      width:100%;
      height:100%;
      object-fit:contain;
      object-position:center bottom;
    }

    .srh-server-stack{
      right:10px;
      bottom:28px;
      gap:6px;
      transform:scale(.48);
      transform-origin:bottom right;
      z-index:1;
    }
    .srh-cloud-chip{
      right:10px;
      top:168px;
      width:46px;
      height:46px;
      border-radius:13px;
      z-index:4;
    }
    .srh-cloud-chip svg{width:23px;height:23px;}

    .srh-float-card{
      margin:0;
      border-radius:11px;
      padding:8px 9px;
      min-width:0;
      box-shadow:0 10px 24px rgba(30,30,90,.14);
      animation:float 5s ease-in-out infinite;
    }

    /* Same positions as desktop: left-middle, right-top, left-bottom, right-bottom */
    .srh-card-server{
      position:absolute;
      left:2px;
      top:185px;
      bottom:auto;
      width:145px;
      min-width:0;
      z-index:6;
      animation-delay:.2s;
    }
    .srh-card-server .srh-label{font-size:10.5px;margin-bottom:4px;}
    .srh-status-pill{font-size:8.5px;padding:2px 6px;margin-bottom:4px;}
    .srh-server-meta{grid-template-columns:1fr 1fr;gap:3px;margin:2px 0 5px;}
    .srh-server-row{grid-template-columns:19px 1fr;gap:4px;}
    .srh-server-icon{width:19px;height:19px;border-radius:5px;}
    .srh-server-icon svg{width:11px;height:11px;}
    .srh-server-row strong{font-size:9.5px;}
    .srh-server-row span{font-size:8px;}
    .srh-progress-bar{height:3px;}

    .srh-card-speed{
      position:absolute;
      right:2px;
      top:70px;
      bottom:auto;
      width:108px;
      min-width:0;
      min-height:105px;
      z-index:6;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      animation-delay:.6s;
    }
    .srh-card-speed svg{width:62px;height:42px;}
    .srh-card-speed .srh-g-label{font-size:9px;margin-top:1px;}
    .srh-card-speed .srh-g-val{font-size:14px;margin-top:0;}

    .srh-card-signal{
      position:absolute;
      left:10px;
      bottom:38px;
      width:130px;
      min-width:0;
      min-height:58px;
      gap:7px;
      z-index:6;
      display:flex;
      align-items:center;
      justify-content:center;
      animation-delay:.9s;
    }
    .srh-bars{height:21px;gap:2px;}
    .srh-bars i{width:3px;}
    .srh-card-signal .srh-txt{font-size:9.5px;line-height:1.15;}

    .srh-card-uptime{
      position:absolute;
      right:4px;
      bottom:22px;
      width:145px;
      min-width:0;
      min-height:78px;
      z-index:6;
      animation-delay:1.1s;
    }
    .srh-card-uptime .srh-label{font-size:9px;margin-bottom:2px;}
    .srh-card-uptime .srh-num{font-size:18px;margin-bottom:0;}
    .srh-card-uptime svg{height:26px;}

    .srh-hero-text{width:100%;min-width:0;}
    .srh-page h1{font-size:clamp(32px,8vw,44px);margin:14px 0 14px;}
    .srh-lede{font-size:15px;line-height:1.6;margin-bottom:20px;max-width:none;}
    .srh-features{max-width:none;margin-bottom:20px;gap:10px 16px;}
    .srh-feature{font-size:13px;}
    .srh-price{font-size:34px;}
    .srh-cta-row{margin:18px 0 22px;gap:14px;}
    .srh-os-panel{max-width:none;width:100%;padding:14px 16px;gap:14px;}
    .srh-os-track{gap:26px;animation-duration:18s;}
    .srh-brand-footer{margin-top:18px;}
  }

  @media (max-width:575.98px){
    .srh-page{padding:16px 10px 24px;}
    .srh-hero{gap:18px;}
    .srh-visual{min-height:475px;}
    .srh-visual-frame{inset:20px 3px 22px 3px;}
    .srh-frame-bottom-line{left:3px;right:3px;bottom:22px;}
    .srh-avatar-slot{width:min(70vw,270px);max-width:270px;height:420px;top:4px;}
    .srh-browser-dots{top:37px;left:20px;}
    .srh-server-stack{bottom:25px;right:-6px;transform:scale(.42);}
    .srh-cloud-chip{top:150px;right:2px;width:42px;height:42px;}

    .srh-card-server{left:0;top:176px;width:138px;padding:7px 8px;}
    .srh-card-speed{right:0;top:64px;width:100px;min-height:98px;padding:7px 8px;}
    .srh-card-speed svg{width:57px;height:39px;}
    .srh-card-signal{left:4px;bottom:32px;width:122px;min-height:54px;padding:7px 8px;}
    .srh-card-uptime{right:0;bottom:18px;width:136px;min-height:72px;padding:7px 8px;}

    .srh-badge{padding:7px 13px;font-size:11px;}
    .srh-page h1{font-size:clamp(29px,9vw,38px);line-height:1.08;}
    .srh-lede{font-size:14px;}
    .srh-features{grid-template-columns:1fr;gap:9px;}
    .srh-feature{font-size:13px;}
    .srh-price-row{align-items:flex-end;flex-wrap:wrap;}
    .srh-price{font-size:32px;}
    .srh-cta-row{display:grid;grid-template-columns:1fr;}
    .srh-cta-btn{width:100%;justify-content:center;padding:14px 20px;}
    .srh-deploy-note{justify-content:center;text-align:left;}
    .srh-os-panel{padding:12px 12px;gap:10px;}
    .srh-os-title{font-size:12px;padding-right:10px;}
    .srh-os-item{font-size:10.5px;}
    .srh-os-item img{width:28px;height:28px;}
    .srh-os-track{gap:22px;}
    .srh-brand-footer{display:none;}
  }

  @media (prefers-reduced-motion:reduce){
    .srh-page,.srh-page *{animation-duration:.001ms !important; animation-iteration-count:1 !important;}
  }

/* ===== style-05.css ===== */
/* Keep the custom hero fully painted during page refresh. */
  .srh-page [data-aos],
  .srh-page .aos-init,
  .srh-page .aos-animate {
    opacity: 1 !important;
    transform: none !important;
  }

/* ===== style-06.css ===== */
@media (max-width:980px){
  html,body{max-width:100%;overflow-x:hidden!important;}
  .srh-page,.srh-page .srh-hero,.srh-page .srh-visual,.srh-page .srh-hero-text{max-width:100%!important;}
  img,svg{max-width:100%;}
}

/* ===== style-07.css ===== */
/* SR Host BD: compact VPS pricing cards */
            #price-table .uh_price_plan{margin-bottom:22px;}
            #price-table .uh_price_plan .spHead{padding:18px 20px;}
            #price-table .uh_plan_name{line-height:1.35;margin-bottom:10px;}
            #price-table .uh_plan_desc{min-height:46px;margin-bottom:18px;line-height:1.55;}
            #price-table .uh_plan_price{margin:8px 0 2px;}
            #price-table .uh_plan_price b{font-size:clamp(1.7rem,2vw,2.05rem);}
            #price-table .renew_text{font-size:11px;line-height:1.35;display:inline-block;}
            #price-table .uh_price_plan .spFooter{padding:0 20px 18px;}
            #price-table .uh_price_plan .spFooter .btn{line-height:46px;min-height:46px;}
            #price-table .uh_price_plan .spBody{padding:18px 20px;}
            #price-table .uh_price_plan .spBody ul{gap:5px;}
            #price-table .uh_price_plan .spBody ul li{padding-inline-start:28px;line-height:1.55;}
            #price-table .uh_price_plan .spBody ul li > img{top:4px;}
            #price-table .uh_price_plan .spBody ul li:not(:has(> img)):before{top:4px;}
            @media (max-width:767.98px){
                #price-table .uh_price_plan .spHead{padding:16px;}
                #price-table .uh_price_plan .spFooter{padding:0 16px 16px;}
                #price-table .uh_price_plan .spBody{padding:16px;}
                #price-table .uh_price_plan{width:100%;max-width:520px;margin-left:auto;margin-right:auto;}
                #price-table .uh_plan_desc{min-height:0;margin-bottom:14px;}
                #price-table .uh_price_plan .spFooter .btn{min-height:44px;line-height:44px;}

                .section_main > .container.container-wide{padding-left:14px;padding-right:14px;}
                .section_main .section_title{font-size:clamp(1.65rem,8vw,2.15rem);line-height:1.15;}
                .section_main .section_subtitle{font-size:14px;line-height:1.55;}
                .both_vps_tabs{margin:-22px 0 26px;width:100%;gap:0;}
                .both_vps_tabs .quad_switch_prnt{width:100%;}
                .both_vps_tabs .quad_switch{
                    width:100%;
                    display:grid;
                    grid-template-columns:repeat(2,minmax(0,1fr));
                    gap:6px;
                    padding:6px;
                    overflow:visible;
                    border-radius:16px;
                    white-space:normal;
                }
                .both_vps_tabs .quad_switch label{min-width:0;}
                .both_vps_tabs .quad_switch label div{
                    width:100%;
                    min-height:42px;
                    padding:8px 6px;
                    font-size:12px;
                    gap:4px;
                    justify-content:center;
                    border-radius:12px;
                }
                .both_vps_tabs .quad_switch label div span{font-size:10px;padding:0 4px;}
            }
            @media (max-width:420px){
                #price-table .uh_price_plan .spHead{padding:14px;}
                #price-table .uh_price_plan .spFooter{padding:0 14px 14px;}
                #price-table .uh_price_plan .spBody{padding:14px;}
                #price-table .uh_price_plan .spBody ul li{font-size:13px;}
            }

/* ===== style-08.css ===== */
/* SR HOST BD — App Deployment visual polish */
.srh-app-deploy-section{
    background:#ffffff !important;
}
.srh-app-deploy-section .border_section{
    background:#ffffff !important;
    border:1px solid #e5e9f0 !important;
    border-radius:24px !important;
    box-shadow:0 10px 30px rgba(20,33,61,.025) !important;
}
.srh-app-deploy-section .uh_tabs{
    background:#ffffff !important;
    border:1px solid #e4e8ef !important;
    box-shadow:0 5px 16px rgba(31,42,68,.045) !important;
}
.srh-app-deploy-section .uh_tabs .nav-item .nav-link{
    color:#17191e !important;
    font-weight:700 !important;
}
.srh-app-deploy-section .uh_tabs .nav-item .nav-link:hover{
    background:#f2f5fb !important;
    color:#17191e !important;
}
.srh-app-deploy-section .uh_tabs .nav-item .nav-link.active{
    background:#457bff !important;
    color:#ffffff !important;
    box-shadow:0 4px 12px rgba(69,123,255,.22) !important;
}

/* Every app / OS / control-panel box gets the same background, border and text color */
.srh-app-deploy-section #myTabContent .vps_apps{
    min-height:98px !important;
    padding:18px 20px !important;
    background:#ffffff !important;
    border:1px solid #e4e8ef !important;
    border-radius:20px !important;
    box-shadow:0 3px 12px rgba(27,38,65,.025) !important;
    color:#181a20 !important;
}
.srh-app-deploy-section #myTabContent .vps_apps:hover{
    background:#fbfcff !important;
    border-color:#dbe2ee !important;
    box-shadow:0 7px 20px rgba(27,38,65,.055) !important;
}

/* Name text */
.srh-app-deploy-section #myTabContent .vps_apps > div{
    color:#181a20 !important;
    font-size:15px !important;
    font-weight:700 !important;
    line-height:1.25 !important;
    gap:14px !important;
}
.srh-app-deploy-section #myTabContent .vps_apps > div,
.srh-app-deploy-section #myTabContent .vps_apps > div *{
    text-shadow:none !important;
}

/* Logo holder */
.srh-app-deploy-section #myTabContent .vps_apps > div > span{
    width:58px !important;
    height:58px !important;
    border-radius:17px !important;
    background:#f8faff !important;
    border:1px solid #edf0f5 !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9) !important;
}

/* Actual logo: a little larger and crisp */
.srh-app-deploy-section #myTabContent .vps_apps > div > span img{
    width:32px !important;
    height:32px !important;
    max-width:32px !important;
    max-height:32px !important;
    object-fit:contain !important;
    display:block !important;
    opacity:1 !important;
    filter:none !important;
}

/* Hot / featured flame icon */
.srh-app-deploy-section #myTabContent .vps_apps > img{
    width:26px !important;
    height:26px !important;
    object-fit:contain !important;
    opacity:1 !important;
    filter:none !important;
}

/* Prevent faded/washed-out tab content */
.srh-app-deploy-section #myTabContent,
.srh-app-deploy-section #myTabContent .tab-pane,
.srh-app-deploy-section #myTabContent .row{
    color:#181a20 !important;
    opacity:1;
}

/* View More */
.srh-app-deploy-section .view_more_btn{
    color:#356ff6 !important;
    font-weight:700 !important;
    background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#ffffff 64%) !important;
}

/* Mobile */
@media (max-width:767px){
    .srh-app-deploy-section #myTabContent .vps_apps{
        min-height:84px !important;
        padding:14px 15px !important;
        border-radius:17px !important;
    }
    .srh-app-deploy-section #myTabContent .vps_apps > div{
        font-size:14px !important;
        gap:11px !important;
    }
    .srh-app-deploy-section #myTabContent .vps_apps > div > span{
        width:50px !important;
        height:50px !important;
        border-radius:15px !important;
    }
    .srh-app-deploy-section #myTabContent .vps_apps > div > span img{
        width:29px !important;
        height:29px !important;
        max-width:29px !important;
        max-height:29px !important;
    }
}

/* ===== style-09.css ===== */
/* ===== SRH App Deployment final visual normalization ===== */
.srh-app-deploy-section,
.srh-app-deploy-section .container,
.srh-app-deploy-section .border_section,
.srh-app-deploy-section #myTabContent,
.srh-app-deploy-section #myTabContent .tab-pane,
.srh-app-deploy-section #myTabContent .row{background:#fff !important;}
.srh-app-deploy-section .border_section{border:1px solid #e5e9f1 !important;border-radius:24px !important;box-shadow:0 12px 34px rgba(16,24,40,.035) !important;}
.srh-app-deploy-section .uh_tabs{background:#fff !important;border:1px solid #e1e6ee !important;box-shadow:0 4px 14px rgba(16,24,40,.045) !important;}
.srh-app-deploy-section .uh_tabs .nav-link{color:#15171c !important;font-weight:700 !important;}
.srh-app-deploy-section .uh_tabs .nav-link.active{background:#457BFF !important;color:#fff !important;box-shadow:0 5px 14px rgba(69,123,255,.24) !important;}
.srh-app-deploy-section #myTabContent .vps_apps{background:#fff !important;border:1px solid #e2e7ef !important;border-radius:20px !important;box-shadow:0 3px 10px rgba(16,24,40,.025) !important;color:#17191f !important;min-height:98px !important;}
.srh-app-deploy-section #myTabContent .vps_apps:hover{background:#fff !important;border-color:#d8e0ec !important;box-shadow:0 7px 18px rgba(16,24,40,.055) !important;}
.srh-app-deploy-section #myTabContent .vps_apps>div{color:#17191f !important;font-size:15px !important;font-weight:700 !important;line-height:1.25 !important;}
.srh-app-deploy-section #myTabContent .vps_apps>div>span{width:58px !important;height:58px !important;border-radius:17px !important;background:#f7f9fc !important;border:1px solid #e7ebf2 !important;box-shadow:none !important;}
.srh-app-deploy-section #myTabContent .vps_apps>div>span img{width:34px !important;height:34px !important;max-width:34px !important;max-height:34px !important;object-fit:contain !important;opacity:1 !important;filter:none !important;}
.srh-app-deploy-section #myTabContent .vps_apps>img{width:26px !important;height:26px !important;opacity:1 !important;filter:none !important;}
.srh-app-deploy-section .view_more_content{overflow:hidden !important;max-height:250px;transition:max-height .35s ease !important;}
.srh-app-deploy-section .view_more_content.is-expanded{max-height:2200px !important;}
.srh-app-deploy-section .view_more_btn{display:flex !important;align-items:center !important;justify-content:center !important;gap:5px !important;cursor:pointer !important;color:#356ff6 !important;font-weight:700 !important;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#fff 45%) !important;padding:42px 0 12px !important;margin:-42px 0 0 !important;position:relative !important;z-index:3 !important;user-select:none !important;}
.srh-app-deploy-section .view_more_content.is-expanded + .view_more_btn{background:#fff !important;padding:14px 0 10px !important;margin:0 !important;}
.srh-app-deploy-section .view_more_btn .srh-view-toggle-arrow{transition:transform .25s ease;}
.srh-app-deploy-section .view_more_btn[aria-expanded="true"] .srh-view-toggle-arrow{transform:rotate(180deg);}
@media(max-width:767px){
 .srh-app-deploy-section #myTabContent .vps_apps{min-height:84px !important;padding:14px 15px !important;}
 .srh-app-deploy-section #myTabContent .vps_apps>div{font-size:14px !important;}
 .srh-app-deploy-section #myTabContent .vps_apps>div>span{width:50px !important;height:50px !important;border-radius:15px !important;}
 .srh-app-deploy-section #myTabContent .vps_apps>div>span img{width:30px !important;height:30px !important;max-width:30px !important;max-height:30px !important;}
 .srh-app-deploy-section .view_more_content{max-height:205px;}
}

/* ===== SRH instant App Deployment switching ===== */
.srh-app-deploy-section .anim-start,
.srh-app-deploy-section .anim-end,
.srh-app-deploy-section dotlottie-player{display:none !important;}
.srh-app-deploy-section #myTabContent > .tab-pane{
  transition:none !important;
  animation:none !important;
  transform:none !important;
}
.srh-app-deploy-section #myTabContent > .tab-pane:not(.active){
  display:none !important;
  opacity:0 !important;
}
.srh-app-deploy-section #myTabContent > .tab-pane.active{
  display:block !important;
  opacity:1 !important;
}
.srh-app-deploy-section .uh_tabs .nav-link{
  transition:none !important;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}

/* ===== style-13-app-deploy-tabs.css ===== */
/* SR Host BD — App Deployment tabs final controller styles */
.srh-app-deploy-section .uh_tabs .nav-link{
  cursor:pointer!important;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  user-select:none;
  transition:background-color .14s ease,color .14s ease,box-shadow .14s ease,transform .08s ease!important;
}
.srh-app-deploy-section .uh_tabs .nav-link:active{transform:scale(.985)}
.srh-app-deploy-section .uh_tabs .nav-link.active{
  background:#457BFF!important;
  color:#fff!important;
  box-shadow:0 5px 14px rgba(69,123,255,.24)!important;
}
.srh-app-deploy-section #myTabContent>.tab-pane{
  display:none!important;
  opacity:0;
  transform:none!important;
  transition:none!important;
  animation:none;
}
.srh-app-deploy-section #myTabContent>.tab-pane.active,
.srh-app-deploy-section #myTabContent>.tab-pane.show{
  display:block!important;
  opacity:1!important;
}
.srh-app-deploy-section #myTabContent>.tab-pane.srh-tab-enter{
  animation:srhTabIn .18s ease-out both!important;
}
@keyframes srhTabIn{
  from{opacity:.35;transform:translateY(4px)}
  to{opacity:1;transform:translateY(0)}
}
/* Keep the decorative empty Lottie placeholders out of the render path. */
.srh-app-deploy-section .anim-start,
.srh-app-deploy-section .anim-end,
.srh-app-deploy-section dotlottie-player[src="#"]{display:none!important}
/* Make clicks hit the actual tab button even if child text/svg is clicked. */
.srh-app-deploy-section .uh_tabs .nav-link>*{pointer-events:none}
/* View More/Less stays smooth and local — no AJAX/reload. */
.srh-app-deploy-section .view_more_content{overflow:hidden!important;transition:max-height .22s ease!important}
.srh-app-deploy-section .view_more_content.is-expanded{max-height:2400px!important}
.srh-app-deploy-section .srh-view-toggle{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
@media (prefers-reduced-motion:reduce){
  .srh-app-deploy-section .uh_tabs .nav-link,
  .srh-app-deploy-section #myTabContent>.tab-pane.srh-tab-enter,
  .srh-app-deploy-section .view_more_content{transition:none!important;animation:none!important}
}

/* ===== style-14-faq-accordion.css ===== */
/* SR Host BD VPS FAQ accordion - standalone, Bootstrap-independent */
#accordionExample .accordion-button {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

#accordionExample .accordion-collapse.srh-faq-collapse {
  display: block !important;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transition: max-height .28s ease, opacity .20s ease, visibility 0s linear .28s;
}

#accordionExample .accordion-collapse.srh-faq-collapse.srh-faq-open {
  opacity: 1;
  visibility: visible;
  transition: max-height .32s ease, opacity .22s ease, visibility 0s linear 0s;
}

#accordionExample .accordion-button:not(.collapsed) {
  box-shadow: none;
}

#accordionExample .accordion-body {
  overflow-wrap: anywhere;
  word-break: normal;
}

@media (prefers-reduced-motion: reduce) {
  #accordionExample .accordion-collapse.srh-faq-collapse {
    transition: none !important;
  }
}

/* ===== style-10.css ===== */
.srh-feature-media{display:flex;align-items:center;justify-content:center;padding:8px 0;}
.srh-feature-media img{display:block;width:100%;max-width:520px;height:auto;margin:0 auto;border-radius:26px;background:#f7f8fc;box-shadow:0 18px 44px rgba(20,24,40,.08);}
@media (min-width: 1400px){
 .srh-feature-media img{max-width:540px;}
}
@media (max-width: 1199px){
 .srh-feature-media img{max-width:480px;}
}
@media (max-width: 991px){
 .srh-feature-media{padding:0 0 24px;}
 .srh-feature-media img{max-width:100%;}
}
.srh-feature-copy hr{border-color:#eceef5;opacity:1;}
.srh-inline-feature-list,.srh-support-feature-grid{display:flex !important;flex-wrap:wrap;align-items:center;gap:18px 34px;margin-top:6px;}
.srh-inline-feature-item,.srh-support-action{display:inline-flex !important;align-items:center;gap:10px;color:#1d2129;font-weight:600;line-height:1.45;text-decoration:none !important;background:transparent !important;border:0 !important;padding:0 !important;box-shadow:none !important;}
.srh-support-action{cursor:pointer;transition:color .2s ease, transform .2s ease;}
.srh-support-action:hover{color:#5a54ff;transform:translateY(-1px);}
.srh-inline-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;color:#5a54ff;}
.srh-inline-icon svg{width:20px;height:20px;display:block;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.srh-mini-arrow{width:12px;height:12px;display:inline-flex;align-items:center;justify-content:center;color:currentColor;opacity:.88;margin-left:2px;}
.srh-mini-arrow svg{width:12px;height:12px;display:block;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
@media (max-width: 767px){
 .srh-inline-feature-list,.srh-support-feature-grid{flex-direction:column;align-items:flex-start;gap:14px;}
 .srh-feature-media img{border-radius:20px;}
}

/* ===== style-11.css ===== */
.switch .slider::before {
        content: "Monthly";
    }

    .switch .slider::after {
        content: "Yearly";
    }

    .switch input:checked+.slider::before {
        content: "Yearly";
    }

    .switch input:checked+.slider::after {
        content: "Monthly";
    }

/* ===== style-12-mobile-menu-fast.css ===== */
/* SR Host BD VPS page — mobile menu + fast-paint patch */

/* Match the plain hamburger used on the rest of the site. */
@media (max-width: 991.98px) {
  .navbar .navbar-toggler,
  .navbar-toggler {
    border: 0 !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
    padding: 2px !important;
    min-width: 0 !important;
    width: auto !important;
    min-height: 0 !important;
    height: auto !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    touch-action: manipulation;
  }
  .navbar .navbar-toggler:hover,
  .navbar .navbar-toggler:focus,
  .navbar .navbar-toggler:active,
  .navbar-toggler:hover,
  .navbar-toggler:focus,
  .navbar-toggler:active {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
  }
  .navbar-toggler-icon {
    margin: 0 !important;
  }
}

/* Prevent AOS from hiding content while JS/CSS finishes loading.
   The page paints immediately; normal controls/menus remain interactive. */
html body [data-aos],
html body [data-aos][data-aos],
html:not(.no-js) body [data-aos] {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
}

/* Avoid accidental horizontal repaint/scroll on small screens. */
html, body {
  overflow-x: hidden !important;
}

/* Keep taps responsive without introducing layout changes. */
a, button, input, label {
  -webkit-tap-highlight-color: transparent;
}


/* ============================================================
   SR HOST BD — lightweight motion + guide-card interaction fix
   2026-08-24
   No external animation library required. GPU-friendly only.
   ============================================================ */

/* Scroll reveal is applied only after JS marks an element as ready.
   This keeps the page visible/painted immediately during initial load. */
html body .srh-motion-target {
  opacity: 0 !important;
  transform: translate3d(0, 24px, 0) scale(.985) !important;
  transition:
    opacity .52s cubic-bezier(.22,.61,.36,1),
    transform .52s cubic-bezier(.22,.61,.36,1) !important;
  will-change: opacity, transform;
}
html body .srh-motion-target.srh-motion-left {
  transform: translate3d(-28px, 0, 0) scale(.985) !important;
}
html body .srh-motion-target.srh-motion-right {
  transform: translate3d(28px, 0, 0) scale(.985) !important;
}
html body .srh-motion-target.srh-motion-in {
  opacity: 1 !important;
  transform: translate3d(0,0,0) scale(1) !important;
}

/* The four VPS visual cards: subtle premium movement without heavy JS. */
.srh-bento-motion-section .bento_feat {
  backface-visibility: hidden;
  transform-origin: center center;
  transition: box-shadow .25s ease, border-color .25s ease, transform .25s ease;
}
.srh-bento-motion-section .bento_feat:hover {
  transform: translate3d(0,-4px,0);
  box-shadow: 0 18px 48px rgba(38,64,140,.10);
}
.srh-bento-motion-section .bento_feat_img {
  overflow: hidden;
}
.srh-bento-motion-section .bento_feat_img img {
  transform: translate3d(0,0,0);
  transition: transform .45s cubic-bezier(.22,.61,.36,1), filter .35s ease;
  backface-visibility: hidden;
}
.srh-bento-motion-section .bento_feat:hover .bento_feat_img img {
  transform: translate3d(0,-4px,0) scale(1.018);
  filter: saturate(1.04);
}

/* Guide cards: each card expands independently and smoothly. */
.srh-guide-motion-section .shadow-block {
  overflow: hidden;
  transition: box-shadow .25s ease, transform .25s ease, border-color .25s ease;
}
.srh-guide-motion-section .shadow-block:hover {
  transform: translate3d(0,-3px,0);
  box-shadow: 0 18px 48px rgba(38,64,140,.09);
}
.srh-guide-motion-section .shadow-block img,
.srh-guide-motion-section .vps_use_cases_title {
  cursor: pointer;
}
.srh-guide-motion-section .shadow-block > .m-2 > img {
  transition: transform .42s cubic-bezier(.22,.61,.36,1), filter .35s ease;
  transform: translate3d(0,0,0);
}
.srh-guide-motion-section .shadow-block:hover > .m-2 > img {
  transform: translate3d(0,-3px,0) scale(1.012);
}
.srh-guide-panel {
  display: block !important;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
  transform: translate3d(0,-8px,0);
  transition:
    max-height .48s cubic-bezier(.22,.61,.36,1),
    opacity .28s ease,
    transform .38s cubic-bezier(.22,.61,.36,1),
    visibility 0s linear .48s;
}
.srh-guide-panel.srh-guide-open {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0,0,0);
  transition:
    max-height .48s cubic-bezier(.22,.61,.36,1),
    opacity .30s ease .04s,
    transform .38s cubic-bezier(.22,.61,.36,1),
    visibility 0s linear 0s;
}
.srh-guide-motion-section .shadow-block.srh-guide-card-open .vps_use_cases_title:after {
  transform: rotate(45deg);
}

/* Keep animation cheap on phones and honor accessibility settings. */
@media (max-width: 767.98px) {
  html body .srh-motion-target {
    transform: translate3d(0,16px,0) scale(.992) !important;
    transition-duration: .40s !important;
  }
  .srh-bento-motion-section .bento_feat:hover,
  .srh-guide-motion-section .shadow-block:hover {
    transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  html body .srh-motion-target,
  html body .srh-motion-target.srh-motion-left,
  html body .srh-motion-target.srh-motion-right,
  html body .srh-motion-target.srh-motion-in {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  .srh-bento-motion-section .bento_feat,
  .srh-bento-motion-section .bento_feat_img img,
  .srh-guide-motion-section .shadow-block,
  .srh-guide-motion-section .shadow-block > .m-2 > img,
  .srh-guide-panel {
    transition: none !important;
  }
}