@charset "UTF-8";
@layer base, layout, components, utilities;

@font-face { font-family:"Basier Square Regular";
    src:url("../fonts/basiersquare-regular-webfont.woff2") format("woff2");
    font-weight:400;
    font-style:normal;
    font-display:swap
}
@font-face { font-family:"Basier Square Semi Bold";
    src:url("../fonts/basiersquare-semibold-webfont.woff2") format("woff2");
    font-weight:400;
    font-style:normal;
    font-display:swap
}
@font-face { font-family: "flaticon_mycollection"; src: url(../icons-pack/mycollection/flaticon_mycollection.woff2) format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family:"Basier Square Medium";
    src:url("../fonts/basiersquare-medium-webfont.woff2") format("woff2");
    font-weight:400;
    font-style:normal;
    font-display:swap
}
i[class^="flaticon-"]:before, i[class*=" flaticon-"]:before { font-family: flaticon_mycollection !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.flaticon-ip-address:before { content: "\f101";
}
.flaticon-vps:before { content: "\f102";
}
.flaticon-browser:before { content: "\f103";
}
.flaticon-server:before { content: "\f104";
}
.flaticon-ftp:before { content: "\f105";
}
.flaticon-control-center:before { content: "\f106";
}
.flaticon-email:before { content: "\f107";
}
.flaticon-ssl-certificate:before { content: "\f108";
}
.flaticon-hosting-services:before { content: "\f109";
}
.flaticon-web-domain:before { content: "\f10a";
}
.flaticon-server-down:before { content: "\f10b";
}
.flaticon-web-search-engine:before { content: "\f10c";
}
.flaticon-cloud-server:before { content: "\f10d";
}
.flaticon-database-security:before { content: "\f10e";
}
.flaticon-server-1:before { content: "\f10f";
}
.flaticon-settings:before { content: "\f110";
}
.flaticon-computer-hardware:before { content: "\f111";
}
.flaticon-vps-1:before { content: "\f112";
}
.flaticon-ddos:before { content: "\f113";
}
.flaticon-globe:before { content: "\f114";
}
.flaticon-structured-data:before { content: "\f115";
}
.flaticon-os:before { content: "\f116";
}
.flaticon-hacker:before { content: "\f117";
}
.flaticon-global-network:before { content: "\f118";
}
.flaticon-network-server:before { content: "\f119";
}
.flaticon-developer:before { content: "\f11a";
}
.flaticon-blocked:before { content: "\f11b";
}
.flaticon-server-control:before { content: "\f11c";
}
.flaticon-cloud-computing:before { content: "\f11d";
}
.flaticon-padlock:before { content: "\f11e";
}
.flaticon-laptop:before { content: "\f11f";
}
.flaticon-web-domain-1:before { content: "\f120";
}
.flaticon-info:before { content: "\f121";
}
.flaticon-security:before { content: "\f122";
}
.flaticon-preferences:before { content: "\f123";
}
.flaticon-online-advertising:before { content: "\f124";
}
.flaticon-encrypted-data:before { content: "\f125";
}
.flaticon-blockchain:before { content: "\f126";
}
.flaticon-fault:before { content: "\f127";
}
.flaticon-server-2:before { content: "\f128";
}
.flaticon-cloud-download:before { content: "\f129";
}
.flaticon-link-building:before { content: "\f12a";
}
.flaticon-web-design:before { content: "\f12b";
}
.flaticon-cracker:before { content: "\f12c";
}
.flaticon-bandwidth:before { content: "\f12d";
}
.flaticon-preferences-1:before { content: "\f12e";
}
.flaticon-unlimited:before { content: "\f12f";
}
.flaticon-data-transfer:before { content: "\f130";
}
.flaticon-mainframe:before { content: "\f131";
}
.flaticon-cloud-service:before { content: "\f132";
}
.flaticon-ab-testing:before { content: "\f133";
}
.flaticon-developer-1:before { content: "\f134";
}
.flaticon-advertising:before { content: "\f135";
}
.flaticon-speed-test:before { content: "\f136";
}
.flaticon-web-maintenance:before { content: "\f137";
}
.flaticon-error:before { content: "\f138";
}
.flaticon-web-lock:before { content: "\f139";
}
.flaticon-homepage:before { content: "\f13a";
}
.flaticon-cloud-service-1:before { content: "\f13b";
}
.flaticon-wifi-router:before { content: "\f13c";
}
.flaticon-dashboard:before { content: "\f13d";
}
.flaticon-dataset:before { content: "\f13e";
}
.flaticon-dedicated-hosting:before { content: "\f13f";
}
.flaticon-cloud-computing-1:before { content: "\f140";
}
.flaticon-data-server:before { content: "\f141";
}
.flaticon-designer:before { content: "\f142";
}
.flaticon-bug-detector:before { content: "\f143";
}
.flaticon-data-stack:before { content: "\f144";
}
.flaticon-domain:before { content: "\f145";
}
.flaticon-dead-link:before { content: "\f146";
}
.flaticon-com:before { content: "\f147";
}
.flaticon-email-1:before { content: "\f148";
}
.flaticon-dedicated-server:before { content: "\f149";
}
.flaticon-data-sharing:before { content: "\f14a";
}
.flaticon-pie-chart:before { content: "\f14b";
}
.flaticon-cloud-database:before { content: "\f14c";
}
.flaticon-solutions:before { content: "\f14d";
}
.flaticon-keylogger:before { content: "\f14e";
}
.flaticon-dns:before { content: "\f14f";
}
.flaticon-restore:before { content: "\f150";
}
.flaticon-ecommerce:before { content: "\f151";
}
.flaticon-outgoing:before { content: "\f152";
}
.flaticon-page-not-found:before { content: "\f153";
}
.flaticon-encrypted:before { content: "\f154";
}
.flaticon-hosting-server:before { content: "\f155";
}
.flaticon-database-management:before { content: "\f156";
}
.flaticon-shopping-cart:before { content: "\f157";
}
.flaticon-growth:before { content: "\f158";
}
.flaticon-speed-test-1:before { content: "\f159";
}
.flaticon-bandwidth-1:before { content: "\f15a";
}
.flaticon-growing:before { content: "\f15b";
}
.flaticon-web-optimization:before { content: "\f15c";
}
.flaticon-resize:before { content: "\f15d";
}
.flaticon-database:before { content: "\f15e";
}
.flaticon-outgoing-1:before { content: "\f15f";
}
.flaticon-restore-1:before { content: "\f160";
}
.flaticon-data-transfer-1:before { content: "\f161";
}
.flaticon-backup:before { content: "\f162";
}
.flaticon-binary-code:before { content: "\f163";
}
.flaticon-graph:before { content: "\f164";
}
.flaticon-albania:before { content: "\f165";
}
.flaticon-wordpress:before { content: "\f166";
}
.flaticon-linkedin:before { content: "\f167";
}
.flaticon-facebook:before { content: "\f168";
}
.flaticon-settings-1:before { content: "\f169";
}
.flaticon-avatar:before { content: "\f16a";
}
.flaticon-magnifying-glass:before { content: "\f16b";
}
.flaticon-house:before { content: "\f16c";
}
.flaticon-paper-plane:before { content: "\f16d";
}
.flaticon-shopping-cart-1:before { content: "\f16e";
}
.flaticon-albania-1:before { content: "\f16f";
}
.flaticon-question-1:before { content: "\f170";
}
.flaticon-globe-1:before { content: "\f171";
}
.flaticon-www:before { content: "\f172";
}
.flaticon-web:before { content: "\f173";
}
.flaticon-setting:before { content: "\f174";
}
.flaticon-bell-alarm:before { content: "\f175";
}
.flaticon-at:before { content: "\f176";
}
.flaticon-pin:before { content: "\f177";
}
.flaticon-whatsapp-1:before { content: "\f178";
}
.flaticon-instagram:before { content: "\f179";
}
.flaticon-youtube:before { content: "\f17a";
}
.flaticon-tik-tok:before { content: "\f17b";
}
.flaticon-download:before { content: "\f17c";
}
.flaticon-logout:before { content: "\f17d";
}
.flaticon-shopping-bag:before { content: "\f17e";
}
.flaticon-cancel:before { content: "\f17f";
}
.flaticon-right:before { content: "\f180";
}
.flaticon-right-arrow:before { content: "\f181";
}
.flaticon-right-chevron:before { content: "\f182";
}
.flaticon-left-chevron:before { content: "\f183";
}
.flaticon-chevron:before { content: "\f184";
}
.flaticon-left:before { content: "\f185";
}
.flaticon-information-button:before { content: "\f186";
}
.flaticon-info-1:before { content: "\f187";
}
.flaticon-info-2:before { content: "\f188";
}
.flaticon-info-3:before { content: "\f189";
}
.flaticon-road-sign:before { content: "\f18a";
}
.flaticon-external-link:before { content: "\f18b";
}
.flaticon-megaphone:before { content: "\f18c";
}
.flaticon-request:before { content: "\f18d";
}
.flaticon-question-2:before { content: "\f18e";
}
.flaticon-burst:before { content: "\f18f";
}
.flaticon-phone-call:before { content: "\f190";
}
.flaticon-paint-brush:before { content: "\f191";
}
.flaticon-24-hours-support:before { content: "\f192";
}
.flaticon-support:before { content: "\f193";
}
.flaticon-crown:before { content: "\f194";
}
.flaticon-seo:before { content: "\f195";
}
.flaticon-user-at-phone:before { content: "\f196";
}
.flaticon-phone:before { content: "\f197";
}
.flaticon-symbols:before { content: "\f198";
}
.flaticon-stripe:before { content: "\f199";
}
.flaticon-lock:before { content: "\f19a";
}
.flaticon-check-mark:before { content: "\f19b";
}
.flaticon-check:before { content: "\f19c";
}
.flaticon-clock:before { content: "\f19d";
}
.flaticon-time:before { content: "\f19e";
}
.flaticon-schedule:before { content: "\f19f";
}
.flaticon-credit-card:before { content: "\f1a0";
}
.flaticon-money-back-guarantee:before { content: "\f1a1";
}
.flaticon-24-7:before { content: "\f1a2";
}
.flaticon-euro-sign:before { content: "\f1a3";
}
.flaticon-web-server:before { content: "\f1a4";
}
.flaticon-migration:before { content: "\f1a5";
}
.flaticon-domain-1:before { content: "\f1a6";
}
.flaticon-flash:before { content: "\f1a7";
}
.flaticon-padlock-1:before { content: "\f1a8";
}
.flaticon-download-to-storage-drive:before { content: "\f1a9";
}
.flaticon-contract:before { content: "\f1aa";
}
.flaticon-package:before { content: "\f1ab";
}
.flaticon-credit-card-1:before { content: "\f1ac";
}
.flaticon-diamond:before { content: "\f1ad";
}
.flaticon-technology:before { content: "\f1ae";
}
.flaticon-growth-1:before { content: "\f1af";
}
.flaticon-google:before { content: "\f1b0";
}
.flaticon-people:before { content: "\f1b1";
}
.flaticon-shopping-bag-1:before { content: "\f1b2";
}
.flaticon-code:before { content: "\f1b3";
}
.flaticon-graphic-design:before { content: "\f1b4";
}
.flaticon-vision:before { content: "\f1b5";
}
.flaticon-box:before { content: "\f1b6";
}
.flaticon-history:before { content: "\f1b7";
}
.flaticon-security-1:before { content: "\f1b8";
}
.flaticon-shield:before { content: "\f1b9";
}
.flaticon-group:before { content: "\f1ba";
}
.flaticon-office:before { content: "\f1bb";
}
.flaticon-briefcase:before { content: "\f1bc";
}
.flaticon-satisfaction:before { content: "\f1bd";
}
.flaticon-responsive-app:before { content: "\f1be";
}
.flaticon-web-graphics:before { content: "\f1bf";
}
.flaticon-font:before { content: "\f1c0";
}
.flaticon-domains:before { content: "\f1c1";
}
.flaticon-rocket:before { content: "\f1c2";
}
.flaticon-sad-face:before { content: "\f1c3";
}
.flaticon-number-one:before { content: "\f1c4";
}
.flaticon-number-2:before { content: "\f1c5";
}
.flaticon-number-3:before { content: "\f1c6";
}
.flaticon-number-four:before { content: "\f1c7";
}
.flaticon-number-5:before { content: "\f1c8";
}
.flaticon-six:before { content: "\f1c9";
}
.flaticon-seven:before { content: "\f1ca";
}
.flaticon-number-8:before { content: "\f1cb";
}
.flaticon-number-9:before { content: "\f1cc";
}
.flaticon-zero:before { content: "\f1cd";
}
.flaticon-user:before { content: "\f1ce";
}
.flaticon-settings-2:before { content: "\f1cf";
}
.flaticon-shield-1:before { content: "\f1d0";
}
.flaticon-email-2:before { content: "\f1d1";
}
.flaticon-unlock:before { content: "\f1d2";
}
.flaticon-unlock-1:before { content: "\f1d3";
}
.flaticon-key:before { content: "\f1d4";
}
.flaticon-transfer:before { content: "\f1d5";
}
.flaticon-blogger:before { content: "\f1d6";
}
.flaticon-live-chat:before { content: "\f1d7";
}
.flaticon-envelope:before { content: "\f1d8";
}
.flaticon-paypal-1:before { content: "\f1da";
}
.flaticon-credit-card-2:before { content: "\f1db";
}

:root { --font-regular: 'Basier Square Regular', sans-serif;
    --font-medium: 'Basier Square Medium', sans-serif;
    --font-bold: 'Basier Square Semi Bold', sans-serif;

    --color-primary: #3b177a;
    --color-primary-rgb: 59, 23, 122;
    --color-primary-hover: #574981;

    --color-text-dark: #170b35;
    --color-text-body: #626c82;
    --color-text-muted: #9ba8af;
    --color-text-subtitle: #62747d;
    --color-text-breadcrumb: #535b81;
    --color-text-heading2: #0c143a;
    --color-text-bold: #455065;
    --color-text-link: #0060df;
    --color-text-link-hover: #23252b;
    --color-text-footer: #e4e7ed;

    --color-border-subtle: #ddd;
    --color-scrollbar-track: #f4f5f7;
    --bg-sticky: rgb(255 255 255 / .98);

    --z-header: 1000;
    --z-overlay: 1040;
    --z-offcanvas: 1050;
    --z-scroll-progress: 1060;

    --color-bg-light: #f0f0f0;
    --color-dark-navy: #0c143a;
    --color-gray-body: #626c82;
    --color-bg-white: #f8f9fa;

    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --z-top: 9999;

    --shadow-sm: 0 1px 3px rgb(0 0 0 / .08);
    --shadow-md: 5px 7px 12px 0 rgb(77 77 119 / .05);
    --shadow-lg: 0 10px 100px 0 rgb(77 77 119 / .16);
    --shadow-card: 0 3px 27px rgb(0 0 0 / .07);

    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 10px;
    --radius-xl: 15px;
    --radius-full: 50%;

--stick-primary: #3b177a;
    --stick-primary-soft: rgb(59 23 122 / .08);
    --stick-text-main: #212529;
    --stick-text-sub: #6c757d;
    --stick-bg: rgb(255 255 255 / .96);
    --stick-border: rgb(255 255 255 / .6);
    --stick-shadow-lg: 0 20px 40px -4px rgb(22 28 45 / .12), 0 10px 16px -6px rgb(22 28 45 / .08);
    --color-purple-dark: #421983;

    --duration-fast: .15s;
    --duration-base: .2s;
    --duration-slow: .3s;
    --color-white: #fff;
    --color-slate-200: #e2e8f0;
    --color-slate-300: #cbd5e1;
    --color-gray-50: #f1f5f9;
    --color-gray-500: #6b7280;
    --color-gray-400: #9ca3af;
    --color-black: #000;
    --color-gray-900: #111827;
    --color-slate-900: #0f172a;
    --color-gray-800: #1f2937;
    --color-warning: #ffc107;
    --color-text-alt: #68767c;
    --color-dark-body: #333;
    --color-border-mid: #dcdee4;
    --color-bg-off: #fdfdfd;
    --color-text-med: #6c757d;
    --color-light-bg: #edeef2;
    --color-teal: #4c5b63;
    --color-navy-dark: #2f3538;
    --color-ink: #170b35;
    --color-form-dark: #1f2831;
    --color-mid: #212529;
    --color-mid2: #64748b;
    --color-mid3: #374151;
    --color-mid4: #555;
    --color-slate-400: #94a3b8;
    --color-slate-600: #475569;
    --color-slate-700: #334155;
    --color-purple-mid: #574981;
    --color-surface: #fcfaff;
    --color-surface-2: #f8fafc;
    --color-text-note: #b8bbc1;
    --color-purple-deep: #4a3387;
    --color-border-light: var(--color-border-light);
    --color-gray-mid: #3f3f3f;
    --color-bg-soft: #f9f9f9;
    --color-indigo: #3f51b5;
    --color-red-dark: #b32d0f;
    --color-cyan: #04a9f5;
    --color-teal-bright: #1dd5d2;
    --color-red-500: #ec1d25;
    --color-purple-light: #f5f3ff;
    --color-whatsapp: #25d366;
    --color-amber: #ffbe44;

    --fs-xs: .75rem;
    --fs-sm: .875rem;
    --fs-base: 1rem;
    --fs-md: 1.0625rem;
    --fs-lg: 1.125rem;
    --fs-xl: 1.25rem;
    --fs-2xl: 1.5rem;
    --fs-3xl: 1.875rem;
    --color-gray-neutral: #3f3f3f;
    --color-gray-dim: #666;
    --color-border-subtle2: #ddd;
    --color-steel: #415a65;
    --color-success: #4caf50;
    --color-green-wa: #25d366;
    --color-purple-hover: #6747c7;
    --color-violet: #744bc4;
    --color-purple-mid2: #6a4bb3;
    --color-purple-btn: #492f94;
    --color-purple-grad: #38146f;
    --color-blue-accent: #5e72e4;
    --color-blue-soft: #667eea;
    --color-blue-link: #0075a8;
    --color-border-gray: #ededed;
    --color-icon-gray: #acadad;
    --color-bg-faint: #f0f3f5;
    --color-bg-neutral: #f1f1f1;
    --color-border-base: var(--color-border-base);
    --color-text-dark2: #4e585d;
    --color-rose-gray: #c7aaa4;
    --color-bg-ice: #f2f7fb;
    --color-gray-dc: #dcdcdc;
    --color-steel-light: #94a2aa;
    --color-lavender: #b4b8d6;
    --color-ui-1: #5b6bd3;
    --color-navy-deep: #262644;
    --color-gray-mist: #a8aeb1;
    --color-ui-2: #5a6367;
    --color-ui-3: #c0c6ca;
    --color-ui-4: #e9eaec;
    --color-ui-5: #10b981;
    --color-ui-6: #f3f4f6;
    --color-ui-7: #28a745;
    --color-ui-8: #eaecf0;
    --color-ui-9: #dcd0f5;
    --color-ui-10: #1a0b36;
    --color-ui-11: #2a0f55;
    --color-ui-12: #e2e2e2;
    --color-ui-13: #d1d5db;
    --color-ui-14: #4f46e5;
    --color-ui-15: #36146a;
    --color-ui-16: #8e9ca8;
    --duration-medium: .25s;
    --duration-slower: .4s;
    --color-border-100: #dee2e6;
    --color-border-50: #e5e7eb;
    --color-yellow-bright: #fdef70;
    --color-gray-slate: #748086;
    --color-blue-vivid: #5c5cfd;
    --color-pink-vivid: #d65ffd;
    --color-mint: #1de9b6;
    --duration-slow2: .6s;
}

html { position: relative;
    min-height: 100%;
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
    scrollbar-color: var(--color-primary) var(--color-scrollbar-track);
    scrollbar-width: thin;
    scroll-padding-top: 80px;
}

@supports (height: 1dvh) { html { min-height: 100dvh; } }

body { font-family: var(--font-regular);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    overflow-y: auto !important;
    transform: none !important;
}

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

::selection {
    background-color: rgb(59 23 122 / .9);
    color: var(--color-white);
    text-shadow: none;
}
:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; }

::-webkit-scrollbar             { width: 10px; }
::-webkit-scrollbar-track {
    background: var(--color-scrollbar-track);
    border-left: 1px solid rgb(0 0 0 / .05);
}
::-webkit-scrollbar-thumb {
    background: var(--color-primary);
    border-radius: var(--radius-md);
    border: 2px solid var(--color-scrollbar-track);
}
::-webkit-scrollbar-thumb:hover { background: var(--color-primary-hover); }

@keyframes slideUp { from { translate: 0 20px; opacity: 0; }
    to   { translate: 0 0;    opacity: 1; }
}

[title]:hover::after,
[data-toggle="tooltip"]:hover::after,
[data-bs-toggle="tooltip"]:hover::after,
.features-domains a:hover::after { display: none !important;
}

[class^="flaticon-"]::before,
[class*=" flaticon-"]::before,
[class^="flaticon-"]::after,
[class*=" flaticon-"]::after { margin-left: 0 !important;
}

.preloader    { display: none !important; pointer-events: none !important; }
.desktop-none { display: none; }
.nobr         { white-space: nowrap; }
.antispam     { display: none; }

#coodiv-header { transform: none !important;
    overflow: visible !important;
 padding:0;
    position:relative;
    background:var(--color-primary);
    box-shadow:5px 10px 70px 0 rgb(110 110 110 / .1);
    border-bottom:1px solid #ddd;
    min-height:759px;
    z-index: var(--z-dropdown);
}

.fixed-header-layout,
.navbar-toggle { position: relative;
    z-index: var(--z-header) !important;
}

#offcanvas-menu-home { z-index: var(--z-offcanvas) !important; }

#coodiv-header .navbar.fixed-header-layout.top-header-fixed { position: fixed !important;
    inset: 0 0 auto !important;
    z-index: 1000 !important;
    background: var(--bg-sticky) !important;
    box-shadow: 0 4px 20px rgb(0 0 0 / .08) !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.mobile-offcanvas-overlay { position: fixed;
    inset: 0;
    background: rgb(0 0 0 / .5);
    z-index: var(--z-overlay) !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity var(--duration-slow), visibility var(--duration-slow);
}
.mobile-offcanvas-overlay.active { opacity: 1;
    pointer-events: auto;
}

img.lazyload,
img.lazyloading { opacity: 0; transition: opacity var(--duration-slow) ease-in; }

.navbar-brand img { aspect-ratio: 175 / 45; }

footer,
#footer { content-visibility: auto;
    contain-intrinsic-size: auto 800px;
}

a {
    text-decoration: none;
    transition: color var(--duration-base) ease-in-out, border-color var(--duration-base) ease-in-out;
}

h1, h2, h3, h4, h5, h6,
.section-title,
.hero-title,
.title-default-coodiv,
.main-header-text-title,
.side-text-right-title { font-family: var(--font-bold) !important;
    font-weight: 600 !important;
    color: var(--color-text-dark);
    text-wrap: balance;
}
h4, h5, h6 { font-size: 1.1875rem; }
p { text-wrap: pretty; }

.main-header-text-title { font-size: 2rem;
    position: relative;
    line-height: calc(1em + 7px);
    letter-spacing: -0.012em;
    min-height: 85px;
    max-width:550px;
}
.main-header-text-title span { display: block;
    font-size: var(--fs-md);
    font-weight: 500;
    font-family: var(--font-regular);
    margin-bottom: 15px;
    color: var(--color-text-subtitle);

}
.main-header-text-title small { display: block;
    text-transform: lowercase;
    font-size: var(--fs-md);
    margin-top: 1px;
    font-family: var(--font-regular);
    color: var(--color-text-muted);

}
.main-header-text-title .sub-page-breadcrumb { text-transform: initial;
    font-size: var(--fs-md);
    margin-top: 11px;
    margin-right: 40px;
    font-family: var(--font-regular);
    color: var(--color-text-breadcrumb);
    line-height: 1.875;

}
.main-header-text-title .sub-page-breadcrumb a { color: inherit !important;
    border-bottom: 1px dotted currentColor !important;
    text-decoration: none !important;
}

.side-text-right-title { position: relative;
    font-size: 1.8125rem;
    line-height: calc(1em + 8px);
    letter-spacing: -0.01em;
}
.side-text-right-title2 { position: relative;
    color: var(--color-text-heading2);
    font-weight: 500;
    margin: 0 0 20px;
    padding: 0;
    font-size: 2.25rem;
    letter-spacing: -0.5px;
    line-height: 1.2;
}
.side-text-right-text { color: var(--color-text-body);
    font-size: var(--fs-lg);
    line-height: 1.8;
    padding-bottom: 9px;
}
.side-text-right-text b { color: var(--color-text-bold); }
.side-text-right-text a { color: var(--color-text-link) !important;
    border-bottom: 1px dotted var(--color-text-link) !important;
    text-decoration: none !important;
}
.side-text-right-text a:hover { color: var(--color-text-link-hover) !important; }

.side-text-right-text-left-line { padding-left: 32px;
    border-left: 1px dotted var(--color-border-subtle);
    margin: 15px 0;
}

.side-text-right-text2 { 
    max-width: 600px;
    font-family: var(--font-regular) !important;
    font-size: var(--fs-lg) !important;
    line-height: 2.1875 !important;
    color: var(--color-text-body) !important;
    position: relative !important;
    font-weight: 500 !important;
    text-wrap: balance;
}
.side-text-right-text2 a { color: inherit !important;
    border-bottom: 1px dotted var(--color-text-body) !important;
    text-decoration: none !important;
}

.footer-section .quiq-links-footer-title,
.footer-section h5 { color: var(--color-text-footer) !important; }

.overflow-hidden { overflow: hidden; }

.font-size-33 { font-size: 2.0625rem !important; }
.f-size25     { font-size: 1.5625rem !important; }
.f-size16     { font-size: var(--fs-base) !important; }
.f-size15     { font-size: var(--fs-md) !important; }
.f-size14     { font-size: var(--fs-sm) !important; }
.f-size13     { font-size: .8125rem !important; }
.f-size12     { font-size: var(--fs-xs) !important; }

.mr-tp-0    { margin-top: 0      !important; }
.mr-tp-10   { margin-top: 10px   !important; }
.mr-tp-20   { margin-top: 20px   !important; }
.mr-tp-30   { margin-top: 30px   !important; }
.mr-tp-40   { margin-top: 40px   !important; }
.mr-tp-50   { margin-top: 50px   !important; }
.mr-tp-60   { margin-top: 60px   !important; }
.mr-tp-70   { margin-top: 70px   !important; }
.mr-tp-80   { margin-top: 80px   !important; }
.mr-tp-90   { margin-top: 90px   !important; }
.mr-tp-100  { margin-top: 100px  !important; }
.mr-tp--120 { margin-top: -120px !important; }
.mr-tp-120  { margin-top: 120px  !important; }

.mr-bt-5  { margin-bottom: 5px  !important; }
.mr-bt-60 { margin-bottom: 60px !important; }

.pad-bt-100 { padding-bottom: 100px !important; }

.padding-20-0  { padding: 20px 0  !important; }
.padding-40-0  { padding: 40px 0  !important; }
.padding-50-0  { padding: 50px 0  !important; }
.padding-60-0  { padding: 60px 0  !important; }
.padding-70-0  { padding: 70px 0  !important; }
.padding-80-0  { padding: 80px 0  !important; }
.padding-100-0  { padding: 80px 0  !important; }

.padding-20-0-100 { padding: 20px 0 100px !important; }
.padding-40-0-100 { padding: 40px 0 100px !important; }
.padding-50-0-100 { padding: 50px 0 100px !important; }
.padding-60-0-100 { padding: 60px 0 100px !important; }
.padding-80-0-100 { padding: 80px 0 100px !important; }
.padding-90-0-100 { padding: 90px 0 80px  !important; }

.padding-80-0-30 { padding: 80px 0 30px !important; }
.padding-80-0-50 { padding: 80px 0 50px !important; }
.padding-80-0-60 { padding: 80px 0 60px !important; }
.padding-80-0-80 { padding: 80px 0 80px !important; }
.padding-80-0-90 { padding: 80px 0 90px !important; }

.padding-100-0-30 { padding: 90px 0 80px  !important; }
.padding-100-0-0  { padding: 100px 0 0    !important; }
.padding-100-0-10 { padding: 100px 0 10px !important; }
.padding-100-0-50 { padding: 100px 0 50px !important; }

.padding-50-0-10   { padding: 50px 0 10px   !important; }
.padding-40-0-0    { padding: 40px 0 0      !important; }
.padding-40-0-80   { padding: 40px 0 80px   !important; }
.padding-130-0-160 { padding: 130px 0 160px !important; }

.padding-80-100-100 { padding: 80px 100px 100px !important; }
.padding-60-100-100  { padding: 60px 100px 100px !important; }

@supports (animation-timeline: scroll()) { body::before { content: '';
        position: fixed;
        inset: 0 0 auto;
        height: 4px;
        background: var(--color-primary);
        z-index: var(--z-scroll-progress);
        transform-origin: 0 50%;
        animation: scroll-progress linear both;
        animation-timeline: scroll(root);
        pointer-events: none;
    }
    @keyframes scroll-progress { from { transform: scaleX(0); }
        to   { transform: scaleX(1); }
    }
}

@media (767px <= width <= 999px) { .hero-left             { flex: 0 0 100% !important; max-width: 99.98% !important; }
    .hero-right {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-top: 20px;
        display: block;
    }
    .header-top-height     { min-height: 130px; }
    .side-text-right-text2 { max-width: 83%; }
    .side-text-right-title { margin-top: 30px; }
}

.tooltip {
    position: absolute !important;
    z-index: var(--z-tooltip) !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}
.tooltip-inner { background-color: #2b2b2b !important;
    color: var(--color-white) !important;
    text-align: center !important;
    border-radius: 4px !important;
    padding: 10px 14px !important;
    font-size: .8125rem !important;
    line-height: 1.5 !important;
}
.footer-lang-changer .dropdown-menu { position: absolute !important;
    top: auto !important;
    bottom: 100% !important;
    margin-bottom: 5px !important;
    z-index: var(--z-top) !important;
    display: none;
}
.footer-lang-changer.show .dropdown-menu { display: block !important; }

.vpx-banners { color:#415965;
    font-family: var(--font-regular);
    border-radius: 0 0 8px 8px;
    font-size: 11.5px;
    top:10px;
    text-align: center;
    font-weight:500;
    box-shadow: none;
    position:fixed;
padding-left:0;padding-top:4px;}

.bg_overlay_header{height:771px;}
#coodiv-header.subpages-header{max-height:771px;}
.row.domain-search-row{margin:0;}

#coodiv-header.subpages-header{max-height:771px;justify-content:center;}
#coodiv-header.subpages-header-min{max-height:90px;}
#coodiv-header.subpages-header-min .bg_overlay_header svg{height:771px;width:inherit;}
#coodiv-header .navbar { z-index:2;
    position:absolute;
    top:0;
    width:100%;
    height:99px;
    transition: box-shadow var(--duration-base) ease, top var(--duration-base) ease, height var(--duration-base) ease;
    box-shadow:0 3px 15px rgb(0 14 69 / 8%);
}
.header-top-height{min-height:125px;}
.tablet{place-content: center;}
#coodiv-header .navbar.fixed-header-layout.top-header-fixed { position:fixed;
    width:100%;
    top:0;
    background-color:rgb(249 249 249 / 98%);
    box-shadow:0 2px 4px 0 rgb(0 0 0 / .25);
    opacity:1;
    left:0;
    right:0;
    transition: background-color var(--duration-base) ease, box-shadow var(--duration-base) ease, opacity var(--duration-base) ease, height var(--duration-base) ease;
    max-height:90px;
}

.navbar-expand-md .navbar-collapse{justify-content: flex-end;}
.navbar-nav{margin-right:25px;}
.dropdown-menu{background:linear-gradient(90deg,var(--color-purple-mid),var(--color-blue-link));}

#coodiv-header .top-header-fixed .header-user-info-coodiv li span{color:#a5b7bf;}
#coodiv-header .navbar.top-header-fixed-btom0{top:-120px;}
#coodiv-header .navbar-brand img { max-height:38px;
    height:100%;
    margin-top:10px;
    image-rendering:-webkit-optimize-contrast;
    backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-font-smoothing:subpixel-antialiased;
}
#coodiv-navbar-header{padding:1.65rem 0;}


#coodiv-navbar-header .navbar-nav .nav-link:before { content:'';
    position:absolute;
    width:8px;
    height:8px;
    background:var(--color-border-mid);
    border-radius: var(--radius-full);
    right:0;
    left:5px;
    margin:auto;
    bottom:-5px;
    opacity:0;
    transition: opacity var(--duration-base) ease, width var(--duration-base) ease, right var(--duration-base) ease;
}
#coodiv-navbar-header .navbar-nav .nav-link:hover::after, #coodiv-navbar-header .navbar-nav .active .nav-link:after {
    left:-7px;
    opacity:1;
}
#coodiv-navbar-header .navbar-nav .nav-link:hover::before, #coodiv-navbar-header .navbar-nav .active .nav-link:before {
    right:0;
    opacity:1;
}

.header-user-info-coodiv {margin-bottom:-3px;
padding-left:0;}
.header-user-info-coodiv li{list-style:none;text-align:center;}
.header-user-info-coodiv li #header-login-dropdown { background:linear-gradient(90deg,var(--color-purple-mid),var(--color-blue-link));
    padding:9px 15px;
    border-radius:5px;
    font-size:.96875rem;
    position:relative;
    font-family: var(--font-bold);
    box-shadow:0 1px 3px rgb(0 0 0 / 30%);
    -webkit-box-pack:end;
    color: var(--color-border-mid);
}

.header-user-info-coodiv li a{font-weight:400;color:var(--color-text-dark2);}
.header-user-info-coodiv li a:hover{background:#dae6ff;text-decoration:none;}
.header-user-info-coodiv li span {
    display:block;
    font-size:.8125rem;
    font-weight:500;
    color:var(--color-bg-light);
    margin-top:7px;
}
.bg_overlay_header {
    position:absolute;
    width:100%;
    height:771px;
    top:0;
    left:0;
    z-index:0;
    bottom:0;
    right:0;
    pointer-events:none;
    overflow:hidden;
}
.bg_overlay_header svg{min-width:126%;margin-left:-200px;}
.bg_overlay_header:after {
    content:'';
    position:absolute;
    bottom:-8px;
    width:100%;
    background-size:100% !important;
    height:70px;
    right:-10px;
}
#coodiv-header.subpages-header-min .bg_overlay_header:after{display:none;}

#coodiv-header.subpages-header .bg_overlay_header svg{height:auto;}

#coodiv-navbar-header .navbar-nav .nav-link .nav-new-tag { padding:0 5px;
    border-radius: var(--radius-xl);
    font-size:.75rem;
    color:var(--color-purple-mid);
    position:absolute;
    line-height:0;
    top:6px;
    right:8px;
    font-family: var(--font-bold);
}
#coodiv-navbar-header .navbar-nav .nav-link .nav-new-tag.active{color:var(--color-steel);}

.container { width: 100%;
  max-width: 1285px;
  margin: 0 auto;
 padding: 0 2.5rem;
  }

@media (width <= 1069px) { #coodiv-header.subpages-header .bg_overlay_header svg { height: 100%;
  }

}

@media (width >= 767px) {

  #coodiv-navbar-header { padding: .8rem 0 !important;
  }
  .bg_overlay_header svg{ margin-left:-100px;
  }

}

@media (width <= 1440px) { .bg_overlay_header svg{ margin-left:-150px;
  }

}

@media (width <= 767px) { .bg_overlay_header svg{min-width:126%;margin-left:-150px;}

 }

@media (width >= 1770px) { .bg_overlay_header svg{ min-width: 160%;
  }

}

@media (width >= 3260px) { .bg_overlay_header svg { min-width: 167%;
    }

}

@media (width >= 4420px) { .bg_overlay_header svg { min-width: 175%;
    }

}
.bg_overlay_header .bg_overlay_header-bg-grand {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    background:linear-gradient(0deg, var(--color-white) 0%, #eef1f8 100%);
    z-index:-1;
    opacity:.5;
}
.nav-header-chage {
    position:absolute !important;
    display:block;
    top:50%;
    transform:translateY(-50%);
    width:8em;
    margin:0 3em 0 0;
    right:0;
}

.main-header-coodiv-s{position:relative}
.coodiv-dropdown-megamnu { box-shadow: var(--shadow-md);
    border-radius: var(--radius-xl);
    margin-top:22px;
    width:100%;
    min-height:260px;
    border:0;
    background:var(--color-white) url(../img/header/slider/header-bg-01.png) no-repeat left center !important;
}

.nav__item { line-height:1;
    position:relative !important;
    display:block;
    margin:0;
    padding:0;
    letter-spacing:0;
    color:currentColor;
    border:0;
    background:none;
    -webkit-tap-highlight-color:rgb(0 0 0 / 0);
    cursor:pointer;
    margin-left:auto;
    left:auto !important;
}
.nav__item:focus{outline:none;}

:is(.navbar .nav-item.dropdown.show > .nav-link::after, .navbar .nav-item.dropdown.show > .btn-nav-dropdown::after, .sticky-contact-button.help-trigger-btn.active svg) {
    transform: rotate(180deg);
}

;

.row .mega-menu-hosting-content:last-child{border:0;}
.menu-btn-span-bar,.menu-btn-span-bar:hover,.menu-btn-span-bar:focus { background:0;
    border:0;
    outline:none;
    transition: background-color var(--duration-medium) ease, margin var(--duration-medium) ease, border  ease;
    cursor:pointer;
    margin:1px 0 0 0;
}
.menu-btn-span-bar span {
    transition: background-color var(--duration-medium) ease, margin var(--duration-medium) ease, border  ease;
}
.menu-btn-span-bar span:nth-child(1) {
    height:4px;
    display:block;
    width:32px;
    background:var(--color-text-note);
    border-radius: var(--radius-sm);
}
.menu-btn-span-bar span:nth-child(2) {
    height:4px;
    display:block;
    width:32px;
    background:var(--color-text-note);
    border-radius: var(--radius-sm);
    margin-top:6px;
}
.menu-btn-span-bar span:nth-child(3) {
    height:4px;
    display:block;
    width:32px;
    background:var(--color-text-note);
    border-radius: var(--radius-sm);
    margin-top:6px;
    float:right;
}
.menu-btn-span-bar.is-open span:nth-child(1){transform:rotate(-45deg);}
.menu-btn-span-bar.is-open span:nth-child(2){display:none;}
.menu-btn-span-bar.is-open span:nth-child(3){margin-top:-3px;width:32px;transform:rotate(45deg);}

.trust-badge-wrapper { position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: 1010;
}

.trust-badge { display: inline-block;
    padding: 10px 15px;
    background: rgb(255 255 255 / .45);
    border-radius: 8px;
    box-shadow: 0 2px 8px rgb(0 0 0 / .1);
    text-align: center;
    margin-top:-70px;
}

.trust-badge .trust-rating-text { font-size: var(--fs-md);
    color: var(--color-gray-neutral);
}

.trust-badge .trust-stars img { display: block;
    margin: 0 auto;
}

.trust-badge .trust-review-count p { font-size: var(--fs-xs);
    color: var(--color-mid4);
    margin: 0;
}

.web-hosting-menu-header{ padding: 0;
}

.web-hosting-menu-header li{ padding: 13px 20px 8px 25px;
    list-style: none;
    position: relative;
    border-bottom: 1px solid var(--color-border-light);
}

.web-hosting-menu-header li:last-child{ border-bottom: 0;
}

.web-hosting-menu-header li.active,.web-hosting-menu-header li:hover {
    background:var(--color-white) !important;
}

.web-hosting-menu-header li a.active{color:var(--color-violet);}

.web-hosting-menu-header li a span{ display: block;
    font-size: var(--fs-xs);
    color: #8fa2ab;
    font-family: var(--font-regular);
}
.web-hosting-menu-header li i{ color: var(--color-purple-hover);
    background: aliceblue;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 3.125;
    border-radius: 60px;
    font-size: var(--fs-md);
    margin-right: 10px;
    position: absolute;
    left: 12px;

    transition: color var(--duration-base) ease, background-color var(--duration-base) ease, font-size var(--duration-base) ease;
}
.web-hosting-menu-header li:hover i{ color: #f8f8f8;
    background: var(--color-purple-hover);
}

@media (max-width:991.98px) { .padding { padding: 1.5rem
     }

 }

@media (max-width:767.98px) { .padding { padding: 1rem
     }

 }
 .padding { padding: 5rem
 }
 .card { box-shadow: none;
     display: flex;
     flex-direction: column;
     min-width: 0;
     overflow-wrap: break-word;
     background-color: var(--color-white);
     background-clip: border-box;
     border: 1px solid #d2d2dc;
     border-radius: 0
 }
 .card .card-title { color: var(--color-black);
     margin-bottom: .625rem;
     text-transform: capitalize;
     font-size: 1.475rem;
     font-weight: 500
 }
 .card .card-description { margin-bottom: .875rem;
     color: #76838f
 }

 .table-responsive { display: block;
     width: 100%;
     overflow-x: auto;
     -ms-overflow-style: -ms-autohiding-scrollbar
 }
 .table, .jsgrid .jsgrid-table { width: 100%;
     max-width: 100%;
     margin-bottom: 1rem;
     background-color: transparent
 }
 .table thead th, .jsgrid .jsgrid-table thead th { border-top: 0;
     border-bottom-width: 1px;
     font-weight: 500;
     font-size: .875rem;
 }
 .table td, .jsgrid .jsgrid-table td { font-size:1rem;
     padding: 1.5rem 2.3rem
 }
 .badge { border-radius: 0;
     font-size: var(--fs-xs);
     line-height: 1;
     padding: .375rem .5625rem;
     font-weight: 400
 }
 .progress { border-radius: 3px;
     height: 30px;
     margin-top: 3px;
     font-size:.9375rem;
 }
 .bg-progress { background-color:#a6a6a6;
 }
 .dev-hosting-buyout{ background: linear-gradient(82deg,var(--color-purple-grad),var(--color-purple-dark));
    box-shadow: 0 3px 6px rgb(0 0 0 / .16);
    border-radius: var(--radius-lg);
    padding: 37px;
    margin-bottom: 25px;
}

.dev-hosting-buyout__item--first{ display: flex;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
}

.dev-hosting-buyout__item--first img{ min-width: 172px;
}

.dev-hosting-buyout__item--first h3{ color: var(--color-bg-light);
    font-family: var(--font-bold);
    font-size: 1.5625rem;
}

.dev-hosting-buyout--cta{ text-align: left;
}

.dev-hosting-buyout--learn-more{ color: var(--color-white);
    font-size: .8125rem;
    font-weight: 600;
    display:table-row;
}

.dev-hosting-buyout--learn-more:hover{ color:#f2f2f2;
}

.dev-hosting-buyout__item--second { color: var(--color-white);
 grid-column: 3;
}

.dev-hosting-buyout__item--second .dev-h6{ color:var(--color-bg-light);
    font-size:1rem;
}

.dev-hosting-buyout-list__items{ display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
}

.dev-hosting-buyout-list__item{ display: flex;
    align-items: center;
    font-size: .8125rem;
    line-height: 1.875;
}

.dev-hosting-buyout-list__item i{ color:var(--color-amber);
    margin-right:10px;
    font-size:1.125rem;
}

.dev-hosting-buyout__items{ display: grid;
    grid-template-columns: auto 1fr 2.3fr;
    align-items: center;
    column-gap: 40px;
}

.dev-hosting-buyout__item--first{ display: contents;
}

.dev-hosting-buyout__item--first img{ grid-column: 1;
}

.dev-hosting-buyout--cta{ grid-column: 2;
}

.dev-hosting-buyout--cta h3 { font-family: var(--font-bold);
    color:var(--color-bg-light);
    text-align:left;
font-size:1.625rem;padding-bottom:10px;}

.hosting-local-section { background: linear-gradient(180deg, var(--color-white) 0%, #f7f9fb 100%);
}

.local-hosting-highlights { list-style: none;
    padding: 0;
    margin-top: 20px;
}

.local-hosting-highlights li { position: relative;
    padding-left: 22px;
    margin-bottom: 10px;
    color: #444;
}

.local-hosting-highlights li::before { content: "";
    position: absolute;
    left: 0;
    color: #31708f;
    font-weight: 700;
}

.local-hosting-features { background: var(--color-white);
    border-radius: 14px;
    padding: 35px;
    box-shadow: 0 10px 30px rgb(0 0 0 / .06);
}

.feature-row { display: flex;
    gap: 18px;
    padding: 18px 0;
    border-bottom: 1px solid #eef2f5;
 transition: background-color var(--duration-base) ease, box-shadow var(--duration-base) ease;
    cursor: default;
}

:is(.feature-row:last-child, .spec-list li:last-child) {
    border-bottom: none;
}

.feature-row i { font-size: 2.5rem;
    color: var(--color-primary);
}

.feature-row h6 { margin-bottom: 5px;
    font-weight: 600;
}

.feature-row p { margin: 0;
    font-size: var(--fs-sm);
    color: var(--color-gray-dim);
}

.social-icon {opacity: .9; }
.social-icon:hover {opacity: 1; }
.list-none-left{list-style: none !important;margin-left:-3px !important;}
.list-none{list-style: none !important;}

.bg-highlighted-green {
    background: linear-gradient(-180deg,#c1f99d 15%,#e0f5d3 94%);
    padding: 2px;
    color: #343a40;
    border-radius: var(--radius-sm);
    overflow: hidden;
}
.highlight {
    font-family: Playfair Display,serif;
    font-size:2.0625rem;
    font-weight: 400;
    font-style: italic;
}
.confirmation-message { display: none;
    padding: 10px;
    background-color: var(--color-success);
    color: var(--color-white);
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
}

.sticky-contact-button { display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 50px;
    color: var(--color-white);
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 4px 12px rgb(0 0 0 / .15);
    transition: color var(--duration-base) ease, background-color var(--duration-base) ease, box-shadow var(--duration-base) ease;
    font-size: var(--fs-sm);
}

.sticky-contact-button.whatsapp { background-color: var(--color-whatsapp);
}
.sticky-contact-button.whatsapp:hover { background-color: #20b758;
}

.sticky-contact-button.phone { background-color: #006bde;
}
.sticky-contact-button.phone:hover { background-color: #0056b3;
}

.sticky-livechat-space { height: 30px;
}

@media (width <= 576px) { .sticky-contact-button { font-size: .8125rem;
        padding: 8px 12px;
    }

}

.preheading {
    text-transform:uppercase;
    font-size:1rem;
    line-height:1.8em;
    display: block;
    position:relative;
    padding-left:50px;
    color:var(--color-gray-body);
}
.preheading::before {
    content: "";
    width: 40px;
    height: 1px;
    left: 0;
    top: 15px;
    position: absolute;
    display: block;
    background:var(--color-border-subtle2);
}
.bg-highlighted { background: linear-gradient(to right, rgb(253 239 112 / .51) 0%,rgb(253 239 112 / .73) 20%,#fdef70 33%,var(--color-yellow-bright) 80%,rgb(253 239 112 / .45) 100%);
    border-radius: 13px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.button-icon{width: 24px !important;height: auto;margin-left: 8px;}
.no-link-color{color:rgb(255 255 255 / .65);}
.no-link-color:hover{color:#33a5e6;}

.domain-hero{opacity:.4;margin-left:-50px;width:55%;position: absolute;}
.ph-counter {position: inherit;z-index: 0;padding-right:0;opacity: .9;text-align:end;margin-top:0;}
.ph-counter img{margin-left:25px;}





.highlight-card { border: 2px solid var(--color-blue-soft);
    background: var(--color-bg-off);
}

.user-info { display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.user-avatar { width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--color-blue-soft) 0%, #764ba2 100%);
    color: var(--color-white);
    font-weight: 700;
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--fs-base);
    flex-shrink: 0;
}

.user-name { font-size: var(--fs-base);
    font-weight: 700;
    margin: 0;
    color: var(--color-dark-body);
}

.user-role { font-size: var(--fs-xs);
    color: var(--color-mid4);
    display: block;
}

.user-role,.footer-city-marquee span{color:#1b1b1b!important;font-weight:500!important}

.review-text { font-size: var(--fs-sm);
    line-height: 1.6;
    color: var(--color-mid4);
    flex-grow: 1;
    font-style: italic;
}

.footer-city-marquee span { font-weight: 500;
    font-size: var(--fs-sm);
    color: var(--text-primary);
}
.footer-city-marquee span strong { color: var(--accent-gold);
    font-weight: 700;
}
.footer-city-marquee span::after { content: '';
    margin: 0 12px;
    color: var(--text-muted);
}

.chevron a{font-family: var(--font-regular);position:relative;}
.chevron a:hover{border-bottom:1px dotted #0060df;}
.chevron a::after{content:url(../img/svgs/flexible-chevron.svg);position:absolute;padding-left:8px;}
.alert {
    position: relative;
    padding:5px 0 .3rem 0;
    margin-bottom:1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    background:transparent;
}
.alert-custom{color:var(--color-gray-body);font-size:.9375rem;z-index:-1}
.the_breadcrumb { background:linear-gradient(90deg, var(--color-border-gray), var(--color-bg-soft));
    border-radius: var(--radius-md);
    font-size: .6875rem;
    line-height:0;
    padding:4px 12px 4px 15px;
    text-transform:uppercase;
    position: absolute;
    color:var(--color-icon-gray);
    z-index:102;
top:25px;}
.the_breadcrumb button {
    font-family: var(--font-regular);
    color:var(--color-ink);
    font-size: var(--fs-sm);
    border-radius: var(--radius-sm);
    cursor: pointer;
}
.the_breadcrumb a{color:#1a79cf;font-family: var(--font-regular);font-size:.6875rem;}
.the_breadcrumb.active {
    position:static;
    margin-bottom:30px;
    background:transparent;
    padding:0;
    z-index:1;
}

.contact-email { background:linear-gradient(90deg, var(--color-border-gray), var(--color-bg-soft));
    font-family: var(--font-bold);
    border-radius: var(--radius-md);
    line-height:0;
    padding:4px 12px 4px 11px;
    position: absolute;
    color:var(--color-icon-gray);
    z-index: var(--z-overlay);
}
.contact-email button {
    font-family: var(--font-regular);
    color:var(--color-ink);
    font-size: var(--fs-sm);
    border-radius: var(--radius-sm);
    cursor: pointer;
}

#partners-section-title {
    font-size: var(--fs-base);
    font-family: var(--font-regular)!important;
    font-weight: 500 !important;
    color: var(--color-gray-body);
}

.live_chat {
    list-style:none;
    background-color:transparent;
    position:relative;
    color:#0f8f5a;
    font-size:1rem;
    line-height:3.8;
    font-family: var(--font-bold);
}
.live_chat i{margin-right:10px;}
.live_chat a {
    color:var(--color-gray-slate);
    font-weight:400;
    border-bottom:1px dotted #748086 !important;
    text-decoration:none !important;
}
.live_chat a:hover{background:var(--color-bg-faint);text-decoration:none;}
.live_chat u {
    color:#13b763;
    border-bottom:1px dotted #606060 !important;
    text-decoration:none !important;
    font-weight: 700;
}

.title-default-coodiv {
    font-weight: 700;
    font-size:1.8125rem;
    letter-spacing:1px;
    margin-bottom:30px;
    text-align:center;
    color:var(--color-ink);
}
.title-default-coodiv span{display:block;font-weight:500;letter-spacing:0;
    margin-block: 10px;font-size:.9375rem;line-height:1.625;color:#66747b;}
.title-default-coodiv-two {
    color:var(--color-dark-navy);
    font-size:1.625rem;
    text-align:center;
    font-family: var(--font-bold);
}
.title-default-coodiv-two span {
    display: block;
    font-size:1.0625rem;
    line-height:1.625;
    max-width:800px;
    margin:auto;
    margin-top:15px;
    color:var(--color-gray-neutral);
    font-family: var(--font-regular);
}
.title-default-coodiv-tree{color:#81a2f8;font-size:.9375rem;text-align:center;}
.title-default-coodiv-tree span {
    display:block;
    margin-top:12px;
    color:#05032b;
    font-size:1.875rem;
    font-weight: 700;
}

.tld-section{margin-top:20px;margin-bottom:20px}
.tld-section .boxshadow{box-shadow: 0 2px 8px 0 rgb(104 115 125 / 10%);
    transition: box-shadow .25s;}
.tld-section .section-title {
    margin-top:0!important;
    text-align:left;
    margin-bottom:30px;
    font-family: var(--font-bold);
}
.tld-section .start-imgbg{background:var(--color-white);width:33%;display:flex;align-items:center}
.tld-section .start-text{width:70%;padding:50px 40px 60px;background:var(--color-white)}
.tld-section .start-redbg .ss-btn a{margin-right:0}
.tld-section .ss-btn{padding:0 25px;margin-top:0}
.tld-section .banner-btns .btn-style{padding:15px!important}
.tld-section .banner-btns{width:100%}
.tld-section .start-imgbg img{margin:auto}
.tld-section .btn-style{margin:30px 45px;padding:10px 20px}
.solidcolor-v{width:50px;height:auto;background:#131315}
.btn-style { font-family: var(--font-regular);
    font-size:1.125rem;
    letter-spacing:0;
    color:var(--color-white);
    display:inline-block;
    border-radius:.5rem!important;
    background-image:none;
    background-color:var(--color-purple-dark);
    transition: color var(--duration-base) ease, letter-spacing var(--duration-base) ease;
    position:relative;
}
.btn-style:hover {
    transition: color var(--duration-base) ease, transform var(--duration-base) ease;
    transform: scale(1.06);
    color: var(--color-white);
}

.breadcrumb-hosting-pages { background:var(--color-bg-off) linear-gradient(var(--color-bg-neutral) 0%, var(--color-bg-off) 10%, var(--color-bg-off) 90%, var(--color-bg-neutral) 100%);
    border-radius: var(--radius-md);
    margin:65px 0 0 0;
    opacity:.98;
}
.breadcrumb-hosting-pages p {
    text-align:center;
    border-right:1px solid var(--color-border-light);
    padding:30px 10px 12px 10px;
    text-decoration:none !important;
    position:relative;
}
.breadcrumb-hosting-pages p:last-child{border:0;border-radius:0 6px 6px 0;}
.breadcrumb-hosting-pages p:first-child{border-radius:6px 0 0 6px;}
.breadcrumb-hosting-pages p img{width:85px;margin:auto;}
.breadcrumb-hosting-pages p .sub-breadcrumb-host-title { font-family: var(--font-regular);
    font-weight:500;
    font-size:1rem;
    letter-spacing:0;
    color:#30363e;
    position:relative;
    text-decoration:none;
    margin-top:10px;
    display:block;
    padding:0;
}
.breadcrumb-hosting-pages p.active:before { content:'';
    width:0;
    height:0;
    border-style:solid;
    border-width:12px 10px 0 10px;
    border-color:#fafcfc transparent transparent transparent;
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    bottom:-9px;
}
.breadcrumb-hosting-pages p.active{background:#fbfbfb;}
.breadcrumb-hosting-pages p .off-tag { position:absolute;
    top:-11px;
    background:var(--color-text-med);
    color:var(--color-bg-light);
    font-size:.8125rem;
    font-weight: 700;
    padding:2px 15px;
    border-radius:0;
    left:0;
    right:0;
    margin:auto;
    width:auto;
}

.breadcrumb-hosting-pages a { text-align:center;
    border-bottom:1px solid var(--color-border-light);
    padding:31px 10px;
    text-decoration:none !important;
    position:relative;
    border-right: 1px solid var(--color-border-light);
}
.breadcrumb-hosting-pages a:last-child{border:0;border-radius:0 6px 6px 0;}
.breadcrumb-hosting-pages a:first-child{border-radius:6px 0 0 6px;}
.breadcrumb-hosting-pages a img{width:45px;margin:auto;}
.breadcrumb-hosting-pages a .sub-breadcrumb-host-title { font-family: var(--font-regular);
    font-size:.9375rem;
    color:#282828;
    position:relative;
    text-decoration:none;
    margin-top:10px;
    display:block;
    padding: 0 5px;
}
.breadcrumb-hosting-pages a.active:before { content:'';
    width:0;
    height:0;
    border-style:solid;
    border-width:12px 10px 0 10px;
    border-color:var(--color-light-bg) transparent transparent transparent;
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    bottom:-9px;
}
.breadcrumb-hosting-pages a.active{background:var(--color-light-bg);}
.breadcrumb-hosting-pages a:hover{background:var(--color-light-bg);}
.breadcrumb-hosting-pages a .off-tag { position:absolute;
    top:-11px;
    background:var(--color-text-med);
    color:var(--color-bg-light);
    font-size:.8125rem;
    font-weight: 700;
    padding:2px 10px;
    border-radius:5px;
    left:0;
    right:0;
    margin:auto;
    width:110px;
}

.mob-display-none { display: block;
}

@

.domain-search-align input { flex: 1;
    padding: 4px 10px;
    font-size: var(--fs-sm);
    border: 1px solid #ccc;
    border-radius: 5px;
}

.inline-button-domain-order button { padding: 8px 12px;
    border: none;
    background-color: #16475f;
    color: var(--color-white);
    border-radius: 5px;
    cursor: pointer;
}

.inline-button-domain-order button:hover { background-color: #0f3245;
}

.price-list p span { display: block;
    font-weight: 700;
    font-size: var(--fs-sm);
}

.enterprise-clean-wrapper { background: var(--color-white);
    border-radius: var(--radius-sm);

    box-shadow: 0 20px 60px rgb(0 0 0 / .06);
    padding: 4rem 1rem;
    position: relative;
    overflow: hidden;
    margin-bottom: 15px !important;
    border-bottom: 1px solid #cbcbcb;
}

.shimmer-line-top { position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--color-primary), #9d50bb, transparent);
    background-size: 200% 100%;
    animation: shimmerMove 3s ease-in-out infinite;
    z-index: 10;
}

.tld-flow { background: var(--color-bg-white);
    border-radius: 12px;
    padding: 12px 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: transform var(--duration-base) ease, background var(--duration-base) ease, box-shadow var(--duration-base) ease;
    cursor: pointer;
    height: 100%;
    text-decoration: none;
}

.tld-name { font-weight: 700;
    font-size: var(--fs-base);
    margin-bottom: 2px;
    color: var(--color-mid);
}
.tld-price { font-size: .85rem;
    font-weight: 500;
    color: var(--color-text-med);
}

.tld-flow.more-flow { background: rgb(59 23 122 / .05);
    color: var(--color-primary);
}

.tld-plus { font-weight: 800;
    font-size: 1.1rem;
    color: var(--color-primary);
    line-height: 1;
}

.tld-label { font-size: .7rem;
    color: var(--color-primary);
    padding-top:5px;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 6px;
    opacity: .9;
}

.tld-flow:hover { transform: translateY(-4px);
    background: var(--color-white);
    box-shadow: 0 10px 20px rgb(0 0 0 / .08);
}

.tld-flow.more-flow:hover { background: rgb(59 23 122 / .1);
    box-shadow: 0 10px 20px rgb(59 23 122 / .15);
}

.side-text-right-title { font-family: inherit;
    font-weight: 800;
    color: var(--color-mid);
}
.side-text-right-text { font-size: var(--fs-lg);
    line-height: 1.8;
    font-family: var(--font-regular);
    padding-bottom: 9px;
}

.backdrop-blur { backdrop-filter: blur(8px); }

.ls-1 { letter-spacing: 1px; }
.line-height-sm { line-height: 1.3; }

.decoration-wave { text-decoration-style: wavy;
    text-decoration-thickness: 2px;
    text-underline-offset: 6px;
}

.hover-border-primary:hover { border-color: var(--color-primary) !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgb(0 0 0 / .05) !important;
}

.group-hover-translate { transition: transform var(--duration-slow) ease; }
.group:hover .group-hover-translate { transform: translateX(5px); }

.shadow-2xl { box-shadow: 0 25px 50px -12px rgb(0 0 0 / .15); }

#domain-search-header{padding-left:0;position:relative;padding-right:96px;width:100%;}
#domain-search-header input { width:108%;
    height:60px;
    outline:none;
    padding-left:85px;
    color:var(--color-form-dark);
    font-size:1.1875rem;
    background:var(--color-bg-soft);
    border:3px solid rgb(0 0 0 / .05);
    vertical-align:middle;
    border-radius:0 0 0 6px;
    padding-top:5px;
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
}
#domain-search-header input::-webkit-input-placeholder {
    color:var(--color-form-dark);
    font-size:1.0625rem;
    vertical-align:middle;
    font-family: var(--font-regular);
}
#domain-search-header .fa-globe2 {
    font-family: var(--font-bold);
    position:absolute;
    top:10px;
    left:15px;
    font-size:1.5625rem;
    color:#321364;
    font-style: unset;
    overflow:auto;
}
#domain-search-header .inline-button-domain-order{position:absolute;top:10px;right:0;}
#domain-search-header .inline-button-domain-order #search-btn { background:linear-gradient(90deg,var(--color-purple-mid),var(--color-blue-link));
    color:var(--color-border-mid);
    height:61px;
    width:71px;
    font-size:1.875rem;
    border-radius: 5px;
    outline:none !important;
    line-height: 2.5625;
    cursor:pointer;
    margin-top:-10px;
    border-bottom-left-radius:0;
    border-top-left-radius:0;
    border-left: 0;
    padding:0;
}
#domain-search-header .inline-button-domain-order #search-btn-footer { background:radial-gradient(circle at top, var(--color-purple-mid2), var(--color-purple-deep));
    color:var(--color-bg-soft);
    height:63px;
    width:71px;
    font-size:1.875rem;
    border-radius:5px;
    outline:none !important;
    line-height:2.5625;
    cursor:pointer;
    margin-top:-11px;
    margin-right:0;
    border-bottom-left-radius:0;
    border-top-left-radius:0;
    box-shadow:rgb(60 64 67 / 30%) 0 1px 2px 0, rgb(60 64 67 / 15%) 0 1px 3px 1px;
    border:2px solid rgb(78 78 78);
    letter-spacing:-0.030em;
    border-left: 0;
}
#domain-search-header .inline-button-domain-order #transfer-btn { background-image:linear-gradient(to right,#5c5cfd,#d65ffd);
    border:0;
    color:var(--color-bg-light);
    height:40px;
    width:40px;
    font-size:1rem;
    border-radius:50px;
    outline:none !important;
    line-height:2.5;
    cursor:pointer;
    box-shadow:3px 4px 31px 0 rgb(149 94 253 / .45);
    transition: color var(--duration-base) ease, background-color var(--duration-base) ease, border-color var(--duration-base) ease, box-shadow var(--duration-base) ease;
}
#domain-search-header .inline-button-domain-order #transfer-btn:hover { background-size:175% 100%;
    color:var(--color-bg-light);
    outline:none;
    transition:background-size .2s ease-in-out,.2s box-shadow ease-in-out,.2s filter,.3s opacity;
}
.domain-search-header-pricetext {
    display:block;
    font-size:.9375rem;
    font-weight:500;
    letter-spacing:0;
    margin-top:10px;
    text-align:right;
    padding-right:26px;
    color:#7f939c;
}
.domain-search-header-pricetext b{color:#747d82;}
.domain-search-align{float:right;}

.domain-name-classes { max-width:162px;
    background:var(--color-bg-off) linear-gradient(var(--color-bg-neutral) 0%, var(--color-bg-off) 10%, var(--color-bg-off) 90%, var(--color-bg-neutral) 100%);
    box-shadow: var(--shadow-md);
    padding:15px 20px;
    border-radius:14px;
    position:relative;
    transition: background-color var(--duration-base) ease, box-shadow var(--duration-base) ease, padding var(--duration-base) ease, width var(--duration-base) ease;
}
.domain-name-classes:hover{box-shadow:5px 7px 12px 0 rgb(77 77 119 / .15);}
.domain-name-classes .domain-img{height:34px;position:relative;vertical-align:middle;}
.domain-name-classes .domain-img img {
    width:45px;
    vertical-align:middle;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    max-height:36px;
}
.domain-name-classes .price {
    display:block;
    font-size:.8125rem;
    color:#6f6f6f;
    margin-top:3px;
    font-family: var(--font-regular);
}
.domain-name-classes .features-domains {
    text-align:center;
    position:absolute;
    right:0;
    width:50px;
    top:19px;
}
.domain-name-classes .features-domains a{display:block;margin-bottom:10px;}
.domain-name-classes .features-domains img { width:13px;
    cursor:pointer;
    opacity:.4;
    margin:auto;
    display:block;
    transition: opacity var(--duration-base) ease, width var(--duration-base) ease, margin var(--duration-base) ease;
}
.domain-name-classes .features-domains img:hover{opacity:.7;}
.owl-domain-prices-previw{height:99px;overflow:hidden;margin-top:1px;padding-bottom:5px;}
.owl-domain-prices-previw .owl-item{min-height:1px;float:left;}
.owl-dots.disabled{display:none;}
.owl-domain-prices-previw .owl-nav{position:absolute;bottom:0;}
.owl-domain-prices-previw.owl-theme .owl-nav .owl-prev { background:url(../img/svgs/Arrow-1.svg) no-repeat !important;
    background-size:contain !important;
    width:28px;
    height:17px;
    margin-left:10px;
    opacity:.2;
    transition: opacity var(--duration-base) ease, background-color var(--duration-base) ease, left var(--duration-base) ease;
}
.owl-domain-prices-previw.owl-theme .owl-nav .owl-prev:hover{opacity:.4;}
.owl-domain-prices-previw.owl-theme .owl-nav .owl-next { background:url(../img/svgs/Arrow.svg) no-repeat !important;
    background-size:contain !important;
    width:28px;
    height:17px;
    opacity:.2;
    transition: opacity var(--duration-base) ease, background-color var(--duration-base) ease;
}
.owl-domain-prices-previw.owl-theme .owl-nav .owl-next:hover{opacity:.4;}
.hosting-header-slider-cell-img{width:310px;}
.circle-sub-title-header-slider { position:relative;
    display:inline;
    background:linear-gradient(#fafafa, #e9e7e8);
    padding:6px 12px;
    font-size:.9375rem;
    color:var(--color-mid4)a73;
    border-radius:7px;
    box-shadow:0 0 1px 0 rgb(60 64 67 / .30), 0 0 1px 0 rgb(60 64 67 / .15);
    font-family: var(--font-regular);
    line-height:1.6;
    border: 1px solid #d5dbdd;
}
.circle-sub-title-header-slider img { width: 20px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
}
.circle-sub-title-header-slider.flow{display:flow;}
.text-sub-title-header-slider { display:block;
    text-transform:capitalize;
    font-size:.9375rem;
    margin-top:1px;
    font-weight:300;
    letter-spacing:0;
    color:#9ba8af;
    font-family:'Poppins', sans-serif;
    line-height:1.9375;
}
.btn-sub-title-header-slider { background-image:linear-gradient(to right,#fdb05c,#fd8d5f);
    border:0;
    color:var(--color-bg-light);
    font-size:.875rem;
    border-radius:50px;
    display:inline-table;
    margin-top:12px;
    padding:8px 30px;
    letter-spacing:.5px;
    outline:none !important;
    cursor:pointer;
    box-shadow:3px 4px 31px 0 rgb(253 165 93 / .54);
    transition: color var(--duration-base) ease, background-color var(--duration-base) ease, border-color var(--duration-base) ease, box-shadow var(--duration-base) ease, padding var(--duration-base) ease;
    text-decoration:none;
    margin-left:10px;
}
.btn-sub-title-header-slider:hover { background-size:175% 100%;
    color:var(--color-bg-light);
    outline:none;
    text-decoration:none;
    transition:background-size .2s ease-in-out,.2s box-shadow ease-in-out,.2s filter,.3s opacity;
}
.hosting-header-slider-cell-img-02{width:450px;}
.coodiv-dropdown-header {
    background:var(--color-border-base);
    box-shadow: var(--shadow-md);
    border-radius: var(--radius-xl);
    margin-top:25px;
}
.coodiv-dropdown-header:after {
    content:'';
    background:url(../img/header/navs/dropdown.png) no-repeat !important;
    position:absolute;
    width:47px;
    height:10px;
    top:-10px;
    left:9px;
}
.coodiv-dropdown-header .dropdown-item {
    padding: .15rem 3.5rem .15rem .9rem;
    font-weight:700;
    color:#4e5f67;
    font-size:.8125rem;
    line-height:1.5;
    position:relative;
}

:is(.coodiv-dropdown-header .dropdown-item, .footer-contact-method a span, .footer-contact-method a b) {
    font-weight:500;
}

.coodiv-dropdown-header .dropdown-item .nav-new-tag { position:absolute;
    right:15px;
    background:#ffeb3b;
    padding:2px 6px;
    line-height:1;
    border-radius: var(--radius-md);
    top:50%;
    transform:translateY(-50%);
}
.coodiv-dropdown-header .dropdown-item .nav-soon-tag { position:absolute;
    right:15px;
    background:#e589cd;
    color:var(--color-bg-light);
    padding:2px 6px;
    line-height:1;
    border-radius: var(--radius-md);
    top:50%;
    transform:translateY(-50%);
}
.dropdown-item:active {
    color:var(--color-dark-navy);
    text-decoration:none;
    background-color:var(--color-bg-white);
}

.box-features-sevices-home { background:var(--color-white);
    box-shadow:0 10px 100px 0 rgb(77 77 119 / .08);
    border-radius: var(--radius-lg);
    padding:35px 25px 25px;
    width:100%;
    display:block;
    margin-top:5px;
    position:relative;
    margin-bottom:30px;
}
.box-features-sevices-home .box-features-sevices-ovelow { position:absolute;
    left:0;
    right:0;
    border-radius:5px;
    background:linear-gradient(45deg, #8b80f7, #5d47f6);
    top:50%;
    transform:translateY(-50%);
    overflow:hidden;
    height:0;
    transition: top var(--duration-slow) ease, background-color var(--duration-slow) ease, transform var(--duration-slow) ease;
}
.box-features-sevices-home:hover .box-features-sevices-ovelow, .box-features-sevices-home.active .box-features-sevices-ovelow {
    height:100%;
}
.box-features-sevices-home .box-features-sevices-ovelow:after { content:'';
    position:absolute;
    width:300px;
    height:300px;
    background:var(--color-white);
    border-radius: var(--radius-full);
    top:-150px;
    right:-130px;
    opacity:.1;
}
.box-features-sevices-home:hover .icon-box-features-home, .box-features-sevices-home.active .icon-box-features-home {
    background:rgb(255 255 255 / .1803921568627451) !important;
}
.icon-box-features-home { height:60px;
    width:60px;
    display:block;
    text-align:center;
    line-height:3.75;
    border-radius:5px;
    position:relative;
    transition: width var(--duration-base) ease, height var(--duration-base) ease;
}
.icon-box-features-home:after { content:'';
    background:url(../img/bg/icon-bg.png) no-repeat !important;
    position:absolute;
    width:85px;
    height:85px;
    z-index:0;
    top:-10px;
    left:-9px;
    opacity:.1;
}
.icon-box-features-home i:before {
    font-size:1.875rem;
    transition: font-size var(--duration-base) ease;
}
.box-features-sevices-home:hover .icon-box-features-home i:before , .box-features-sevices-home.active .icon-box-features-home i:before {
    color:var(--color-white) !important;
}
.icon-box-features-home.first-color{background:#fee;}
.icon-box-features-home.second-color{background:#e5f9ed;}
.icon-box-features-home.third-color{background:#e6f1f9;}
.icon-box-features-home.fourth-color{background:#f7e6f9;}
.icon-box-features-home.first-color i:before{color:var(--color-rose-gray);}
.icon-box-features-home.second-color i:before{color:#a6bbaf;}
.icon-box-features-home.third-color i:before{color:#c6d1d8;}
.icon-box-features-home.fourth-color i:before{color:var(--color-rose-gray);}
.box-features-sevices-home .box-title { text-align:left;
    margin-top:25px;
    font-size:1rem;
    font-family:'Poppins', sans-serif;
    font-weight:600;
    color:var(--color-navy-dark);
    position:relative;
    transition: color var(--duration-base) ease, font-size var(--duration-base) ease, top var(--duration-base) ease;
}
.box-features-sevices-home:hover .box-title,.box-features-sevices-home.active .box-title {
    color:var(--color-bg-light);
}
.box-features-sevices-home .box-text { display:block;
    font-size:.8125rem;
    text-transform:capitalize;
    letter-spacing:0;
    margin-bottom:10px;
    color:#565f63;
    margin-top:15px;
    line-height:1.375;
    position:relative;
    transition: transform var(--duration-slow) ease, opacity var(--duration-slow) ease, top var(--duration-slow) ease, bottom var(--duration-slow) ease;
}
.box-features-sevices-home:hover .box-text, .box-features-sevices-home.active .box-text {
    color:#e2e6e8;
}
.box-features-sevices-home .box-btn { display:block;
    margin-top:30px;
    padding:9px;
    text-align:center;
    border-radius:5px;
    color:var(--color-bg-light);
    text-transform:uppercase;
    font-weight: 700;
    font-size:.8125rem;
    text-decoration:none;
    letter-spacing:1px;
    background:var(--color-violet);
    background-image:linear-gradient(to right,#5c5cfd,#d65ffd);
    box-shadow:3px 4px 31px 0 rgb(111 92 253 / .39);
    transition: transform var(--duration-base) ease, color var(--duration-base) ease, background-color var(--duration-base) ease, box-shadow var(--duration-base) ease;
    position:relative;
}
.box-features-sevices-home .box-btn:hover { color:var(--color-bg-light);
    box-shadow:3px 4px 31px 0 rgb(111 92 253 / .8);
    transition: color var(--duration-base) ease, box-shadow var(--duration-base) ease;
}
.home-our-servces-title { text-align:left;
    position:relative;
    font-family:'Poppins', sans-serif;
    text-transform:uppercase;
    font-weight: 700;
    font-size:1.5625rem;
    letter-spacing:1px;
    margin-bottom:30px;
    color:var(--color-navy-dark);
    padding-bottom:25px;
}
.home-our-servces-title:after { content:'';
    position:absolute;
    height:3px;
    width:50px;
    background:#e7e9ea;
    bottom:0;
    left:0;
    transition: width var(--duration-slow) ease, background-color var(--duration-slow) ease;
}
.home-our-servces-title:hover::after{width:100px;}
.home-our-servces-text {
    display:block;
    font-size:1.0625rem;
    font-weight:400;
    color:#3d4548;
    line-height:1.875;
    position:relative;
}
.body_overlay_ono {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    overflow:hidden;
    pointer-events:none;
}
.body_overlay_ono:after { display:block;
    top:-5rem;
    right:-53rem;
    border-radius:25rem;
    transform:rotate(-44deg);
    background:var(--color-bg-faint);
    content:"";
    position:absolute;
    width:100%;
    height:34.375rem;
}
.icon-hom-page-service-holder { width:128px;
    height:100px;
    background:url(../img/bg/home-icon.png) no-repeat !important;
    text-align:center;
    padding:15px;
    margin:auto;
    margin-top:50px;
    position:relative;
    transition: background-color var(--duration-base) ease, padding var(--duration-base) ease, margin var(--duration-base) ease;
    cursor:pointer;
}
.icon-hom-page-service-holder:after { width:128px;
    height:115px;
    background:url(../img/bg/home-icon.png) no-repeat !important;
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:0;
    opacity:0;
    transition: opacity var(--duration-base) ease;
    pointer-events:none;
}
.icon-hom-page-service-holder:hover::after { opacity:.6;
    transition: opacity var(--duration-base) ease;
    animation:bigono  linear;
    font-weight: 400;
    font-variant:normal;
    -webkit-font-smoothing:antialiased;
}

@keyframes bigono { 0%   { opacity: 1; transform: scale(1); }
    50%  { opacity: .6; transform: scale(1.08); }
    100% { opacity: 1; transform: scale(1); }
}
.OrangeBanner { background:linear-gradient(to bottom,rgb(236 213 101 / .85) 30%,rgb(232 214 120 / .92) 20%);
    color:var(--color-dark-navy);
    width:100%;
    display:block;
    padding:20px;
    box-sizing:border-box;
    font-size:1rem;
    font-weight:500;
    border:1px solid rgb(0 0 0 / .06);
}
.OrangeBanner a{color:var(--color-dark-navy);text-decoration:underline;}
.icon-hom-page-service-holder img{height:100%;}
.icon-hom-page-service-title {
    color:rgb(38, 38, 68);
    font-size:1.0625rem;
    font-weight: 700;
    text-align:center;
    margin-top:20px;
    font-family: var(--font-regular);
}
.icon-hom-page-service-text {
    display:block;
    font-size:.9375rem;
    line-height:1.5625;
    margin:auto;
    margin-top:15px;
    color:var(--color-text-alt);
    text-align:center;
    padding:0 30px;
}
.hom-page-service-more {
    background:transparent;
    border-radius:25px;
    position:relative;
    padding:10px 30px 20px;
    overflow:hidden;
}
.hom-page-service-more:after {
    content:'';
    background:url(../img/bg/shape.png) no-repeat;
    right:30px;
    bottom:0;
    z-index:0;
    pointer-events:none;
    width:323px;
    position:absolute;
    height:293px;
}
.hom-page-service-more:before { content:'';
    height:140px;
    width:140px;
    background:rgb(51 51 51 / .4);
    position:absolute;
    border-radius: var(--radius-full);
    right:90px;
    z-index:0;
    pointer-events:none;
    opacity:.1;
    top:300px;
}
.hom-page-service-more-payment{position:absolute;bottom:20px;}
.hom-page-service-more-payment a{margin:0 5px;}
.hom-page-service-more-payment a img{height:15px;opacity:1;}
.hom-page-service-more-title {
    font-family: var(--font-regular);
    text-transform:uppercase;
    font-weight: 700;
    font-size:1.5rem;
    letter-spacing:1px;
    color:var(--color-white);
    margin-top:5px;
}
.hom-page-service-more-title span {
    font-weight:500;
    display:block;
    font-size:1rem;
    letter-spacing:0;
    margin-top:5px;
}
.hom-page-service-more-banner {
    position:absolute;
    right:50px;
    z-index:2;
    top:50%;
    transform:translateY(-50%);
}
.hom-page-service-more-form{margin:20px 0 20px;display:block;position:relative;}
.hom-page-service-more-form input[type=email] { width:100%;
    height:40px;
    padding:5px 20px;
    border:0;
    border-radius:25px;
    box-shadow:none;
    outline:none;
    font-size:1rem;
    letter-spacing:.5px;
    z-index:1;
    position:relative;
    background:#e6e6e6;
}
.hom-page-service-more-form input[type=submit] { position:absolute;
    right:6%;
    z-index:1;
    top:3px;
    bottom:3px;
    font-size:1rem;
    height:34px;
    border:0;
    border-radius:25px;
    color:var(--color-bg-light);
    padding:0 18px;
    font-weight:500;
    letter-spacing:.5px;
    outline:none;
    box-shadow:none;
    background:#38b36d;
    cursor:pointer;
    opacity:1;
    transition: opacity var(--duration-base) ease, background-color var(--duration-base) ease, box-shadow var(--duration-base) ease;
}
.hom-page-service-more-form input[type=submit]:hover {
    outline:none;
    box-shadow:none;
    opacity:1;
    transition: opacity var(--duration-base) ease, box-shadow var(--duration-base) ease;
}
.hom-page-service-more-form input[type=submit].error-send-mc{background:var(--color-red-500);}
.hom-page-service-more-form input[type=submit].success-send-mc{background:var(--color-success);}
#monthly-yearly-chenge{padding:0 0 15px 2px;min-width:200px;}
#monthly-yearly-chenge a {
    color:#0060df;
    text-decoration:none;
    position:relative;
    font-size:1rem;
    text-transform:uppercase;
    cursor:pointer;
    font-family: var(--font-regular);
}
#monthly-yearly-chenge a.active{color:var(--color-mid);}
#monthly-yearly-chenge a:first-child{padding-right:35px;}
#monthly-yearly-chenge a:last-child{padding-left:35px;}
#monthly-yearly-chenge a:first-child::after { content:'';
    position:absolute;
    height:21px;
    width:50px;
    background:#dae4e6;
    top:50%;
    transform:translateY(-50%);
    right:-25px;
    border-radius:40px;
}
#monthly-yearly-chenge a:last-child::after { content:'';
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background:#50e3c2;
    width:18px;
    height:18px;
    left:-28px;
    border-radius:40px;
    transition: background-color var(--duration-base) ease, transform var(--duration-base) ease, left var(--duration-base) ease;
}
#monthly-yearly-chenge a:last-child.active::after {
    left:0;
    transition: left var(--duration-base) ease;
}
.first-pricing-table { text-align:center;
    padding:35px 30px;
    background:var(--color-white);
    box-shadow:0 10px 100px 0 rgb(77 77 119 / .16);
    border-radius: var(--radius-lg);
    position:relative;
    overflow:hidden;
}
.first-pricing-table.best-plan:after {
    content:'';
    background:url(../img/bg/seal.png) no-repeat !important;
    position:absolute;
    width:100%;
    height:100%;
    bottom:0;
    z-index:0;
}
.first-pricing-table-icon{font-size:2.5rem;color:#f1c078;margin:25px 0 0 0;}
.first-pricing-table-title {
    font-family: var(--font-bold);
    font-weight: 700;
    font-size:1.625rem;
    letter-spacing:1px;
    color:var(--color-form-dark);
    margin-top:5px;
}
.first-pricing-table-title span { display:block;
    font-size:1rem;
    line-height:1.5;
    color:var(--color-gray-body);
    letter-spacing:0;
    margin-top:19px;
    font-family: var(--font-regular);
}
.first-pricing-table-price {
    font-size:1.75rem;
    display:block;
    margin:20px 0;
    font-style:inherit !important;
}
.first-pricing-table-price i{font-style:inherit !important;}
.first-pricing-table-price small{opacity:.5;font-size:1rem;}
.first-pricing-table-most { position:absolute;
    transform:rotate(45deg);
    background:#ff4797;
    color:var(--color-bg-light);
    padding:5px;
    width:200px;
    top:25px;
    right:-60px;
    text-align:center;
    font-size:.8125rem;
}
.first-pricing-table-body{padding-left:0;}
.first-pricing-table-body li { list-style:none;
    margin-bottom:7px;
    font-size:1rem;
    font-weight:500;
    border-radius:30px;
    color:var(--color-teal);
    position:relative;
    z-index:1;
}
:is(.first-pricing-table-body li.not-chacked, .second-pricing-table-body li.not-chacked) {
    text-decoration:line-through;position:relative;
}

.first-pricing-table-body li.not-chacked:after {
    position:absolute;
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    content:"\f057";
    left:9px;
    font-size:1.375rem;
    top:4px;
    color:#e24d4d;
}
.first-pricing-table-order { display:block;
    margin:45px -30px -35px;
    background:var(--color-indigo);
    padding:14px;
    color:var(--color-bg-light);
    font-weight:500;
    text-transform:uppercase;
    font-family: var(--font-regular);
    letter-spacing:2px;
    font-size:1rem;
    position:relative;
    z-index:1;
    text-decoration:none !important;
    border-radius:0 0 6px 0;
}
.first-pricing-table-order:hover{color:var(--color-bg-light);background:#48d1b2;}
.first-pricing-table-container [class^="col-md-"], .first-pricing-table-container [class*=" col-md-"] {
    padding:0;
}
.first-pricing-table.best-plan .first-pricing-table-order{margin:45px -30px -60px;}
.first-pricing-table-container [class^="col-md-"]:first-child .first-pricing-table .first-pricing-table-order {
    background:var(--color-warning);
    border-radius:0 0 0 6px;
}
.first-pricing-table-container [class^="col-md-"]:first-child .first-pricing-table .first-pricing-table-order:hover {
    background:#6799d8;
}
.first-pricing-table.best-plan{padding:60px 30px;margin-top:-15px;position:relative;z-index:1;}
.first-pricing-table-container [class^="col-md-"]:first-child .first-pricing-table {
    border-radius:10px 0 0 10px;
}
.first-pricing-table-container [class^="col-md-"]:first-child .first-pricing-table .first-pricing-table-icon {
    color:var(--color-warning);
}
.first-pricing-table-container [class^="col-md-"]:first-child .first-pricing-table .first-pricing-table-title {
    color:var(--color-warning);
}
.first-pricing-table-container [class^="col-md-"]:last-child .first-pricing-table .first-pricing-table-icon {
    color:var(--color-indigo);
}
.first-pricing-table-container [class^="col-md-"]:last-child .first-pricing-table .first-pricing-table-title {
    color:var(--color-indigo);
}
.first-pricing-table-container [class^="col-md-"]:last-child .first-pricing-table {
    border-radius:0 10px 10px 0;
}
.first-pricing-table.best-plan .first-pricing-table-order{background:var(--color-purple-dark);}
.first-pricing-table.best-plan .first-pricing-table-order:hover {
    background:var(--color-purple-dark);
}
.first-pricing-table-price.monthly .yearly{display:none;}
.first-pricing-table-price.yearly .monthly{display:none;}
#monthly-yearly-chenge.style-two{background: #dbedf8;
    position: relative;
    display: table;

    border-radius: 60px;
    margin-left: auto;
    margin-right: auto;
    padding: 8px;
    z-index: 0;}
#monthly-yearly-chenge.style-two a {
    width:150px;
    display:inline-block;
    text-align:center;
    padding:10px 0 !important;
    z-index:1;
    position:static;
}
#monthly-yearly-chenge.style-two a:last-child::after{display:none;}
#monthly-yearly-chenge.style-two a:first-child::after{display:none;}
#monthly-yearly-chenge.style-two a.active{color:var(--color-text-dark2);}
#monthly-yearly-chenge.style-two a .change-box-text {
    position:relative;
    z-index:1;
    font-size:.9375rem;
}
#monthly-yearly-chenge.style-two a:first-child .change-box { content:'';
    position:absolute;
    background:var(--color-white);
    border-radius:60px;
    bottom:3px;
    top:3px;
    z-index:0;
    transform:translateY(0%);
    width:160px;
    right:3px;
    transition: transform var(--duration-base) ease, background-color var(--duration-base) ease;
}
#monthly-yearly-chenge.style-two a.active:first-child .change-box {
    left:3px;
    right:auto;
    transition: left var(--duration-base) ease, right var(--duration-base) ease;
}
.migration-offer { background:var(--color-border-subtle2);
    color:#87959c;
    font-size:.9375rem;
    padding:8px 15px 8px 20px;
    line-height: 1.375;
    user-select: none;
    text-align:left;
    margin-top:20px;
}

.migration-offer i{color:var(--color-red-dark);font-size:12.5px;padding-right:5px;}
.migration-offer.countdown { background:var(--color-white);
    color:var(--color-teal);
    font-size:.875rem;
    border:solid 1px #e5e5e5;
    line-height: 1.375;
    user-select: none;
    text-align:center;
    margin:0;
    padding:5px;
}
.migration-offer i{color:var(--color-red-dark);}
#timer{color:black;}
#timer-3.active{color:var(--color-white);}
:is(#countdown-1, #countdown-2, #countdown-3) {
    color:var(--color-red-dark);
    text-decoration: none !important;
    font-family: var(--font-regular);
}
.second-pricing-table { text-align:center;
    padding:30px 30px;
    background:var(--color-white);
    border-radius:5px;
    position:relative;
    overflow:hidden;
    box-shadow:0 4px 12px 0 rgb(104 115 125 / .15);
    transition:box-shadow .25s;
    border:1px solid #dde8e8;
}
.second-pricing-table-title {
    text-align:left;
    margin-bottom:20px;
    font-size:1.5rem;
    font-family: var(--font-bold);
    color:#262a3e;
}
.second-pricing-table-title span {
    display:block;
    font-size:1rem;
    color:var(--color-text-dark2);
    margin-top:10px;
    font-family: var(--font-regular);
    font-weight:500;
    line-height:1.3125;
}
.second-pricing-table-price {
    text-align:left;
    font-size:1.4375rem;
    display:block;
    margin:25px 0 6px;
    font-style:inherit !important;
}
.second-pricing-table-price i{font-style:inherit !important;font-family: var(--font-bold);}
.second-pricing-table-price i span { color:var(--color-mid);
    float: right;
    font-size: var(--fs-xs);
    background:var(--color-amber);
    padding: 3px 13px;
    border-radius: 19px;
    font-family: var(--font-bold);
}
.second-pricing-table-price small{opacity:.5;font-size:1rem;}
.second-pricing-table-price.monthly .yearly{display:none;}
.second-pricing-table-price.yearly .monthly{display:none;}
:is(.second-pricing-table-body, .header-primary-checklist) {
padding-left:0;text-align:left;}
.second-pricing-table-body li { list-style:none;
    font-size:1rem;
    padding:6px 0;
    font-weight:500;
    border-radius:30px;
    color:var(--color-teal);
    position:relative;
    z-index:1;
    font-family: var(--font-regular);
}

.second-pricing-table-body li.not-chacked:after { content: "" !important;
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 10px;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.997 26.206-9.997 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.206-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.997 26.206-9.997 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.206-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--color-red-500);
    vertical-align: middle;
}
.second-pricing-table-body li:after { position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    right: 1px;
    font-size: var(--fs-md);
    top: 8px;
    color: var(--color-success);
}
.second-pricing-table-button { background:#4f3988;
    border:1px solid var(--color-purple-btn);
    margin-top:10px;
    display:inline-block;
    float:left;
    color:var(--color-bg-light);
    font-weight:500;
    font-size:.9375rem;
    padding:10px;
    width:100%;
    border-radius:5px;
    text-decoration:none !important;
}

.second-pricing-table-button2 { background:#ececec;
    display:inline-block;
    float:left;
    color:var(--color-black);
    font-size:1.0625rem;
    padding:9px;
    width:100%;
    border-radius:5px;
    text-decoration:none !important;
    position:relative;
}
.second-pricing-table.active{background:var(--color-purple-dark)}
.second-pricing-table.active .second-pricing-table-title{color:var(--color-bg-light);}
.second-pricing-table.active .second-pricing-table-title span{color:#e1e6e8;}
.second-pricing-table.active .second-pricing-table-price{color:var(--color-bg-light);}
.second-pricing-table.active .second-pricing-table-body li{color:#d4dce0;}
.second-pricing-table.active .second-pricing-table-body li.not-chacked:after{color:#dccdcd;}
.second-pricing-table.active .second-pricing-table-button {
    background:var(--color-purple-btn);
    border:1px solid #7e61d9;
    color:var(--color-bg-light);
}
.second-pricing-table.active .second-pricing-table-button:hover {
    background:transparent;
    border:1px solid var(--color-white);
}
.second-pricing-table.active .pricing_table_domain {
    color:rgb(247 247 247);
    border-bottom:2px dotted rgb(247 247 247);
    text-decoration:none;
    font-family: var(--font-bold);
}
.second-pricing-table .pricing_table_domain {
    color:var(--color-teal);
    border-bottom:2px dotted #4c5b63;
    text-decoration:none;
    font-family: var(--font-bold);
}
.second-pricing-table:before { content:'';
    position:absolute;
    width:400px;
    height:400px;
    background:rgb(240 98 154 / .05);
    bottom:-120px;
    right:-130px;
    border-radius: var(--radius-full);
    z-index:0;
    pointer-events:none;
}
.second-pricing-table-howitworks:before{left:130px;}
.second-pricing-table:after { content:'';
    position:absolute;
    width:400px;
    height:400px;
    background:rgb(33 150 243 / .02);
    top:-120px;
    right:-71px;
    border-radius: var(--radius-full);
    z-index:0;
    pointer-events:none;
}
#monthly-yearly-chenge.custom-change a:first-child::after{right:-20px;}
.our-pertners {
    background:rgb(255 255 255 / .56);
    text-align:center;
    transition: background-color var(--duration-base) ease;
    width:100%;
    max-width:100px;
}
.our-pertners img:hover{opacity:1;transition: opacity var(--duration-base) ease;}
.section-wth-amwaj{padding:140px 0 55px;position:relative;min-height:500px;background:var(--color-bg-ice);}
.section-wth-amwaj2{padding:0 0 55px;position:relative;min-height:270px;background:var(--color-bg-ice);}
.section-wth-amwaj-about {
    padding:20px 0 55px;
    position:relative;
    min-height:500px;
    background:transparent;
}
.bg_overlay_section-amwaj {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:0;
    bottom:0;
    right:0;
    pointer-events:none;
    max-height:42px;
    overflow:hidden;
}
.bg_overlay_section-amwaj img{height:100%;min-width:100%;}

.side-text-right-container{margin-top:0;}
.side-text-right-container2{margin-top:-18px;}

.side-text-right-button { color:var(--color-dark-navy);
    background-color:var(--color-gray-dc);
    border:1px solid #d0d0d0;
    padding:10px 20px;
    display:inline-block;
    font-weight:500;
    font-size:1rem;
    text-decoration:none;
    border-radius: var(--radius-sm);
    text-shadow:0 1px 0 rgb(255 255 255 / .4);
    background:linear-gradient(var(--color-white),var(--color-border-base));
    font-family: var(--font-regular);
}
.side-text-right-button:hover {
    color:var(--color-dark-body);
    background:linear-gradient(#f7f7f7,var(--color-gray-dc));
    text-decoration:none;
    background-color:var(--color-border-base);
}
.display-on-hover-box-container { position:relative;
    width:430px;
    height:430px;
    border-radius: var(--radius-full);
    backface-visibility:hidden;
    will-change:transform;
    animation-duration:.3s;
    animation-fill-mode:both;
    animation-iteration-count:1;
}
.trustpilot{margin-top:15px;}
.trustpilot-text{font-size:.9375rem;font-family: var(--font-bold);color:#191919;}
.trustpilot-text a{text-decoration: none !important;font-family: var(--font-bold);}
.trustpilot img{max-height:30px;}
.references-text{font-size:.8125rem;margin-left:14px;color:var(--color-steel-light);display: -webkit-inline-flex;}
.references-text a {
    color:var(--color-steel-light);
    font-size:.875rem;
    border-bottom:1px dotted #94a2aa !important;
    text-decoration: none !important;
    z-index:1;
}
.references-text a:hover{color:#00e;}
.display-on-hover-box-container:after { content:'';
    width:266px;
    height:248px;
    background:url(../img/bg/box-hover.png) no-repeat;
    position:absolute;
    border-radius: var(--radius-full);
    left:0;
    right:0;
    margin:auto;
    top:50%;
    transform:translateY(-50%);
}
.display-on-hover-box-items { opacity:.9;
    text-align:center;
    z-index:2;
    line-height:4.5;
    border-radius: var(--radius-full);
    position:absolute;
    top:50%;
    left:50%;
    width:140px;
    height:150px;
    margin-top:-36px;
    margin-left:-70px;
    cursor:pointer;
    backface-visibility:hidden;
    will-change:opacity,transform;
    transition: opacity var(--duration-base) ease, top var(--duration-base) ease;
}
.display-on-hover-box-items img{width:40px;}
.display-on-hover-box-container .display-on-hover-box-items.itsnot{opacity:.2}
.display-on-hover-box-container .display-on-hover-box-items.itsnot.active{opacity:1}
.display-on-hover-box-content {
    width:266px;
    height:248px;
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    text-align:center;
    top:50%;
    transform:translateY(-50%);
    z-index:1;
}
.display-on-hover-box-content .not-hover-icon {
    color:var(--color-bg-light);
    line-height:230px;
    display:block;
}
.display-on-hover-box-content .not-hover-icon:before{font-size:5rem;}
.home-ads-section{background:var(--color-purple-dark);padding:0 15px;}
.home-ads-section h1 { margin:0;
    padding:25px 0;
    text-align:center;
    color:var(--color-bg-light);
    font-size:1.125rem;
    font-weight:300;
    font-family: var(--font-regular);
    letter-spacing:3.0;
}
.tab-content-hover{display:none;}
.display-on-hover-box-cotent-items {
    top:48%;
    transform:translateY(-50%);
    position:relative;
    color:var(--color-bg-light);
    padding:0 27px;
}
.display-on-hover-box-cotent-items .tab-content-hover:first-child{display:block;}
.display-on-hover-box-cotent-items h5{font-weight: 700;font-size:1.0625rem;}
.display-on-hover-box-cotent-items p {
    color:var(--color-white);
    font-size:1.0625rem;
    font-weight:500;
    line-height:1.25;
    padding:0 10px;
}
.perlex-efect-section{min-height:500px;}
.perlex-efect-section .perlex-hidden-iverlow {
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:#0f1315;
    opacity:.6;
}
.play-button-in-section { top:50%;
    transform:translateY(-50%);
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    display:inline-block;
    width:140px;
    height:140px;
    text-align:center;
    line-height:140px;
    border-radius: var(--radius-full);
    font-size:1.0625rem;
}
.play-button-in-section i {
    background:var(--color-white);
    border-radius: var(--radius-full);
    font-size:1.0625rem;
    color:#325867;
    width:60px;
    height:60px;
    line-height:3.75;
}
.play-button-in-section .waves { animation:2s ease-in-out 0s normal none infinite running waves;
    background:rgb(255 255 255 / .1);
    border-radius: var(--radius-full);
    height:100%;
    opacity:0;
    position:absolute;
    width:100%;
    left:0;
}
.play-button-in-section .waves.wave-2{width:86%;height:86%;left:7%;top:7%;}
.play-button-in-section .waves.wave-3{width:70%;height:70%;left:15%;top:15%;}
.play-button-in-section .waves.wave-4{width:86%;height:86%;left:7%;top:7%;}

@keyframes waves { 0%   { transform: scale(0.2, .2); opacity: 0; }
    50%  { opacity: .9; }
    100% { transform: scale(0.9, .9); opacity: 0; }
}
.footer-section-banner {
    padding:35px 0 30px;
    background:var(--color-bg-white);
    border-top:1px solid #e7e9ec;
}
.free-trial-footer-banner-title {
    font-size:1.4375rem;
    font-family: var(--font-bold);
    letter-spacing:-0.5px;
    margin-bottom:15px;
    color:var(--color-dark-navy);
}
.free-trial-footer-banner-text{color:#50535f;font-size:1.0625rem;line-height:1.6875;}
:is(.free-trial-footer-links, .final-footer-area-text) {
    text-align:center;
}

.free-trial-footer-banner-text a{color: inherit !important;
    border-bottom: 1px dotted #626c82 !important;
    text-decoration: none !important}
.free-trial-footer-links a {
    text-decoration:none;
    padding:12px 30px;
    font-size:.9375rem;
    border-radius:25px;
    margin:5px 5px;
}
.free-trial-footer-links a.sign-btn{color:var(--color-bg-light);}
.free-trial-footer-links a.sign-btn:hover { background:linear-gradient(166.66deg, rgb(31, 117, 206) 4.62%, rgb(23, 121, 207) 4.62%, rgb(116, 75, 196) 86.29%);
    color:var(--color-bg-light);
}
.free-trial-footer-links a.log-btn { font-family: var(--font-bold);
    font-size:1rem;
    display:inline-block;
    text-align:center;
    background: linear-gradient(90deg,var(--color-purple-mid),var(--color-blue-link));
    box-shadow: 0 25px 35px 0 rgb(214 203 241 / .3);
    padding:14px 30px;
    max-width:240px;
    text-decoration:none;
    color:var(--color-bg-light);
}
.web-design img{height:100%;width:100%;}
.footer-section {
    content-visibility: auto;
    contain-intrinsic-size: 1000px;
    padding:50px 0 50px;
    background:#201833;
    color:var(--color-bg-light);
    position:relative;
}
.footer-section:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/bg/hk_bg.jpg');
    opacity: .2;
}
.quiq-links-footer-title {
    font-weight: 700;
    font-family: var(--font-regular);
    letter-spacing:-0.3px;
    font-size:1.0625rem;
    margin:50px 0 20px 0;
}
.quiq-links-footer-ul li{list-style:none;position:relative;padding:4px 0;}
.quiq-links-footer-ul li:after {
    position:absolute;
    content:'';
    width:4px;
    height:4px;
    background:#999;
    left:-19px;
    top:0;
    bottom:0;
    margin:auto;
    border-radius:1px;
}
.quiq-links-footer-ul li a {
    color:rgb(196, 199, 204);
    font-weight:500;
    line-height:1.875;
    font-size:.9375rem;
    text-decoration:none;
    font-family: var(--font-regular);
}
.quiq-links-footer-ul li a:hover{color:#b3b7d4;text-decoration:none;}
.secure-img-footer-area span {
    display:block;
    font-family: var(--font-regular);
    font-size:.875rem;
    font-weight:500;
    margin-top:0;
    color:#acb3b9;
}
.secure-img-footer-area u {
    color:inherit !important;
    border-bottom:1px dotted #000 !important;
    text-decoration:none !important;
}
:is(.footer-contact-method, .server-tabls-row .server-order-button, .voice-plan-container, .auth-content-logo-header) {
    margin-top:20px;
}

.footer-contact-method a { background:var(--color-white);
    padding:15px 20px 12px 20px;
    display:block;
    border-radius:5px;
    position:relative;
    text-decoration:none !important;
    overflow:hidden;
    margin-top:15px;
}
.footer-contact-method a span {
    font-weight:600;
    letter-spacing:.5px;
    font-size:.8125rem;
    margin-bottom:20px;
    color:#607d8b;
    text-transform:uppercase;
}
.footer-contact-method a b {
    font-weight:600;
    letter-spacing:.5px;
    font-size:.875rem;
    color:#006495;
    display:block;
}

.footer-contact-method a i {
    position:absolute;
    font-size:3.125rem;
    bottom:-5px;
    color:var(--color-dark-body)34f;
    right:-5px;
    opacity:.2;
}
.footer-area-under [class^="col-md-"]{padding-left:0;padding-right:16px}
.footer-area-under .footer-logo-blue{width:110px;}
.footer-social-icons{margin:0 0 15px;}
.footer-social-icons a {
    color:var(--color-bg-light);
    font-size:.75rem;
    border-radius:20px;
    margin-right:15px;
    opacity:.8;
}
.footer-social-icons a:hover{opacity:1;}
.under-footer-ullist{ margin-block: 0;padding-left:0;}
.under-footer-ullist li{list-style:disc;padding:4px 0;margin-left:15px;}
.under-footer-ullist li a {
    color:rgb(255 255 255 / .65);
    line-height:2.375;
    font-size:.9375rem;
    text-decoration:none;
    font-family: var(--font-regular);
}
.under-footer-ullist li a:hover{color:var(--color-lavender);text-decoration:none;}
.final-footer-area-text {
    color:rgb(255 255 255 / .65);
    font-size:.9375rem;
    font-weight:500;
    line-height:1.5625;
    font-family: var(--font-regular);
    text-decoration:none;
}
.final-footer-area-text2 {
    color:rgb(255 255 255 / .65);
    font-size:.9375rem;
    font-weight:500;
    line-height:1.5625;
    font-family: var(--font-regular);
    text-decoration:none;
}
.menu-btn-changer{margin:0 8px 10px 0;}
.menu-btn-changer:hover{opacity:1;}
.footer-lang-changer .lang-changer-drop-up a.d-inline-block {
    position: relative;
    z-index: var(--z-dropdown);
    display: inline-block;
}
.payment-methods img{width:80%;height:100%;}
.footer-lang-changer .menu-btn-changer {
    color:rgb(255 255 255 / .65);
    font-size:1rem;
    text-decoration:none;
}
.footer-lang-changer .menu-btn-changer:hover{color:var(--color-lavender);text-decoration:none;}
.footer-lang-changer .menu-btn-changer i{font-size:1.0625rem;margin-right:5px;}
.footer-lang-changer .menu-btn-changer img{width:16px;margin-top:-3px;margin-right:5px;}

    .seo-micro-link { transition: color var(--duration-base) ease;
        opacity: .85;
    }
    .seo-micro-link:hover { color: var(--color-slate-700) !important;
        opacity: 1;
        text-decoration: underline !important;
        text-underline-offset: 2px;
    }

.lang-changer-drop-up{float:left;}
.dropupmenulagchanger.dropdown-menu{top:-15px !important;}
.dropupmenulagchanger.dropdown-menu a {
    color:#6a709b;
    font-size:.9375rem;
    text-decoration:none;
    line-height:2.1875;
}
.dropupmenulagchanger.dropdown-menu:after { content:'';
    width:0;
    height:0;
    border-style:solid;
    border-width:7px 6px 0 6px;
    border-color:var(--color-white) transparent transparent transparent;
    position:absolute;
    left:26px;
    bottom:-7px;
}

.scene path:first-child{fill:url(#header-first-animated-gradient) var(--color-ui-1);}
.frist-svg-gradient-start{stop-color:var(--color-ui-1);}
.frist-svg-gradient-end{stop-color:var(--color-violet);}
.scene path:nth-child(2){fill:#f7f8ff;}

@media (width >= 890px){.custom-slider-plan-form:before,.custom-slider-plan-form:after{content:'Coming soon!';background-size:100%;position:absolute;width:380px;height:468px;top:0;z-index:-1;line-height:260px;margin:0;color:#523a88;font-weight: 700;opacity:1;}

}

.host-pack-features{position:relative;padding-left:80px;margin-bottom:35px;margin-left:-15px;}
.host-pack-features i { width:75px;
    height:75px;
    display:block;
    text-align:center;
    background:url(../img/bg/bulb/bulb-blue.png) no-repeat;
    background-size:100%;
    color:var(--color-teal-bright);
    font-size:2.1875rem;
    font-weight: 700;
    line-height:1.9;
    position:absolute;
    padding-left:9px;
    left:0;
    margin-left:0;
    padding-top:4px;
}
.host-pack-features h2 {
    display:block;
    font-family: var(--font-bold);
    font-size:1.125rem;
    margin-bottom:10px;
    color:var(--color-navy-deep);
    letter-spacing:-.005em;
}
.host-pack-features p a {
    color: inherit !important;
    border-bottom: 1px dotted #262644 !important;
    text-decoration: none !important;
}
.host-pack-features p {
    display:block;
    color:var(--color-text-alt);
    font-size:.9375rem;
    line-height:1.375;
}
.box-features-tree-container{padding:15px 0;border:0 solid #f0f5f7;border-radius: var(--radius-lg);}
.box-features-tree{padding:20px 5px 20px 80px;position:relative}
.box-features-tree i{position:absolute;left:17px;font-size:3.1875rem;top:30px;}
.box-features-tree-container .box-features-tree:nth-child(1) i{color:#435a65;}
.box-features-tree-container .box-features-tree:nth-child(2) i{color:#00c1c1;}
.box-features-tree-container .box-features-tree:nth-child(3) i{color:var(--color-purple-dark);}
.box-features-tree-container .box-features-tree:nth-child(3){border-right:0;}
.box-features-tree h5 { display:block;
    font-family: var(--font-bold);
    font-size:1.1875rem;
    margin-bottom:7px;
    padding-block: 5px;
    color:var(--color-dark-navy);
    letter-spacing:-.005em;
}
.box-features-tree p{display:block;color:var(--color-text-alt);font-size:1rem;line-height:22.5px}
.box-features-tree a {
    color:inherit !important;
    border-bottom:1px dotted #000 !important;
    text-decoration:none !important;
}
.table-dedicated-hosting-container {
    margin:30px 0;
    background:var(--color-white);
    box-shadow:0 3px 27px rgb(0 0 0 / .07);
    padding:20px;
    border:0;
}
.table-dedicated-hosting-header{width:100%;}
.table-dedicated-hosting-header th {
    border-top:0;
    padding:25px 0 5px;
    vertical-align:top !important;
    border-bottom:0 !important;
}
.table-dedicated-hosting-body td,.table-dedicated-hosting-body th {
    vertical-align:middle !important;
    padding:25px 0;
    border-top:1px solid #ebeff3;
}
.table-dedicated-hosting-body th b {
    font-family: var(--font-regular);
    font-size:.9375rem;
    display:block;
    letter-spacing: -0.5px;
}
.table-striped tbody.table-dedicated-hosting-body tr:nth-of-type(odd) {
    background-color:rgb(242, 247, 251);
}
.table-dedicated-hosting-header .plan-name-dedicated {
    font-family: var(--font-bold);
    font-size:1.5625rem;
    display:block;
    text-align:center;
    color:var(--color-mid);
}
.table-dedicated-hosting-header .price-dedicated.second-pricing-table-price {
    margin:0 0 25px 0;
    text-align:center;
}
.table-dedicated-hosting-header .price-dedicated.second-pricing-table-price i {
    color:var(--color-mid);
    font-size:1.5625rem;
    font-family: var(--font-regular);
    text-align:center;
}
.table-dedicated-hosting-header .price-dedicated.second-pricing-table-price i span {
    font-size:.75rem;
    position: relative;
    vertical-align: middle;
}
.plan-dedicated-config {
    font-family: var(--font-regular);
    font-weight:500;
    font-size:.875rem;
    display:block;
    text-align:center;
    color:var(--color-gray-body);
}
.plan-dedicated-config i{font-size:1.375rem;color:green;}
.plan-dedicated-order-button { padding:14px 0;
    background:var(--color-purple-btn);
    color:var(--color-bg-light);
    border-radius: var(--radius-sm);
    font-size:.9375rem;
    letter-spacing:.1px;
    display:block;
    text-align:center;
    margin:auto;
    text-decoration:none;
    font-family: var(--font-regular);
}
.plan-dedicated-order-button:hover {
    background:var(--color-text-dark2);
    color:var(--color-bg-light);
    text-decoration:none;
}
.domain-name-box { contain: layout paint;
    background:var(--color-white);
    box-shadow:0 8px 19px 4px rgb(77 77 119 / .12);
    padding:12px 45px 12px 70px;
    border-radius: var(--radius-xl);
    height:84px;
    position:relative;
    margin:0 20px;
    transition: background-color var(--duration-base) ease, box-shadow var(--duration-base) ease, padding var(--duration-base) ease;
}
.domain-name-box .domain-img{height:60px;position:relative;vertical-align:middle;}
.domain-name-box .domain-img img {
    width:65px;
    vertical-align:middle;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    max-height:60px;
}
.domain-name-box .price { font-weight: 700;
    font-size:.8125rem;
    position:absolute;
    transform:rotate(-90deg);
    background:rgb(0 188 212 / .2);
    letter-spacing:1px;
    color:#83949c;
    width:84px;
    height:35px;
    line-height:2.1875;
    text-align:center;
    top:25px;
    left:-24px;
    border-radius:4px 4px 0 0;
}
.domain-name-box .features-domains{text-align:center;position:absolute;right:0;width:50px;top:23px;}
.domain-name-box .features-domains a img { width:13px;
    cursor:pointer;
    opacity:.4;
    margin:auto;
    display:block;
    margin-bottom:8px;
    transition: opacity var(--duration-base) ease, width var(--duration-base) ease, margin var(--duration-base) ease;
}
.domain-name-box .features-domains a:hover img{opacity:.7;}
.table.pricing_table_domain {
    background:var(--color-white);
    box-shadow:3px 2px 0 rgb(0 0 0 / .07);
    border:1px solid var(--color-border-100);
}
.table.pricing_table_domain thead th { vertical-align:bottom;
    border-bottom:1px solid #dee2e6;
    padding:31px 15px;
    border-top:0;
    font-size:.9375rem;
    color:rgb(33, 33, 68);
    font-weight: 700;
}
.table.pricing_table_domain td a { display:block;
    text-align:center;
    padding:10px 20px;
    background:#ebedf1;
    border:1px solid #d7d8d9;
    border-radius: var(--radius-xl);
    font-weight: 700;
    text-decoration:none;
    letter-spacing:1px;
    font-size:.75rem;
    color:rgb(33, 33, 68);
}
.table.pricing_table_domain td, .table.pricing_table_domain th { border-top:1px solid #dee2e6;
    font-size:1rem;
    font-family: var(--font-regular);
    vertical-align:middle;
    padding-left:16px;
}
.megssage-error {
    display:block;
    font-weight: 700;
    font-family: var(--font-regular);
    font-size:1.5625rem;
    margin-top:30px;
    color:rgb(12, 20, 58);
    margin-bottom:40px;
}
.megssage-error small {
    display:block;
    font-weight:100;
    font-size:1.0625rem;
    letter-spacing:0;
    color:#7c96a2;
    margin-top:15px;
    margin-left:15px;
}
.btn-order-default-nuhost { padding:14px 44px;
    color:var(--color-bg-light);
    font-weight: 700;
    font-size:.9375rem;
    background:#ef4056;
    border-radius:20px;
    font-family: var(--font-regular);
    letter-spacing:1px;
}
.btn-order-default-nuhost:hover { background-size:175% 100%;
    color:var(--color-bg-light);
    outline:none;
    transition:background-size .2s ease-in-out,.2s box-shadow ease-in-out,.2s filter,.3s opacity;
    text-decoration:none;
}
.contact-page-form-send {
    background:var(--color-light-bg);
    border-radius: var(--radius-lg);
    margin:5px;
    padding:25px 20px;
    border:1px solid #e8eaee;
}
.contact-page-form-send h5 { font-family: var(--font-regular);
    font-weight: 700;
    font-size:1.5rem;
    letter-spacing:1px;
    margin-bottom:20px;
    color:var(--color-navy-dark);
    position:relative;
    padding-left:10px;
    display:block;
    margin-top:-17px;
}
.contact-page-form-send h5 span {
    display:block;
    font-size:1rem;
    font-weight:300;
    margin-top:5px;
    color:#5a5967;
}
.contact-page-form-send .field.input-field{position:relative;margin-top:10px;}
.contact-page-form-send .field.input-field input[type="email"], .contact-page-form-send .field.input-field input[type="text"] { height:45px;
    width:100%;
    padding:0 20px 0;
    font-weight:100;
    font-size:.8125rem;
    outline:none;
    border-radius: var(--radius-md);
    border:1px solid var(--color-border-subtle2)ede;
    margin-bottom:10px;
}
.contact-page-form-send .field.input-field .input-group-prepend {
    position:absolute;
    left:15px;
    top:12px;
    font-size:.8125rem;
    font-weight: 700;
    opacity:.4;
    pointer-events:none;
}
.form-contain-home textarea { width:100%;
    padding:0 20px 0;
    font-weight:100;
    font-size:.8125rem;
    outline:none;
    border-radius: var(--radius-md);
    border:1px solid var(--color-border-subtle2)ede;
    min-height:120px;
    padding-top:13px;
    margin-bottom:20px;
}
#form-messages.error {
    padding:13px 20px;
    background:#fddddb;
    color:#c5746f;
    font-size:1.0625rem;
    border-radius:3px;
    border-left:3px solid #f44336;
    width:100%;
    margin:0 15px 30px;
}
#form-messages.success {
    padding:13px 20px;
    background:#defddb;
    color:#6fc57e;
    font-size:1.0625rem;
    border-radius:3px;
    border-left:3px solid #53f436;
    margin:0 15px 30px;
}
.form-contain-home .btn-holder-contect button { width:150px;
    height:40px;
    border:0;
    background:#0d3761;
    color:var(--color-bg-light);
    font-family: var(--font-regular);
    font-weight: 700;
    text-transform:uppercase;
    letter-spacing:3px;
    line-height:2.5;
    cursor:pointer;
    outline:none;
    border-radius:50px;
    font-size:.8125rem;
    margin:0 15px;
}
.contact-page-form-send .field.input-field i {
    position:absolute;
    top:17px;
    right:20px;
    color:#00bcd4;
    opacity:.6;
    font-size:.8125rem;
}
.contact-us-social-icons a { color:var(--color-bg-off);
    margin:0 3px;
    width:35px;
    height:35px;
    display:inline-block;
    text-align:center;
    line-height:2.1875;
    background:#161623;
    border-radius:38px;
    font-size:.75rem;
}
.contact-us-social-icons a.fb{background:#3c579a;}
.contact-us-social-icons a.tw{background:#00acee;}
.contact-us-social-icons a.yb{background:#dd4c39;}
.immediate-help-center-title {
    font-weight: 700;
    font-size:1.3125rem;
    margin-top:15px;
    position:relative;
    line-height:1.6875;
    color:var(--color-mid);
    letter-spacing:-0.15px;
}
.immediate-help-center-text {
    font-size:.96875rem;
    line-height:1.875;
    color:#717679;
    margin-bottom:20px;
}
.immediate-help-center-link {
    color:#3c42c1 !important;
    font-size:1rem;
    font-family: var(--font-regular);
}
.our-help-center-tabs-nav a{text-decoration:none !important;}
.support-contact-us-box { display:block;
    background:var(--color-purple-dark);
    border-radius: var(--radius-lg);
    box-shadow:0 3px 27px rgb(0 0 0 / .08);
    padding:50px 20px;
    text-align:center;
    text-decoration:none !important;
    position:relative;
    overflow:hidden;
    opacity:.7;
    height:300px;
}
.active .support-contact-us-box{opacity:1;}
.support-contact-us-box:before {
    content:'';
    position:absolute;
    background:url(../img/bg/lg.png) no-repeat !important;
    height:100%;
    width:100%;
    top:0;
    z-index:0;
    opacity:.5;
    left:0;
}
.support-contact-us-box i:before{font-size:3.75rem;color:#a5abf7;}
.support-contact-us-box h5 { margin:0;
    text-align:center;
    font-size:1.5rem;
    font-weight: 700;
    font-family: var(--font-regular);
    letter-spacing:.5px;
    margin-top:0;
    color:var(--color-border-light);
    text-transform:capitalize;
}
.support-contact-us-box p {
    color:var(--color-bg-light);
    font-size:.8125rem;
    font-weight:300;
    line-height:1.5;
    text-align:center;
    margin-top:6px;
    letter-spacing:.3px;
}
.support-contact-us-box p2 {
    color:var(--color-border-light);
    font-size:.9375rem;
    font-weight: 700;
    line-height:1.5;
    text-align:center;
    margin-top:6px;
    letter-spacing:.3px;
}
.support-contact-us-box p2 a {
    color:var(--color-border-light);
    font-size:1.0625rem;
    font-weight: 700;
    line-height:1.5;
    text-align:center;
    margin-top:6px;
    letter-spacing:.3px;
}
.active .support-contact-us-box i:before{color:var(--color-bg-light);}
.help-center-box-popular{font-size:.8125rem;color:var(--color-gray-mist);font-weight: 700;}
.help-center-box-item {
    padding:0;
    display:flex;
    position:relative;
    overflow:hidden;
    transition: padding var(--duration-base) ease;
}
.help-center-box-icon { height:60px;
    width:60px;
    padding:0 15px;
    border-radius: var(--radius-md);
    float:left;
    text-align:center;
    line-height:3.75;
    background:#1b77d5;
    font-size:1.75rem;
    color:var(--color-bg-light);
    margin-right:30px;
    position:relative;
    transition: color var(--duration-base) ease, background-color var(--duration-base) ease, font-size var(--duration-base) ease;
}
.help-center-box-text span:first-child { text-align:left;
    font-size:1.0625rem;
    font-weight: 700;
    font-family: var(--font-regular);
    letter-spacing:.5px;
    margin-top:0;
    display:block;
    color:var(--color-navy-deep);
}
.help-center-box-text span:last-child {
    color:var(--color-text-alt);
    font-size:1.0625rem;
    font-weight:400;
    line-height:1.5;
    text-align:left;
    margin-top:0;
    display:block;
}
.help-center-box-link { color:var(--color-white) !important;
    width:40px;
    height:40px;
    text-align:center;
    line-height:2.5;
    font-size:.9375rem;
    border-radius:60px;
    top:31%;
    transform:translateY(-50%);
    position:absolute;
    right:0;
    background:#c4ccd2;
    opacity:.5;
}
.help-center-box-item:hover .help-center-box-link{background:#0860df;right:3px;opacity:1;}
.no-cat-error{margin-bottom:20px;font-weight: 700;font-size:1.375rem;margin-top:45px;}
.no-cat-error span {
    font-size:16.5px;
    line-height:1.5625;
    color:var(--color-gray-mist);
    display:block;
    font-weight:100;
    margin-top:19px;
}

@media screen and (width >= 1000px){.top-header-nav-home .container, .the_breadcrumb_conatiner_page{padding-left:0;padding-right:0;}
}

.help-center-title {
    margin-bottom:20px;
    font-weight: 700;
    font-size:1.5rem;
    font-family: var(--font-regular);
}
.help-center-title span {
    font-weight: 700;
    color:#fc5c7d;
    font-size:1.0625rem;
    display:block;
    margin-bottom:5px;
}
.help-center-text{color:#4f5165;font-size:1.0625rem;font-weight:400;line-height:1.5625;}
.privacy-content h4 {
    margin-bottom:12px;
    font-weight: 700;
    font-size:1.25rem;
    font-family: var(--font-bold);
    letter-spacing:-0.025em;
    color:var(--color-mid);
}
.privacy-content p {
    color:var(--color-gray-body);
    font-size:1.0625rem;
    font-weight:400;
    line-height:2em;
}
.nuhost-filter-container{position:relative;margin-bottom:5px;}
.nuhost-filter-container .fa-search {
    position:absolute;
    top:17px;
    font-size:1.0625rem;
    color:#a7afb3;
    left:16px;
    z-index:2;
}
#nuhost-filter-input { width:100%;
    border:0;
    height:53px;
    padding-left:50px;
    font-weight: 700;
    outline:none;
    font-size:1.0625rem;
    background:var(--color-white);
    box-shadow:0 10px 100px 0 rgb(77 77 119 / .08);
    transition: border-color var(--duration-base) ease, background-color var(--duration-base) ease, box-shadow var(--duration-base) ease, width var(--duration-base) ease;
    border-radius: var(--radius-lg);
    position:relative;
    z-index:1;
}
.nuhost-filter-list-container { padding:25px 18px;
    background:var(--color-white);
    box-shadow:0 10px 100px 0 rgb(77 77 119 / .16);
    border-radius: var(--radius-lg);
    position:relative;
    min-height:402px;
}
#nuhost-filter-list{padding-left:0;}
#nuhost-filter-list li{list-style:none;}
#nuhost-filter-list li a { width:100%;
    display:block;
    padding:13px 20px;
    border-radius: var(--radius-lg);
    font-weight: 700;
    font-size:.9375rem;
    color:var(--color-ui-2);
    text-transform:capitalize;
    cursor:pointer;
}
#nuhost-filter-list li a:hover{background:var(--color-bg-faint);text-decoration:none;}
#nuhost-filter-list li a i{float:right;font-size:1.375rem;}
.nuhost-filter-min-height{min-height:402px;overflow-y:auto;}
.filter-content-box {
    display:none;
    position:absolute;
    background:var(--color-white);
    left:0;
    right:0;
    bottom:0;
    top:0;
    padding:28px;
    border-radius: var(--radius-lg);
}
.filter-content-close { color:#8b969c;
    border-radius:36px;
    font-size:.8125rem;
    font-weight: 700;
    font-family:'Heebo', sans-serif;
    text-transform:uppercase;
    letter-spacing:1px;
    overflow:hidden;
    text-decoration:none !important;
    cursor:pointer;
    position:absolute;
    right:30px;
    height:19px;
    width:19px;
    line-height:2.4375;
    opacity:.6;
    text-align:center;
    z-index:1;
}
.filter-content-close:hover{opacity:1;}
.filter-content-close .first-stright { width:100%;
    height:2px;
    background:var(--color-ui-3);
    position:absolute;
    border-radius: var(--radius-lg);
    top:50%;
    transform:translateY(-50%) rotate(45deg);
    right:0;
}
.filter-content-close .second-stright { width:100%;
    height:2px;
    background:var(--color-ui-3);
    position:absolute;
    border-radius: var(--radius-lg);
    transform:translateY(-50%) rotate(-45deg);
    top:50%;
    left:0;
}
.filter-content-box h5 { width:100%;
    display:block;
    border-radius: var(--radius-lg);
    font-weight: 700;
    font-size:.9375rem;
    color:var(--color-ui-2);
    text-transform:capitalize;
    cursor:pointer;
    padding-top:1px;
    margin-bottom:30px;
}
.filter-content-box p{font-size:.9375rem;line-height:1.6875;margin-bottom:15px;color:#93a0a7}
.question-area-answer-body{max-width:100%;margin-left:35px;}
.question-area-answer-body ul{counter-reset:my-qastions-counter;}
.question-area-answer-body li {
    list-style:none;
    padding-bottom:25px;
    border-bottom:1px solid #edeff2;
    position:relative;
    margin-top:30px;
    margin-left:104px;
    margin-bottom:25px;
}
.question-area-answer-body li:last-child{border-bottom:0;}
.question-area-answer-body li:after { content:counter(my-qastions-counter);
    counter-increment:my-qastions-counter;
    position:absolute;
    left:0;
    top:5px;
    width:99px;
    height:75%;
    background:radial-gradient(circle at top, var(--color-purple-mid2), var(--color-purple-deep));
    text-align:center;
    font-size:3.4375rem;
    color:var(--color-bg-light);
    border-radius: var(--radius-md);
    font-family: var(--font-bold);
    display:grid;
    align-content:center;
    margin-left:-142px;
}
.question-area-answer-body li span {
    color:var(--color-dark-navy);
    font-size:1.3125rem;
    margin-bottom:10px;
    display:block;
    font-family: var(--font-bold);
}
.question-area-answer-body li p {
    font-size:1.0625rem;
    line-height:2;
    color:var(--color-text-alt);
    max-width:899px;
}
.min-height-auto{min-height:auto !important;}
.auth-wrapper { position:relative;
    display:flex;
    -webkit-box-align:center;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    min-width:100%;
    background:var(--color-purple-dark);
}
.auth-wrapper .card { box-shadow:none;
    border:none;
    margin-bottom:0;
    transition: border-color var(--duration-base) ease, background-color var(--duration-base) ease, box-shadow var(--duration-base) ease;
}
.auth-wrapper .auth-content{position:relative;width:100%;padding:15px;z-index:5;}
.auth-wrapper .auth-bg .r {
    position:absolute;
    width:300px;
    height:300px;
    border-radius: var(--radius-full);
}
.auth-wrapper .auth-bg .r:nth-child(odd){animation:floating 7s infinite;}
.auth-wrapper .auth-bg .r:nth-child(even){animation:floating 9s infinite;}
.auth-wrapper .auth-bg .r.s:nth-child(2){top:150px;right:-150px;background:var(--color-cyan);}
.auth-wrapper .auth-bg .r.s:nth-child(3){left:-150px;bottom:150px;background:var(--color-mint);}
.auth-wrapper .auth-bg .r:last-child {
    left:-100px;
    bottom:-100px;
    background:linear-gradient(-135deg, #899fd4 0%, #a389d4 100%);
}

@keyframes floating { from { transform: rotate(0deg) translate(-10px) rotate(0deg); }
    to   { transform: rotate(360deg) translate(-10px) rotate(-360deg); }
}
.auth-content .form-control {
    background:#ad9ff9;
    border:0;
    color:var(--color-bg-light);
    font-size:.8125rem;
}
.auth-wrapper .auth-icon{font-size:1.75rem;margin-top:40px;}
.auth-wrapper .auth-icon:before { background:linear-gradient(-135deg, var(--color-mint) 0%, #1dc4e9 100%);
    background-clip:text;
    text-fill-color:transparent;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.shadow-2{box-shadow:0 10px 18px 0 rgb(62 57 107 / .2);}
.btn-primary:hover{color:var(--color-bg-light);background-color:#038fcf;border-color:#0386c3;}
.btn-primary {
    color:var(--color-bg-light);
    background-color:var(--color-cyan);
    border-color:var(--color-cyan);
}
p.text-white-muted{font-size:1.0625rem;color:var(--color-border-base)df3;letter-spacing:-0.005em;line-height:1.875;}
.auth-wrapper a, .auth-wrapper p > a{color:var(--color-dark-navy);font-family: var(--font-regular)}
.auth-wrapper h3 a::after {
    content:url(../img/svgs/flexible-chevron-red.svg);
    position:absolute;
    padding-left:5px;
}
.auth-wrapper h3 a:hover{border-bottom:1px dotted #f89493;}
.checkbox-custom{padding:10px 0;min-height:auto;position:relative;margin-right:5px;}
.checkbox-custom input[type=checkbox]{margin:0;display:none;width:22px;}
.checkbox-custom input[type=checkbox] + .cr{padding-left:0;}
.checkbox-custom .cr{cursor:pointer;}
.checkbox-custom.checkbox-fill input[type=checkbox]:checked + .cr:before {
    opacity:1;
    background:transparent;
    color:var(--color-teal-bright);
    border-color:transparent;
}
.checkbox-custom.checkbox-fill input[type=checkbox] + .cr:before {
    opacity:0;
    content:"\e840";
    font-size:1.6875rem;
    background:transparent;
}
.checkbox-custom input[type=checkbox]:checked + .cr:before {
    background:var(--color-teal-bright);
    border-color:var(--color-teal-bright);
    color:var(--color-white);
}
.checkbox-custom input[type=checkbox] + .cr:before { content:"\f0c8";
    width:22px;
    height:22px;
    display:inline-block;
    margin-right:10px;
    border:2px solid var(--color-ui-4);
    border-radius:3px;
    font-size:.9375rem;
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    line-height:1.1875;
    vertical-align:bottom;
    text-align:center;
    background:var(--color-white);
    color:transparent;
    cursor:pointer;
    transition: background-color var(--duration-base) ease, border-color var(--duration-base) ease;
}
.checkbox-custom input[type=checkbox] + .cr:after { content:"";
    width:22.5px;
    height:22.5px;
    display:inline-block;
    margin-right:10px;
    border:2px solid var(--color-ui-4);
    border-radius:2px;
    vertical-align:bottom;
    text-align:center;
    cursor:pointer;
    transition: background-color var(--duration-base) ease, border-color var(--duration-base) ease, transform var(--duration-base) ease;
    position:absolute;
    top:8.5px;
    left:3px;
}
.auth-login-title {
    margin:0;
    font-size:2.0625rem;
    font-weight: 700;
    font-family: var(--font-bold);
    margin-bottom:22px;
    color:var(--color-bg-light);
    margin-top:30px;
    letter-spacing:-0.020em;
}
.auth-login-title span {
    color:#e9e8ef;
    font-size:1rem;
    font-weight:300;
    line-height:1.4375;
    display:block;
    margin-top:10px;
    letter-spacing:0;
}
.auth-content-logo-header{display:block;}
.auth-content-logo-header img{width:125px;opacity:1;}
.btn-login-auth {
    background:#cdcdcc;
    border-color:rgb(227 239 252 / .64);
    font-size:1.0625rem;
    padding:10px 30px;
}
.btn-login-auth:hover{border-color:#00a26a;color:var(--color-dark-body);}

@media (width >= 800px) and (width <= 1027px){.display-on-hover-box-container{width:240px;}

}

@media (width >= 1027px) and (width <= 1117px){.display-on-hover-box-container{width:330px;}

}

@media (width >= 768px) and (width <= 1200px){.hom-page-service-more-banner{display:none;}

.hom-page-service-more-form input[type=email]{width:100%;}
.hom-page-service-more-form input[type=submit]{right:3px;}
.icon-hom-page-service-text{padding:0 15px;}
}

@media (width >= 768px) and (width <= 870px){.main-header-text-title{font-size:1.6875rem;}
.host-pack-features h2 { font-size:1.0625rem;
}
.second-pricing-table-title span { font-size:.875rem;
}
.second-pricing-table { padding:15px;
}
.second-pricing-table-body li { font-size:.9375rem;
    padding:5px;
}

.box-features-one{text-align:center;padding:15px;transition:all 0.2s ease-in-out;cursor:pointer;border-radius:6px;}
.box-features-one:hover{background:#f7f8f9;}
.box-features-one i{display:block;font-size:40px;color:#212529;}
.box-features-one i:before{font-size:40px;color:#212529;}
.box-features-one p{color:#212529;font-weight:500;font-size:15px;letter-spacing:0.2px;max-width:200px;margin:auto;margin-bottom:20px;margin-top:6px;font-family:'Basier Square Regular';}

.text-white-muted{font-size:.9375rem;}
.under-footer-ullist li a{font-size:.875rem;}
.voice-plan-box{padding:20px;font-size:.875rem;}
.about-us-img-section img{width:100%;height:100%;}
.side-text-right-container{width:100%;max-width:100%;flex:0 0 100%;}
}

.offcanvas-toggle .icon-bar { background:var(--color-black);
    transition: background-color  ease-in-out;
}
.offcanvas-toggle.is-open .icon-bar:nth-child(1) { transform:rotate(45deg) translate(5px, 4px);
}
.offcanvas-toggle.is-open .icon-bar:nth-child(2){opacity:0}
.offcanvas-toggle.is-open .icon-bar:nth-child(3){transform:rotate(-45deg) translate(4px, -4px)}

@media (width >= 870px) and (width <= 992px){#coodiv-navbar-header .navbar-nav .nav-link{padding-right:.9rem;padding-left:.3rem}
.second-pricing-table { padding:20px;
}
.about-us-img-section img{width:100%;}
.banner-text-left p{display:none;}
.banner-text-left span{max-width:350px;}
.secure-img-footer-area span{font-size:.75rem;}
.our-services-carousel-container{margin-top:0;}
.domain-price-header p span{display:none;}}

.domain-price-header {
    display:block;
    position:relative;
    z-index:1;
    color:#bdbddd;
    margin-top:99px;
    margin-bottom:25px;
    float:right;
}
.domain-price-header p{float:left;border-right:0 solid rgb(255 255 255 / .09);}
.domain-price-header p:last-child{border-right:0;}
.domain-price-header p img{width:54px;padding-bottom:10px;}
.domain-price-header p span {
    font-size: var(--fs-sm);
    font-family: var(--font-regular);
    padding: 5px 10px;
    background: #321264;
    border-radius: var(--radius-xl);
    margin-left: 10px;
}

.bg_overlay_header svg { width: auto; height: 100%; object-fit: cover; }

.dropdown-menu { display: none; margin-top: 0; border-radius: .25rem; }
.dropdown-menu.show {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.dropup, .dropend, .dropstart, .dropdown { position: relative;
}
.dropup .dropdown-menu { top: auto !important;
    bottom: 100% !important;
    margin-bottom: .125rem;
    margin-
    display: none;
}
.dropup .dropdown-menu.show { display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}
.footer-section { content-visibility: auto; contain-intrinsic-size: 1000px;
    overflow: visible !important;
    z-index: var(--z-top);
    position: relative;
}

.sticky-contact-button {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.sticky-help-wrapper { position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-bottom: 0;
    z-index: var(--z-top);
    font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif;
}

.sticky-contact-button.help-trigger-btn { background: var(--color-white) !important;
    color: #495057 !important;
    border: 1px solid #e9ecef !important;
    cursor: pointer;
    width: 50px;
    height: 50px;
    border-radius: var(--radius-full);

    box-shadow: 0 2px 4px rgb(0 0 0 / .04), 0 8px 16px rgb(0 0 0 / .08);

    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    font-size: 1.375rem;

    will-change: transform, box-shadow;
    transition: color var(--duration-base) ease, background-color var(--duration-base) ease, box-shadow var(--duration-base) ease, padding var(--duration-base) ease;
}

.sticky-contact-button.help-trigger-btn svg,
.sticky-contact-button.help-trigger-btn i { width: 24px;
    height: 24px;
    transition: transform  cubic-bezier(0.68, -0.55, .265, 1.55);
}

.sticky-contact-button.help-trigger-btn:hover { transform: translateY(-4px) scale(1.05);
    color: var(--stick-primary) !important;
    border-color: rgb(59 23 122 / .15) !important;
    box-shadow: 0 12px 28px -6px rgb(59 23 122 / .25), 0 0 0 1px rgb(255 255 255 / .5) inset;
}

.sticky-contact-button.help-trigger-btn.active { background: var(--stick-primary) !important;
    color: var(--color-white) !important;
    border-color: var(--stick-primary) !important;
    transform: scale(1);
    box-shadow: 0 4px 12px rgb(59 23 122 / .4);
}

.sticky-help-menu { position: absolute;
    bottom: 70px;
    right: 0;
    width: 280px;

    background: var(--stick-bg);
    backdrop-filter: blur(16px) saturate(180%);
    -webkit-backdrop-filter: blur(16px) saturate(180%);

    border: 1px solid rgb(255 255 255 / .8);
    border-radius: 16px;

    box-shadow: var(--stick-shadow-lg), inset 0 1px 0 0 rgb(255 255 255 / .8);

    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;

    opacity: 0;
    visibility: hidden;
    transform: translateY(12px) scale(0.95);
    transform-origin: bottom right;

    transition: opacity var(--duration-base) ease, transform  cubic-bezier(0.2, .8, .2, 1), visibility var(--duration-base);

    z-index: var(--z-top);
    pointer-events: none;
}

.sticky-help-menu.menu-visible { opacity: 1;
    transform: translateY(0) scale(1);
    pointer-events: auto;
}

.help-menu-header { padding: 10px 16px;
    font-size: .625rem;
    font-weight: 800;
    color: #adb5bd;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    border-bottom: 1px solid rgb(0 0 0 / .03);
    margin-bottom: 4px;
    user-select: none;
}

.help-menu-link { display: flex;
    align-items: center;
    padding: 12px 16px;
    border-radius: var(--radius-lg);
    color: var(--stick-text-main);
    text-decoration: none;
    transition: color var(--duration-base) ease, padding var(--duration-base) ease;
    position: relative;
    overflow: hidden;
}

.help-menu-link div { display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    line-height: 1.3 !important;
    text-align: left;
}

.help-menu-link strong { display: block;
    width: 100%;
    font-size: var(--fs-sm);
    font-weight: 600;
    color: var(--stick-text-main);
}

.help-menu-link span { display: block;
    width: 100%;
    font-size: .6875rem;
    color: var(--stick-text-sub);
    margin-top: 2px;
}

.help-menu-link:hover { background: var(--stick-primary-soft);
    transform: translateX(2px);
}

.help-menu-link:hover strong { color: var(--stick-primary);
}

.help-menu-link svg,
.help-menu-link i { width: 20px;
    height: 20px;
    margin-right: 14px;
    flex-shrink: 0;
    fill: var(--stick-text-sub);
    color: var(--stick-text-sub);
    transition: color var(--duration-base) ease;
}

.help-menu-link:hover svg { fill: var(--stick-primary);
    transform: scale(1.1);
}

.help-menu-link::after { content: '→';
    position: absolute;
    right: 20px;
    opacity: 0;
    transform: translateX(-10px);
    transition: transform var(--duration-base) ease, opacity var(--duration-base) ease, color var(--duration-base) ease;
    color: var(--stick-primary);
    font-weight: 700;
    font-size: var(--fs-sm);
}

.help-menu-link:hover::after { opacity: 1;
    transform: translateX(0);
}

.status-online { position: relative;
    display: flex;
    align-items: center;
    margin-right: 0;
}

.status-online::before { content: '';
    position: absolute;

    top: 50%;
    transform: translateY(-50%);

    left: 210px;
    right: auto;

    width: 8px;
    height: 8px;
    background: var(--color-whatsapp);
    border: 0 solid var(--color-white);
    border-radius: var(--radius-full);
    z-index: 2;
    animation: pulse-dot 2s infinite;
}

@keyframes pulse-dot { 0% { box-shadow: 0 0 0 0 rgb(37 211 102 / .4); }
    70% { box-shadow: 0 0 0 5px rgb(37 211 102 / 0); }
    100% { box-shadow: 0 0 0 0 rgb(37 211 102 / 0); }
}

.left-side-promo { position: fixed;
    top: 50%;
    left: 40px;
    transform: translateY(-50%);

    width: 190px;
    background: var(--color-white);
    box-shadow: 0 15px 35px rgb(0 0 0 / .1), 0 5px 15px rgb(0 0 0 / .05);
    border-radius: 16px;
    padding: 15px 0 0 0;
    border: 1px solid rgb(0 0 0 / .06);
    display: none;
    font-family: 'Inter', system-ui, sans-serif;
    transition: transform var(--duration-slow) ease, box-shadow var(--duration-slow) ease;
    overflow: hidden;
    z-index: 0;
}

@media (min-width: 1500px) { .left-side-promo { display: block;
        animation: slideInLeft .8s cubic-bezier(0.2, .8, .2, 1) forwards;
    }
}

.left-side-promo:hover { transform: translateY(-55%);
    box-shadow: 0 25px 50px rgb(0 0 0 / .15);
}

.left-side-promo .promo-content { display: flex;
    flex-direction: column;
    align-items: center;
    padding: 25px 20px;
    text-decoration: none;
    color: inherit;
    background: var(--color-white);
}

.left-side-promo .promo-profile { position: relative;
    width: 64px;
    height: 64px;
    margin: 0 auto 10px auto;
}

.left-side-promo .promo-profile img { width: 100%;
    height: 100%;
    border-radius: var(--radius-full);
    border: 3px solid var(--color-white);
    box-shadow: 0 4px 12px rgb(0 0 0 / .1);
    object-fit: cover;
}

.left-side-promo .status-indicator { position: absolute;
    bottom: 2px;
    right: 2px;
    width: 14px;
    height: 14px;
    background-color: var(--color-ui-5);
    border: 2px solid var(--color-white);
    border-radius: var(--radius-full);
}
.left-side-promo .status-indicator.pulse-green { box-shadow: 0 0 0 0 rgb(16 185 129 / .7);
    animation: promoPulse 2s infinite;
}

.left-side-promo .promo-name { font-size: var(--fs-base);
    font-weight: 700;
    color: var(--color-gray-900);
    margin: 0;
    line-height: 1.2;
}

.left-side-promo .promo-badge { font-size: .625rem;
    background-color: var(--color-ui-6);
    color: #4b5563;
    padding: 2px 8px;
    border-radius: var(--radius-lg);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px;
    display: inline-block;
}

.left-side-promo .promo-desc { font-size: .8125rem;
    color: var(--color-gray-500);
    line-height: 1.5;
    margin-bottom: 15px;
}

.left-side-promo .promo-btn { width: 80%;
    margin-bottom:20px;
    background: radial-gradient(circle at top, var(--color-purple-mid2), var(--color-purple-deep)) !important;
    color: var(--color-white);
    padding: 10px 0;
    border-radius: 8px;
    font-size: .8125rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background var(--duration-base) ease;
    box-shadow: 0 4px 10px rgb(59 23 122 / .2);
}

.left-side-promo .promo-content:hover .promo-btn { background: #4c1d95;
    transform: translateY(-1px);
}

.left-side-promo .promo-close { 
    background:#fff;
    position: absolute;
    top: 8px;
    right: 8px;
    border: none;
    color: var(--color-gray-400);
    cursor: pointer;
    font-size: var(--fs-sm);
    padding: 5px;
    transition: color var(--duration-base);
}
.left-side-promo .promo-close:hover { color: var(--color-red-500);
}

.partners-swiper img { contain: layout style;

   width: 110px; height: 51px;
}

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

    [title]:hover::after { content: attr(title); position: absolute; bottom: 125%; left: 50%; transform: translateX(-50%);
        background: var(--color-dark-body); color: var(--color-white); padding: 6px 12px; border-radius: var(--radius-sm); font-size: var(--fs-xs); white-space: nowrap;
        z-index: var(--z-top); box-shadow: 0 2px 8px rgb(0 0 0 / .2); opacity: 0; transition: opacity var(--duration-base); pointer-events: none;
    }

    .features-domains a::after { content: attr(data-tooltip); position: absolute; bottom: 120%; left: 50%; transform: translateX(-50%);
        background: rgb(51 51 51 / .95); color: var(--color-white); padding: 4px 8px; border-radius: var(--radius-sm); font-size: .6875rem;
        white-space: nowrap; z-index: var(--z-dropdown); opacity: 0; transition: opacity var(--duration-base) ease, transform var(--duration-base) ease, bottom var(--duration-base) ease; pointer-events: none;
    }
    .features-domains a:hover::after { opacity: 1; }

    .features-domains a::before { content: ''; position: absolute; bottom: 100%; left: 50%; margin-left: -5px;
        border: 5px solid transparent; border-top-color: rgb(51 51 51 / .95); opacity: 0; z-index: var(--z-dropdown);
    }
    .features-domains a:hover::before { opacity: 1; }

}

.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }

.float-left { float: left !important; }
.float-right { float: right !important; }

.ml-auto { margin-left: auto !important; }
.mr-auto { margin-right: auto !important; }
.ml-0 { margin-left: 0 !important; } :is(.mr-0, .me-n3) {
 margin-right: 0 !important; }
.ml-1 { margin-left: .25rem !important; } .mr-1 { margin-right: .25rem !important; }
.ml-2 { margin-left: .5rem !important; } .mr-2 { margin-right: .5rem !important; }
.ml-3 { margin-left: 1rem !important; } .mr-3 { margin-right: 1rem !important; }
.ml-4 { margin-left: 1.5rem !important; } .mr-4 { margin-right: 1.5rem !important; }
.ml-5 { margin-left: 3rem !important; } .mr-5 { margin-right: 3rem !important; }

.pl-0 { padding-left: 0 !important; } .pr-0 { padding-right: 0 !important; }
.pl-3 { padding-left: 1rem !important; } .pr-3 { padding-right: 1rem !important; }

@media (max-width: 991px) {
#offcanvas-menu-home { z-index: var(--z-top) !important;
    background-color: var(--color-white) !important;
    opacity: 1 !important;
  }

  body.offcanvas-view::before { content: '';
    position: fixed;
    top: 0;
    left: 85%;
    width: 15%;
    height: 100%;
    background: rgb(0 0 0 / .5);
    z-index: var(--z-overlay);
    display: block;
  }

  @media (min-width: 377px) { body.offcanvas-view::before { left: 320px;
      width: calc(100% - 320px);
    }
  }

#offcanvas-menu-home { display: block !important; position: fixed !important; top: 0 !important; bottom: 0 !important; left: 0 !important;
        width: 280px !important; height: 100vh !important; background: var(--color-white) !important;
        box-shadow: 2px 0 15px rgb(0 0 0 / .1) !important; z-index: var(--z-top) !important;
        transform: translateX(-100%) !important; transition: transform var(--duration-slow) ease-in-out !important;
        visibility: visible !important; overflow-y: auto !important; padding-bottom: 70px;
    }

    #offcanvas-menu-home.in { transform: translateX(0) !important; }
    #offcanvas-menu-home .desktop-none { display: block !important; }
    #offcanvas-menu-home .dropdown-menu { position: static !important; float: none !important; transform: none !important; width: 100% !important;
        background: var(--color-bg-soft) !important; border: none !important; box-shadow: none !important;
        padding-left: 10px; margin-top: 0 !important; display: none; opacity: 1 !important; visibility: visible !important;
    }
    #offcanvas-menu-home .dropdown-menu.show { display: block !important; height: auto !important; }
    #offcanvas-menu-home .nav-link {
        padding: 15px 20px !important;
        border-bottom: 1px solid var(--color-border-base);
    }
#offcanvas-menu-home { display: block !important;
        position: fixed !important;
        top: 0; left: 0; bottom: 0;
        width: 85%; max-width: 320px;
        z-index: var(--z-top) !important;
        background: var(--color-white);
        transform: translateX(-100%);
        transition: transform var(--duration-slow) ease-in-out;
        visibility: visible !important;
        opacity: 1 !important;
    }

    #offcanvas-menu-home.open { transform: translateX(0) !important;
    }

    body.offcanvas-view::before { content: '';
        position: fixed; top: 0; left: 0; width: 100%; height: 100%;
        background: rgb(0 0 0 / .5);
        z-index: var(--z-top);
        display: block;
    }
.sticky-support-hub { position: static !important;
        margin-bottom: 3rem;
    }
.order-lg-1 { order: 2; }
    .order-lg-2 { order: 1; }

    .hostinkos-title { font-size: 2rem !important;
    }
.hostinkos-title.display-5 { font-size: 2rem !important;
    }

    .display-5 { font-size: 2rem !important; }
}

@

html.offcanvas-lock { overflow: hidden;
  height: 100%;
}

body.offcanvas-lock { overflow: hidden;
  height: 100%;
}

.offcanvas-open .navbar.fixed-header-layout { position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
}

.partners-scroll-container { position: relative;
    width: 100%;
    overflow: hidden;

    transform: translate3d(0, 0, 0);
    }

.partners-track { display: flex;
    align-items: center;
    width: max-content;
    padding: 10px 5px 30px 0;

    animation: scroll-from-center 60s linear infinite alternate;
    will-change: transform;
}

.partner-item { flex: 0 0 14.285vw;
    min-width: 130px;
    padding: 0 15px;
    box-sizing: border-box;

    display: flex;
    justify-content: center;
    align-items: center;
}

.partner-item img,
.fade-in-img { max-width: 100%;
    max-height: 70px;
    object-fit: contain;
    pointer-events: none;
    user-select: none;
    -webkit-user-drag: none;
}

@keyframes scroll-from-center { 0%   { transform: translateX(40vw); }
    100% { transform: translateX(calc(-100% + 100vw)); }
}

@keyframes scroll-from-center-mobile { 0%   { transform: translateX(20vw); }
    100% { transform: translateX(calc(-100% + 60vw)); }
}

@media (max-width: 768px) {
.partner-item { flex: 0 0 33.333vw;
        min-width: 100px;
    }

    .partner-item img, .fade-in-img { max-height: 50px;
    }

    .partners-track { animation-name: scroll-from-center-mobile;
    }

.cms-track { display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
        padding: 0 10px;
        justify-items: center;
        align-items: center;
    }

    .cms-item { margin-bottom: 10px;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .cms-item img { max-width: 80px;
        height: auto;
    }
.feature-minimal { contain: layout paint;
    padding: 1.5rem 1rem;
  }

  .icon-circle { width: 60px;
    height: 60px;
  }
.insight-inner { padding: 1rem !important;
        border-left: 3px solid #4f46e5;
    }
    .brand-line, .shimmer-border { display: none !important; }
.display-6 { font-size: 2rem;
    }
.methodology-item { gap: 1rem;
    padding-block: 1.2rem;
    }
    .methodology-text { font-size: var(--fs-base);
    }
}






/* =========================================
   1. STRUKTURA E KARUSELIT DHE PAGESPEED
   ========================================= */
.reviews-section {
  background-color: var(--color-bg-white, #fcfcfd);
  position: relative;
  overflow: hidden;
}

.reviews-slider-wrapper {
  position: relative;
  width: 100%;
  margin-top: 30px;
}

/* ID 'reviewsTrack' qe po perdor skripti yt */
.reviews-carousel {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  gap: 30px; 
  padding-bottom: 30px;
  padding-top: 10px;
  scrollbar-width: none; 
  -ms-overflow-style: none;
}

.reviews-carousel::-webkit-scrollbar {
  display: none;
}

/* =========================================
   2. KARTAT DHE ESTETIKA (KODI YT ORIGJINAL)
   ========================================= */
.reviews-carousel .review-item {
  scroll-snap-align: start;
  flex: 0 0 calc(33.333% - 20px);
  min-width: 320px;
  display: flex;
  flex-direction: column;
}

.reviews-carousel .review-card {
  flex: 1;
  border: 1px solid rgba(0,0,0,0.05);
  border-radius: 12px;
  background: var(--color-white, #ffffff);
  padding: 30px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.05);
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.reviews-carousel .review-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.reviews-carousel .highlight-card {
  background: linear-gradient(145deg, #f7f9fb 0%, #ffffff 100%);
  border: 2px solid var(--color-blue-soft, #16475f);
}

/* =========================================
   3. AVATARET, EMRI, ROLI (KODI YT ORIGJINAL)
   ========================================= */
.user-info { 
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 15px;
}

.user-avatar { 
  width: 45px;
  height: 45px;
  background: linear-gradient(135deg, var(--color-blue-soft, #16475f) 0%, #764ba2 100%);
  color: var(--color-white, #ffffff);
  font-weight: 700;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--fs-base, 16px);
  flex-shrink: 0;
}

.user-name { 
  font-size: var(--fs-base, 16px);
  font-weight: 700;
  margin: 0;
  color: var(--color-dark-body, #1b1b1b);
}

.user-role { 
  font-size: var(--fs-xs, 12px);
  color: #1b1b1b !important;
  font-weight: 500 !important;
  display: block;
}

.review-text { 
  font-size: var(--fs-sm, 14px);
  line-height: 1.6;
  color: var(--color-mid4, #666666);
  flex-grow: 1;
  font-style: italic;
}

/* =========================================
   4. YJET DHE TRUSTPILOT (OPTIMIZIM)
   ========================================= */
/* Yjet permes CSS per te shmangur rendimin e HTML DOM */
.stars-5-icon {
  display: block;
  width: 100px;
  height: 20px;
  background-image: url('../img/icons/stars-5.svg'); 
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
}

.highlight-card .stars-5-icon {
  width: 120px;
  height: 24px;
  margin: 0 auto;
  background-position: center;
}

/* Butoni Minimalist Trustpilot */
.trustpilot-verify-container {
  text-align: center;
  margin-top: 10px;
}

.btn-trustpilot {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background-color: transparent;
  color: #1b1b1b;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  padding: 8px 20px;
  border-radius: 50px;
  border: 1px solid #e1e4e8;
  transition: all 0.3s ease;
}

.btn-trustpilot:hover {
  background-color: #f7f9fb;
  border-color: #d1d5db;
  color: #1b1b1b;
}

.tp-star-icon {
  color: #00b67a;
}

/* =========================================
   5. BUTONAT E SHFLETIMIT MAJTAS/DJATHTAS
   ========================================= */
.carousel-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  background-color: #ffffff;
  border: 1px solid #e1e4e8;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
  color: #16475f;
}

.carousel-btn:hover {
  background-color: #16475f;
  color: #ffffff;
  border-color: #16475f;
}

.carousel-btn-prev { left: -24px; }
.carousel-btn-next { right: -24px; }

/* =========================================
   6. RESPONSIVE
   ========================================= */
@media (max-width: 991.98px) {
  .reviews-carousel .review-item {
    flex: 0 0 calc(50% - 15px);
  }
}

@media (max-width: 767.98px) {
  .reviews-carousel .review-item {
    flex: 0 0 100%;
    min-width: unset;
  }
  .carousel-btn-prev { left: -10px; }
  .carousel-btn-next { right: -10px; }
}







@media (max-width: 1200px) { .reviews-wrapper { padding-left: 30px; }
    .prev-btn { left: 10px; }
}

.featured-cms-section { padding: 20px 0;
}

.cms-wrapper { width: 100%;
}

.cms-track { display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    flex-wrap: wrap;
}

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

.cms-item img { max-width: 100px;
    height: auto;
    object-fit: contain;
}

.icon { display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
    vertical-align: -0.125em;
    transition: color var(--duration-slow) ease;
}

.navbar .nav-link .icon { color: inherit !important;
}

main .icon-server,
main .icon-globe,
main :is(.icon-rocket, section .icon-server, section .icon-globe, section .icon-rocket, .icon-envelope, .icon-life-ring, .icon-cog, .icon-lock, .icon-shield-alt, .icon-expeditedssl, .icon-user-circle) { color: var(--color-primary) !important;
}

.icon-check,
.icon-check-circle { color: var(--color-ui-7) !important;
}

.icon-gem,
.icon-star { color: var(--color-warning) !important;
}

.header-primary-checklist li {
    list-style:none;
    font-size:1.125rem;
    line-height:2.1875;
    color:var(--color-gray-body);
    position:relative;
    min-height: 35px;
}

.header-primary-checklist li:before,
.second-pricing-table-body li:after { content: "" !important;
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 10px;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.997 26.206-9.997 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.206-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.997 26.206-9.997 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.206-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--color-success);
    vertical-align: middle;
}

.footer-contact-method { display: block;
}

.footer-contact-method .social-icon { position: relative;
    overflow: hidden;
    display: block;
    padding: 15px 20px;
    margin-bottom: 15px;
    background: rgb(255 255 255 / .05);
    border-radius: 8px;
    transition: background-color var(--duration-base) ease, padding var(--duration-base) ease;
}

.footer-contact-method .social-icon:hover { background: rgb(255 255 255 / .08);
    transform: translateX(5px);
}

.footer-contact-method .social-icon span,
.footer-contact-method .social-icon b { position: relative;
    z-index: 2;
    display: block;
    color: var(--color-white);
}

.footer-contact-method .social-icon span { font-size: var(--fs-xs);
    text-transform: uppercase;
    letter-spacing: 1px;
    opacity: .7;
    margin-bottom: 5px;
}

.footer-contact-method .social-icon b { font-size: var(--fs-sm);
    font-weight: 600;
    padding-left:100px;
}

.footer-contact-method .social-icon .icon { position: absolute !important;
    right: -5px !important;
    bottom: -10px !important;
    width: 70px !important;
    height: 70px !important;
    opacity: .12 !important;
    transform: rotate(-15deg) !important;
    color: rgb(255 255 255 / .3) !important;
    pointer-events: none !important;
    z-index: 0 !important;
    transition: color var(--duration-base) ease, opacity var(--duration-base) ease, transform var(--duration-base) ease;
}

.footer-contact-method .social-icon:hover .icon { opacity: .2 !important;
    transform: rotate(-10deg) scale(1.05) !important;
}

html, body { cursor: default !important;
}
a, button, .btn, input[type="submit"], input[type="button"], label, select, [role="button"], .menu-btn-changer { cursor: pointer !important;
}

.icon { display: inline-block;
    width: 1.5em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
    vertical-align: -0.125em;
    transition: color var(--duration-slow) ease;
}

.navbar .nav-item.dropdown > .nav-link::after,
.navbar .nav-item.dropdown > .btn-nav-dropdown::after { content: "" !important;
    display: inline-flex !important;
    align-items: center !important;
    width: 0 !important;
    height: 0 !important;
    margin-left: 5px !important;
    margin-right: 0 !important;
    vertical-align: middle !important;
    border-top: .32em solid currentColor !important;
    border-right: .3em solid transparent !important;
    border-bottom: 0 !important;
    border-left: .3em solid transparent !important;
    background: none !important;
    background-image: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    opacity: 1 !important;
    transition: transform var(--duration-base) ease;
    float: none !important;
    position: static !important;
}

.navbar .nav-item.dropdown.show > .nav-link::after,

main .icon-server, main .icon-globe, main .icon-rocket,
section .icon-server, section .icon-globe, section .icon-rocket,
.icon-envelope, .icon-life-ring, .icon-cog, .icon-lock, .icon-shield-alt, .icon-expeditedssl, .icon-user-circle { color: var(--color-primary) !important;
}
.icon-check, .icon-check-circle { color: var(--color-ui-7) !important; }
.icon-gem, .icon-star { color: var(--color-warning) !important; }

.footer-contact-method .social-icon span, .footer-lang-changer { position: absolute !important;
    z-index: var(--z-top) !important;
}
.footer-lang-changer .menu-btn-changer { position: relative !important;
    z-index: var(--z-top) !important;
    pointer-events: auto !important;
    display: inline-block;
}

.control-section-minimal { background: linear-gradient(180deg, #fafbff 0%, #f0f4ff 100%);
  position: relative;
}

.max-w-800 { max-width: 800px;
}

.icon-circle { width: 72px;
  height: 72px;
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  box-shadow: 0 8px 24px rgb(0 0 0 / .08);
  transition: box-shadow var(--duration-base) ease;
}

:is(.icon-circle:hover, .hk-circle-btn:hover, .portfolio-card:hover img.main-img, .transition-premium:hover .step-icon-compact) {
    transform: scale(1.05);
}

.icon-circle i { font-size: var(--fs-2xl) !important;
  color: var(--color-white) !important;
}

.feature-minimal { padding: 2rem 1rem;
  background: white;
  border-radius: 16px;
  box-shadow: 0 4px 16px rgb(0 0 0 / .06);
  transition: border-color var(--duration-base) ease, background-color var(--duration-base) ease, box-shadow var(--duration-base) ease, padding var(--duration-base) ease;
  border: 1px solid rgb(255 255 255 / .6);
  height: 100%;
}

.feature-minimal:hover { box-shadow: 0 12px 32px rgb(0 0 0 / .12);
  transform: translateY(-4px);
}

.feature-minimal h6 { font-family: var(--font-bold);
  color: var(--color-ink);
  margin-bottom: .75rem;
  font-size: var(--fs-lg);
}

.feature-minimal small { color: var(--color-gray-500);
  font-size: var(--fs-sm);
  line-height: 1.6;
}

.control-section-minimal::before { content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 25% 25%, rgb(59 23 122 / .03) 0%, transparent 50%), radial-gradient(circle at 75% 75%, rgb(92 71 246 / .03) 0%, transparent 50%);
  pointer-events: none;
}

.award-card { contain: layout paint;
    border-color: var(--color-ui-8) !important;
    transition: color var(--duration-base) ease;
}

.card-link-wrapper:hover .award-card { transform: translateY(-6px);
    box-shadow: 0 20px 40px -5px rgb(20 20 40 / .08);
    border-color: transparent !important;
}

:is(.grayscale-effect img, .grayscale-hover-effect img) {
 filter: grayscale(100%);
    opacity: .7;
    transition: opacity var(--duration-slow) ease;
}

.card-link-wrapper:hover .grayscale-effect img { filter: grayscale(0%);
    opacity: 1;
}

.transform-icon { transition: transform var(--duration-slow) ease;
    color: var(--color-primary);
}

.card-link-wrapper:hover .transform-icon { transform: translateX(5px);
}

.letter-spacing-2 { letter-spacing: 2px; }

.border-primary-subtle { border-color: var(--color-ui-9) !important; }

.border-top { border-top-color: #f0f2f5 !important; }

.bg-gradient-border { background: linear-gradient(145deg, rgb(255 255 255 / .1) 0%, rgb(255 255 255 / .02) 100%);
    transition: background  ease;
}

.bg-dark-glass { background-color: var(--color-ui-10);
    background-image: linear-gradient(180deg, rgb(255 255 255 / .03) 0%, rgb(0 0 0 / .2) 100%);
    box-shadow: inset 0 0 20px rgb(0 0 0 / .5);
}

.control-card:hover .bg-gradient-border { background: linear-gradient(145deg, rgb(255 255 255 / .25) 0%, rgb(255 255 255 / .05) 100%);
}

.control-card:hover .transform-arrow { transform: translateX(5px);
    color: rgb(255 255 255 / .8) !important;
}

.transform-arrow {
    transition: transform var(--duration-slow) ease, color var(--duration-slow) ease;
}

.icon-box-minimal { font-size:3.125rem;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: start;
}

.text-white-80 { color: rgb(255 255 255 / .8) !important; }
.text-white-60 { color: rgb(255 255 255 / .6) !important; }
.text-white-50 { color: rgb(255 255 255 / .5) !important; }
.text-white-40 { color: rgb(255 255 255 / .4) !important; }
.text-white-20 { color: rgb(255 255 255 / .2) !important; }

.tracking-tight { letter-spacing: -0.5px; }

.pulse-dot { display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: var(--radius-full);
    animation: pulse-glow 2s infinite;
}

@keyframes pulse-glow { 0% { box-shadow: 0 0 0 0 rgb(255 255 255 / .4); }
    70% { box-shadow: 0 0 0 4px rgb(255 255 255 / 0); }
    100% { box-shadow: 0 0 0 0 rgb(255 255 255 / 0); }
}

.bg-white-05 { background-color: rgb(255 255 255 / .05); }

.sticky-support-hub { position: sticky;
    top: 130px;
    z-index: 10;
    margin-bottom: 2rem;
}

.custom-accordion .accordion-item { border: 1px solid var(--color-ui-8);
    transition: border-color var(--duration-base) ease;
}

.custom-accordion .accordion-item:hover { border-color: var(--color-ui-9);
    box-shadow: 0 10px 20px -5px rgb(59 23 122 / .05) !important;
}

.custom-accordion .accordion-button { font-family: var(--font-regular);
    font-size: 1.05rem;
    background: transparent;
    box-shadow: none !important;
    padding: 1.25rem 1.5rem;
}

.custom-accordion .accordion-button:not(.collapsed) { background-color: #f0ebfa;
    color: var(--color-primary);
}

.icon-wrapper { font-size:2rem;
    width: 40px;
    height: 40px;
    padding-top:7px;
    background-color: var(--color-bg-white);
    transition: color var(--duration-base) ease, background-color var(--duration-base) ease, font-size var(--duration-base) ease;
}

.accordion-button:not(.collapsed) .icon-wrapper { background-color: var(--color-white);
    color: var(--color-primary);
    box-shadow: 0 2px 5px rgb(0 0 0 / .05);
}

.custom-accordion .accordion-item:has(.accordion-collapse.show) { border-color: var(--color-primary);
    box-shadow: 0 10px 30px -5px rgb(59 23 122 / .1) !important;
}

.accordion-body { font-size: .95rem;
    color: #475467;
}

.help-box { background: linear-gradient(135deg, var(--color-primary) 0%, #5a2d9c 100%);
}
.btn-white { background: var(--color-white);
    color: var(--color-primary);
    border: none;
    transition: transform var(--duration-base) ease;
}
.btn-white:hover { transform: translateY(-2px);
    box-shadow: 0 5px 15px rgb(0 0 0 / .1);
}

.tracking-tight { letter-spacing: -0.02em; }

.grayscale-hover-effect:hover img { filter: grayscale(0%);
    opacity: 1;
}

.enterprise-accordion .accordion-item { border-color: var(--color-slate-200) !important;
    transition: box-shadow var(--duration-slow) ease;
}

.enterprise-accordion .accordion-item:hover { box-shadow: 0 10px 40px -10px rgb(0 0 0 / .08) !important;
}

.enterprise-accordion .accordion-button { background-color: var(--color-white);
    color: var(--color-gray-800);
    box-shadow: none !important;
}

.enterprise-accordion .accordion-button:not(.collapsed) { background-color: var(--color-surface);
    color: var(--color-primary);
}

.enterprise-accordion .accordion-button:not(.collapsed)::after { background-image: url("image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%233b177a'%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-.708z'/%3e%3c/svg%3e");
}

.enterprise-accordion .fw-bold { letter-spacing: -0.01em;
}

.ls-tight { letter-spacing: -0.02em;
}

.icon-floating { transition: transform var(--duration-slow) cubic-bezier(0.34, 1.56, .64, 1);
}

.col-md-6:hover .icon-floating { transform: scale(1.1) rotate(5deg);
}

.list-unstyled li { transition: transform var(--duration-base) ease, color var(--duration-base) ease;
}

.list-unstyled li:hover { transform: translateX(5px);
    color: var(--color-gray-800);
}

.tech-tag { font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
    font-size: .7rem;
    color: #5f6e83;
    background-color: var(--color-gray-50);
    padding: 3px 8px;
    border-radius: var(--radius-sm);
    letter-spacing: -0.3px;
    font-weight: 600;
    border: 1px solid var(--color-slate-200);
}

.tech-grid-item .transition-bg { transition: background-color var(--duration-base) ease, transform var(--duration-base) ease;
}

.tech-grid-item:hover .transition-bg { background-color: var(--color-surface-2);
    cursor: default;
}

.border-light-subtle { border-color: #dadada !important;
}

.text-primary { color:var(--color-purple-mid) !important
}

.progress-bar { transition: width 1.5s ease-in-out;
    position: relative;
    overflow: hidden;
}

.progress-bar::after { content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: linear-gradient(
        -45deg, rgb(255 255 255 / .2) 25%, transparent 25%, transparent 50%, rgb(255 255 255 / .2) 50%, rgb(255 255 255 / .2) 75%, transparent 75%, transparent
    );
    background-size: 1rem 1rem;
    opacity: .3;
}

@media (max-width: 767px) { .tech-grid-item { border-right: none !important;
    }
}

.btn-dark-brand { background-color: var(--color-purple-grad);
    color: var(--color-white);
    border: 1px solid var(--color-purple-grad);
    font-size: var(--fs-base);
}
.btn-dark-brand:hover { background-color: var(--color-ui-11);
    border-color: var(--color-ui-11);
    color: var(--color-white);
    transform: translateY(-2px);
}
.shadow-sm-purple { box-shadow: 0 4px 15px rgb(56 20 111 / .15); }

.icon-circle-xs { width: 24px;
    height: 24px;
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
}

.bg-success-subtle { background-color: rgb(25 135 84 / .1); }
.bg-dark-subtle { background-color: rgb(33 37 41 / .1); }

.text-dark { color: var(--color-slate-900) !important; }
.text-secondary { color: var(--color-mid2) !important; }

.micro-text { font-size: .65rem; letter-spacing: .5px; }
.lh-lg { line-height: 1.8; }

.status-pulse { width: 6px;
    height: 6px;
    border-radius: var(--radius-full);
    display: inline-block;
    box-shadow: 0 0 0 rgb(56 20 111 / .4);
    animation: pulse-brand 2s infinite;
}

@keyframes pulse-brand { 0% { box-shadow: 0 0 0 0 rgb(56 20 111 / .4); }
    70% { box-shadow: 0 0 0 4px rgb(56 20 111 / 0); }
    100% { box-shadow: 0 0 0 0 rgb(56 20 111 / 0); }
}

.transition-transform {
    transition: transform var(--duration-base) ease, box-shadow var(--duration-base) ease;
}
.border-secondary-subtle { border-color: var(--color-slate-200) !important; }

.shadow-lg { box-shadow: 0 10px 15px -3px rgb(0 0 0 / .5), 0 4px 6px -2px rgb(0 0 0 / .3) !important;
}

.text-white-50 { color: rgb(255 255 255 / .65) !important;
}

.fw-medium { font-weight: 500;
}

.hostinkos-title.display-5 { font-size: 2.5rem !important;
    line-height: 1.2;
}

.bg-opacity-10 { background-color: rgb(255 255 255 / .1) !important;
}

.btn-light { background-color: var(--color-white);
    color: var(--color-ui-10);
    border: none;
    transition: color var(--duration-base) ease, border-color var(--duration-base) ease;
}
.btn-light:hover { background-color: var(--color-bg-light);
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgb(0 0 0 / .2);
}

.shadow-2xl { box-shadow: 0 25px 50px -12px rgb(0 0 0 / .7);
}

.bg-opacity-5 { background-color: rgb(255 255 255 / .05) !important; }

.text-transparent { color: transparent; }
.bg-clip-text { -webkit-background-clip: text; background-clip: text; }

.btn-white { background-color: var(--color-white);
    color: #161618;
    border: 1px solid var(--color-white);
    transition: color var(--duration-base) ease, border-color var(--duration-base) ease;
}
.btn-white:hover { background-color: var(--color-ui-12);
    border-color: var(--color-ui-12);
    transform: translateY(-2px);
}

.btn-outline-white { background-color: transparent;
    color: var(--color-white);
    border: 1px solid rgb(255 255 255 / .3);
    transition: color var(--duration-base) ease, border-color var(--duration-base) ease;
}
.btn-outline-white:hover { background-color: rgb(255 255 255 / .1);
    border-color: var(--color-white);
    color: var(--color-white);
}

.hover-lift:hover { transform: translateY(-3px);
    box-shadow: 0 10px 20px rgb(0 0 0 / .3);
}

.backdrop-blur { backdrop-filter: blur(10px); }

.font-monospace {
    font-family: 'Courier New', Courier, monospace !important;
    letter-spacing: -0.5px;
}

.h2 { font-size: 2.25rem; letter-spacing: -1px; }

.help-icon { cursor: pointer;
    color: var(--color-text-med);
    transition: color var(--duration-base) ease;
}

.help-icon:hover { color: #0d6efd;
}

    .hk-minimal-widget { position: fixed;
        bottom: 20px;
        right: 20px;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 0;
        z-index:111;
    }
    .hk-minimal-widget * { box-sizing: border-box; margin: 0; padding: 0; }
    .state-input {
        position: absolute !important;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip-path: inset(50%);
        border: 0;
    }

.hk-box { width: 300px;
    max-width: calc(100vw - 32px);
    background: var(--color-white);
    border: 1px solid rgb(0 0 0 / .08);
    border-radius: 14px;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 20px 25px -5px rgb(0 0 0 / .1);
    display: none;
    margin-bottom: 12px;
    opacity: 0;
    transform: translateY(10px) scale(0.96);
    transition: opacity var(--duration-base) cubic-bezier(0.4, 0, .2, 1), transform var(--duration-base) cubic-bezier(0.4, 0, .2, 1);
}
    #toggle-min:checked ~ .hk-box {
        display: block;
        animation: slideUp  cubic-bezier(0.16, 1, .3, 1) forwards;
    }

    .hk-header { padding: 12px 14px;
        border-bottom: 1px solid rgb(0 0 0 / .06);
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: var(--color-white);
        border-radius: 14px 14px 0 0;
        min-height: 48px;
    }

    .head-title {
        display: none;
        font-size: .8125rem;
        font-weight: 600;
        color: var(--color-gray-800);
        text-align: center;
        width: 100%;
        letter-spacing: -0.2px;
    }

    #show-home:checked ~ .hk-box .default, #show-case1:checked ~ .hk-box .case1, #show-case2:checked ~ .hk-box .case2, #show-case3:checked ~ .hk-box .case3, #show-web-new:checked ~ .hk-box .t-web-new, #show-web-redesign:checked ~ .hk-box .t-web-redesign, #show-web-seo:checked ~ .hk-box .t-web-seo, #show-web-host:checked ~ .hk-box .t-web-host, #show-email-new:checked ~ .hk-box .t-email-new, #show-email-trans:checked ~ .hk-box .t-email-trans, #show-mig-full:checked ~ .hk-box .t-mig-full, #show-mig-maint:checked ~ .hk-box .t-mig-maint
    { display: block; }

    .header-nav {
        display: flex;
        align-items: center;
        width: 28px;
        height: 28px;
        position: relative;
    }
    .nav-arrow { display: none;
        width: 28px;
        height: 28px;
        align-items: center;
        justify-content: flex-start;
        cursor: pointer;
        color: var(--color-mid3);
        transition: color var(--duration-base);
        position: absolute;
        left: 0;
    }
    .nav-arrow:hover { color: var(--color-gray-900); }

    #show-case1:checked ~ .hk-box .to-home, #show-case2:checked ~ .hk-box .to-home, #show-case3:checked ~ .hk-box .to-home, #show-web-new:checked ~ .hk-box .to-case1, #show-web-redesign:checked ~ .hk-box .to-case1, #show-web-seo:checked ~ .hk-box .to-case1, #show-email-new:checked ~ .hk-box .to-case2, #show-email-trans:checked ~ .hk-box .to-case2, #show-mig-full:checked ~ .hk-box .to-case3, #show-mig-maint:checked ~ .hk-box .to-case3, #show-web-host:checked ~ .hk-box .to-case3
    { display: flex; animation: fadeIn .2s ease; }

    @keyframes fadeIn { from { opacity: 0; transform: translateX(5px); } to { opacity: 1; transform: translateX(0); } }

    .hk-content { max-height: 60vh;  overflow-y: auto; overflow-x: hidden; }
    .hk-content::-webkit-scrollbar { width: 4px; }
    .hk-content::-webkit-scrollbar-thumb { background: var(--color-ui-13); border-radius: 3px; }
    .view { display: none; }

    #show-home:checked ~ .hk-box .view-home, #show-case1:checked ~ .hk-box .view-case1, #show-case2:checked ~ .hk-box .view-case2, #show-case3:checked ~ .hk-box .view-case3, #show-web-new:checked ~ .hk-box .view-web-new, #show-web-redesign:checked ~ .hk-box .view-web-redesign, #show-web-seo:checked ~ .hk-box .view-web-seo, #show-web-host:checked ~ .hk-box .view-web-host, #show-email-new:checked ~ .hk-box .view-email-new, #show-email-trans:checked ~ .hk-box .view-email-trans, #show-mig-full:checked ~ .hk-box .view-mig-full, #show-mig-maint:checked ~ .hk-box .view-mig-maint
    { display: block; animation: fadeInContent .2s ease; }

    @keyframes fadeInContent { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }

    .hk-row { display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 14px 16px;
        border-bottom: 1px solid rgb(0 0 0 / .04);
        text-decoration: none;
        color: var(--color-gray-800);
        cursor: pointer;
        transition: background var(--duration-fast);
    }
    .hk-row:hover { background: #f9fafb; }
    .hk-row strong {
        display: block;
        font-size: 13.5px;
        color: var(--color-gray-900);
        font-weight: 500;
    }
    .arrow { color: var(--color-ui-13); font-size: var(--fs-lg); transition: var(--duration-base); }
    .hk-row:hover .arrow { transform: translateX(3px); color: var(--color-gray-400); }

    .detail-box { padding: 20px 20px 16px; }
    .benefit-list { list-style: none; padding: 0; margin: 0 0 16px 0; }
    .benefit-list li {
        font-size: .8125rem;
        color: var(--color-mid3);
        margin-bottom: 10px;
        display: flex;
        align-items: flex-start;
        gap: 8px;
        line-height: 1.4;
    }
    .check-icon { flex-shrink: 0; margin-top: 2px; width: 14px; height: 14px; }

    .tech-spec { font-size: .625rem;
        color: var(--color-gray-400);
        text-align: center;
        margin-bottom: 16px;
        text-transform: uppercase;
        letter-spacing: .5px;
        font-weight: 600;
        padding: 6px 0;
        border-top: 1px dashed rgb(0 0 0 / .06);
        border-bottom: 1px dashed rgb(0 0 0 / .06);
    }

.hk-btn-primary { display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    background: var(--color-gray-900);
    color: var(--color-white);
    padding: 12px 16px;
    text-decoration: none;
    font-size: .8125rem;
    font-weight: 600;
    border-radius: 8px;
    margin-bottom: 10px;
    transition: var(--duration-fast);
    border: none;
}
    .hk-btn-primary:hover { background: var(--color-gray-800); transform: translateY(-1px); }

    .hk-simple-link { display: block;
        text-align: center;
        font-size: .6875rem;
        color: var(--color-gray-500);
        text-decoration: underline;
        margin-bottom: 8px;
        cursor: pointer;
        transition: color var(--duration-base);
    }
    .hk-simple-link:hover { color: var(--color-mid3); }

.hk-circle-btn { width: 39px;
    height: 39px;
    background: var(--color-gray-900);
    color: var(--color-white);
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--fs-xl);
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 4px 10px rgb(0 0 0 / .15);
    margin-bottom: 0;
    border: 2px solid rgb(255 255 255 / .2);
    transition: var(--duration-base);
}

    .symbol-x { display: none; }
    #toggle-min:checked ~ .hk-circle-btn { background: var(--color-mid3); }
    #toggle-min:checked ~ .hk-circle-btn .symbol-qm { display: none; }
    #toggle-min:checked ~ .hk-circle-btn .symbol-x { display: block; font-size: var(--fs-lg); }

.sticky-contact-button { display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    color: var(--color-white);
    padding: 8px 14px;
    border-radius: 20px;
    text-decoration: none;
    font-size: .8125rem;
    font-weight: 600;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / .15);
    width: auto;
    align-self: flex-end;
    border: 2px solid rgb(255 255 255 / .2);
}
    .sticky-contact-button:hover { transform: translateY(-1px); }
    .whatsapp { background: linear-gradient(135deg, var(--color-whatsapp) 0%, #20ba5a 100%); }
    .phone { background: linear-gradient(135deg, #2196f3 0%, #1976d2 100%); }
    .sticky-livechat-space { height: 55px; }

    @media (max-width: 480px) { .hk-minimal-widget { bottom: 16px; right: 16px; left: auto; align-items: flex-end; width: auto; }
        .hk-box {
            width: 300px;
            max-width: calc(100vw - 32px);
            right: 0;
            margin-bottom: 12px;
            border-radius: 14px;
        }

        .hk-content { max-height: 55vh; }
    }

.timeline-wrapper { padding-left: 0;
}

.timeline-spine { position: absolute;
    top: 24px;
    bottom: 24px;
    left: 24px;
    width: 2px;
    background-color: var(--color-slate-200);
    transform: translateX(50%);
    z-index: 0;
}

.timeline-marker { width: 48px;
    height: 100px;
    border-radius: 7%;
    z-index: 2;
    position: relative;
    border: 0 solid var(--color-white);
    outline: 1px solid rgb(0 0 0 / .05);
    background: radial-gradient(circle at top, var(--color-purple-mid2), var(--color-purple-deep)) !important;
    color: var(--color-white) !important;
    transition: background-color var(--duration-base) ease, border-color var(--duration-base) ease, color var(--duration-base) ease;
}

.timeline-item:hover .timeline-marker { transform: scale(1.15);
    background-color: #4a1d96 !important;
    box-shadow: 0 0 0 6px rgb(59 23 122 / .15) !important;
    outline: none;
}

.timeline-item:hover .reason-title { color: var(--color-primary) !important;
    transition: color var(--duration-slow) ease;
}

.badge { font-family: 'Basier Square', sans-serif;
    letter-spacing: .5px;
    vertical-align: middle;
}

.bg-success-subtle {
    background-color: rgb(25 135 84 / .08) !important;
    color: #198754 !important;
    border-color: rgb(25 135 84 / .15) !important;
}
.bg-info-subtle {
    background-color: rgb(13 202 240 / .08) !important;
    color: #055160 !important;
    border-color: rgb(13 202 240 / .15) !important;
}
.bg-warning-subtle {
    background-color: rgb(255 193 7 / .08) !important;
    color: #664d03 !important;
    border-color: rgb(255 193 7 / .15) !important;
}
.bg-dark-subtle {
    background-color: rgb(33 37 41 / .08) !important;
    color: var(--color-mid) !important;
    border-color: rgb(33 37 41 / .15) !important;
}

.hover-icon-move:hover .transition-transform { transform: translateX(5px);
}
.transition-transform { transition: transform var(--duration-slow) ease;
}

.shadow-xl { box-shadow: 0 25px 50px -12px rgb(0 0 0 / .4);
}

.hover-lift-card { transition: transform var(--duration-slower) ease, box-shadow  ease;
}

.hover-lift-card:hover { transform: translateY(-5px);
    box-shadow: 0 30px 60px -15px rgb(0 0 0 / .5) !important;
}

.border-opacity-10 { border-color: rgb(255 255 255 / .1) !important; }
.text-white-50 { color: rgb(255 255 255 / .6) !important; }

.group-input-focus input:focus { background-color: var(--color-white) !important;
    border-color: var(--color-white) !important;
    box-shadow: 0 0 0 4px rgb(255 255 255 / .25);
    outline: none;
}
.group-input-focus i { z-index: 5;
pointer-events: none;
font-size: 1.875rem;
top: -18px !important;
position: absolute;
}

.sidebar-icon-size { font-size: 4.5rem;
width: 82px;
height: 70px;
line-height: 1;
display: inline-block;
padding-top: 5px;
}

.badge-rotate { transform: rotate(2deg);
    transition: transform var(--duration-slow) ease;
}
.badge-rotate:hover { transform: rotate(0deg) scale(1.05);
}

.opacity-50 { opacity: .5; transition: opacity var(--duration-slow); }

.pulse-dot { width: 6px;
    height: 6px;
    border-radius: var(--radius-full);
    display: inline-block;
    animation: pulse-primary 2s infinite;
}

@keyframes pulse-primary { 0% { box-shadow: 0 0 0 0 rgb(59 23 122 / .4); }
    70% { box-shadow: 0 0 0 5px rgb(59 23 122 / 0); }
    100% { box-shadow: 0 0 0 0 rgb(59 23 122 / 0); }
}

.text-success{ color: #066b3c !important;}

.insight-container { isolation: isolate;
}

.shimmer-border { position: absolute;
    inset: 0;
    border-radius: 16px;
    padding: 1px;
    background: linear-gradient(90deg, transparent, rgb(79 70 229 / .5), transparent);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    background-size: 200% 100%;
    animation: shimmer-move 4s linear infinite;
    pointer-events: none;
}

@keyframes shimmer-move { 0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

.insight-inner { background: var(--color-white);
    box-shadow: 0 1px 2px rgb(0 0 0 / .05);
    transition: transform var(--duration-base) ease, box-shadow var(--duration-base) ease;
}

.insight-inner:hover { transform: translateY(-1px);
    box-shadow: 0 10px 30px -5px rgb(0 0 0 / .06);
}

.brand-line { width: 4px;
    height: 100%;
    min-height: 48px;
    background: var(--color-ui-14);
    border-radius: var(--radius-sm);
    opacity: .8;
}

.badge-pill-tech { font-size: .625rem;
    font-weight: 700;
    letter-spacing: .5px;
    color: var(--color-ui-14);
    background: rgb(79 70 229 / .06);
    padding: 4px 8px;
    border-radius: var(--radius-md);
    border: 1px solid rgb(79 70 229 / .1);
}

.text-xs { font-size: .625rem; }

.seo-text { font-size: var(--fs-base);
    color: var(--color-mid3);
    letter-spacing: -0.1px;
}

mark.highlight-text { background-color: transparent;
    color: var(--color-gray-900);
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: rgb(79 70 229 / .3);
    text-underline-offset: 3px;
    text-decoration-thickness: 2px;
    display: inline;
    white-space: nowrap;
}

.pulse-dot { width: 6px; height: 6px; display: inline-block;
  box-shadow: 0 0 0 rgb(16 185 129 / .4);
  animation: pulse-green 2s infinite;
}
@keyframes pulse-green { 0% { box-shadow: 0 0 0 0 rgb(16 185 129 / .4); }
  70% { box-shadow: 0 0 0 6px rgb(16 185 129 / 0); }
  100% { box-shadow: 0 0 0 0 rgb(16 185 129 / 0); }
}

.blog-card{ transition: transform .25s cubic-bezier(0.34, 1.56, .64, 1), box-shadow .25s ease;
  background: var(--color-white);
}
.blog-card:hover{ transform: translateY(-5px);
  box-shadow: 0 20px 40px -10px rgb(0 0 0 / .10) !important;
}

.blog-card.accent-domain { --accent1:#6a4bb3; --accent2:#4a3387; }
.blog-card.accent-email  { --accent1:#2563eb; --accent2:#1e40af; }
.blog-card.accent-seo    { --accent1:#0f766e; --accent2:#115e59; }

.blog-card-hero{ position: relative;
  padding: 18px 18px 16px;
  background: radial-gradient(circle at top, color-mix(in srgb, var(--accent1) 25%, white 75%), transparent 65%), linear-gradient(135deg, var(--accent1), var(--accent2));
  overflow: hidden;
}
.blog-card-hero:before{ content:"";
  position:absolute;
  inset:0;
  background-image: radial-gradient(rgb(255 255 255 / .35) 1px, transparent 1px);
  background-size: 22px 22px;
  opacity: .25;
  pointer-events:none;
}
.blog-card-hero-inner{ position: relative;
  z-index: 1;
  display:flex;
  align-items:center;
  gap:12px;
}

.blog-card-icon{ width: 42px; height: 42px;
  border-radius: var(--radius-full);
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgb(255 255 255 / .14);
  border: 1px solid rgb(255 255 255 / .18);
  color: var(--color-white);
  flex-shrink:0;
}
.blog-card-icon i{ font-size: var(--fs-base); }

.badge-soft{ background: rgb(255 255 255 / .14);
  border: 1px solid rgb(255 255 255 / .18);
  color: var(--color-white);
}

.card-body p { margin-bottom: 0; }

.blog-card .card-footer a:hover{ text-decoration: underline !important;
}

.pointer-events-none { pointer-events: none;
}

.badge.bg-light { background-color: var(--color-white) !important;
    font-size: .95rem;
    transition: color var(--duration-base) ease, font-size var(--duration-base) ease;
}
.badge.bg-light:hover { transform: translateY(-3px);
    box-shadow: 0 5px 15px rgb(0 0 0 / .08) !important;
    border-color: var(--color-primary) !important;
    color: var(--color-primary) !important;
}

.bg-primary-subtle { background-color: var(--color-purple-light) !important;
}

.display-6 { font-size: 2.5rem;
    line-height: 1.2;
}

.opacity-5 { opacity: .03 !important;
}

.premium-pill { display: inline-flex;
    align-items: center;
    gap: 12px;
    background: var(--color-white);
    padding: 8px 20px 8px 8px;
    border-radius: 50px;
    border: 1px solid var(--color-slate-200);
    box-shadow: 0 1px 2px rgb(0 0 0 / .04);
    transition: background-color var(--duration-base) ease, border-color var(--duration-base) ease, box-shadow var(--duration-base) ease, padding var(--duration-base) ease;
    cursor: default;
}

.premium-pill .icon-circle { width: 32px;
    height: 32px;
    border-radius: var(--radius-full);
    background-color: var(--color-gray-900);
    color: var(--color-slate-600);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .9rem;
    transition: box-shadow var(--duration-base) ease;
    padding-top: 6px;
}

.premium-pill span { font-weight: 600;
    font-size: .95rem;
    color: var(--color-slate-700);
}

.premium-pill:hover { transform: translateY(-2px);
    box-shadow: 0 10px 25px -5px rgb(0 0 0 / .08);
    border-color: rgb(59 23 122 / .2);
}
.premium-pill:hover .icon-circle { background-color: var(--color-primary);
    color: var(--color-white);
}

.statement-box { background: var(--color-surface);
    border: 1px solid rgb(59 23 122 / .08);
    border-left: 4px solid #3b177a;
    border-radius: 12px;
    padding: 30px;
    max-width: 750px;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / .02);
    transition: transform var(--duration-slow) ease;
}

.statement-box:hover { background: var(--color-white);
    box-shadow: 0 20px 40px -5px rgb(0 0 0 / .05);
}

.bg-light-gray { background-color: var(--color-surface-2);
}
.w-150px { width: 150px; }

.bg-gradient-to-r-light { background: linear-gradient(to right, var(--color-surface-2) 10%, rgb(248 250 252 / 0) 100%);
    pointer-events: none;
}
.bg-gradient-to-l-light { background: linear-gradient(to left, var(--color-surface-2) 10%, rgb(248 250 252 / 0) 100%);
    pointer-events: none;
}

.marquee-wrapper { display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
    padding: 20px 0;
}

.marquee-track { display: flex;
    gap: 24px;
    width: max-content;
    }

.marquee-group { display: flex;
    gap: 24px;
}

.marquee-left { animation: scrollLeft 45s linear infinite;
}
.marquee-right { animation: scrollRight 50s linear infinite;
}

.marquee-wrapper:hover .marquee-track { animation-play-state: paused;
}

.portfolio-card { width: 280px;
    height: 180px;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / .05);
    background: var(--color-white);
    border: 1px solid rgb(255 255 255 / .8);
    transition: transform var(--duration-slow) cubic-bezier(0.34, 1.56, .64, 1), box-shadow var(--duration-slow) ease;
    cursor: pointer;
}

.portfolio-card img.main-img { width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    transition: transform var(--duration-slow2) ease;
}

.portfolio-card:hover { transform: translateY(-5px);
    box-shadow: 0 15px 30px -5px rgb(0 0 0 / .1);
    z-index: 5;
}

.glass-overlay { position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 52px;
    padding: 0 16px;

    background: rgb(255 255 255 / .95);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-top: 1px solid rgb(0 0 0 / .04);

    display: flex;
    align-items: center;
    justify-content: space-between;
}

.overlay-text { display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.2;
    overflow: hidden;
}

.industry-tag { display: block;
    font-size: .65rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--color-slate-400);
    font-weight: 700;
}

.client-name { margin: 0;
    font-size: .85rem;
    font-weight: 700;
    color: #1e293b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 170px;
}

.card-flag-icon { width: 24px !important;
    height: 18px !important;
    object-fit: cover;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgb(0 0 0 / .15);
    flex-shrink: 0;
}

.bg-dark { background-color: #050507 !important; }

.text-gradient-silver { background: linear-gradient(to bottom right, var(--color-white), var(--color-slate-400));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.bg-white-05 { background-color: rgb(255 255 255 / .03); }
.border-white-05 { border-color: rgb(255 255 255 / .05) !important; }
.border-white-10 { border-color: rgb(255 255 255 / .1) !important; }

.hover-border-primary:hover { border-color: rgb(59 130 246 / .5) !important;
    background-color: rgb(255 255 255 / .06);
    transform: translateX(5px);
}

.browser-window { background: #1e1e24;
    border-radius: var(--radius-lg);
    overflow: hidden;
    border: 1px solid rgb(255 255 255 / .08);
    box-shadow: 0 30px 60px -12px rgb(0 0 0 / .6);
    position: relative;
    z-index: 2;
}

.window-bar { background: #17171d;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 16px;
    border-bottom: 1px solid rgb(255 255 255 / .05);
}

.window-bar .dot { width: 10px; height: 10px; border-radius: var(--radius-full);
}

.window-bar .url-bar { flex-grow: 1;
    background: var(--color-black);
    height: 28px;
    border-radius: var(--radius-md);
    font-size: var(--fs-xs);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: monospace;
    color: var(--color-white);
    border: 1px solid rgb(255 255 255 / .1);
}

.blur-4xl { filter: blur(80px); }
.opacity-15 { opacity: .15; }

.video-inner-shadow { position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    box-shadow: inset 0 0 20px rgb(0 0 0 / .5);
    pointer-events: none;
}

.btn-white { background-color: var(--color-white);
    color: var(--color-black);
    border: 1px solid var(--color-slate-200);
}
.btn-transparent { background-color: transparent;
    border: 1px solid transparent;
}

.enterprise-card { contain: layout paint;
    background: var(--color-white);
    border: 1px solid var(--color-slate-200);
    border-radius: 8px;
    transition: border-color var(--duration-base) ease, background-color var(--duration-base) ease;
}

.enterprise-card:hover { border-color: var(--color-slate-300);
    box-shadow: 0 4px 12px rgb(0 0 0 / .05);
    transform: translateY(-2px);
}

.enterprise-list { list-style: none;
    padding: 0;
    margin: 0;
}
.enterprise-list li { padding-left: 24px;
    position: relative;
    margin-bottom: 12px;
    font-size: .9rem;
    color: var(--color-slate-600);
}

.enterprise-list li::before { content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 6px;
    height: 10px;
    border: solid var(--color-slate-900);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.padding-0-100 { padding-top: 0;
    padding-bottom: 100px;
}

.feature-module { transition: transform var(--duration-base) ease, border-color var(--duration-base) ease, box-shadow var(--duration-base) ease;
}

.feature-module:hover { transform: translateY(-3px);
    border-color: var(--color-slate-300) !important;
    box-shadow: 0 10px 20px -5px rgb(0 0 0 / .05);
}

.icon-box-sm { width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.9rem;
    color: #2e8e5f;
    background-color: transparent;
    padding-top: 10px;

}

.vertical-connector { border-left: 1px dashed #cbd5e1;
}

.bg-black-20 { background-color: rgb(0 0 0 / .2); }
.bg-white-10 { background-color: rgb(255 255 255 / .1); }
.opacity-05 { opacity: .05; }
.blur-4xl { filter: blur(100px); }

.shimmer-effect { position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background: linear-gradient(90deg, transparent, rgb(255 255 255 / .6), transparent);
    transform: skewX(-20deg) translateX(-150%);
    animation: shimmer 2s infinite linear;
}
@keyframes shimmer { 100% { transform: skewX(-20deg) translateX(150%); }
}

.glass-badge { background: rgb(255 255 255 / .15);
    backdrop-filter: blur(10px);
    border: 1px solid rgb(255 255 255 / .2);
}

.steps-glass-container { background: rgb(255 255 255 / .05);
    backdrop-filter: blur(5px);
}

.pulse-ring { box-shadow: 0 0 0 0 rgb(255 255 255 / .4);
    animation: pulseWhite 2s infinite;
}
@keyframes pulseWhite { 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgb(255 255 255 / .4); }
    70% { transform: scale(1); box-shadow: 0 0 0 10px rgb(255 255 255 / 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgb(255 255 255 / 0); }
}

.text-primary { color: var(--color-purple-deep) !important; }

.hover-scale-up { transition: transform var(--duration-base) cubic-bezier(0.34, 1.56, .64, 1), box-shadow var(--duration-base) ease;
}
.hover-scale-up:hover { transform: translateY(-4px) scale(1.02);
    box-shadow: 0 20px 40px -5px rgb(0 0 0 / .3);
}

.icon-circle-md { width: 48px; height: 48px;
    border-radius: var(--radius-full);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.2rem;
}
.group-hover-action:hover .icon-circle-md { transform: scale(1.1);
    color: var(--color-purple-deep);
    border-color: var(--color-purple-deep) !important;
}
.transition-transform {
    transition: transform var(--duration-base) ease, border-color var(--duration-base) ease, color var(--duration-base) ease;
}

.shadow-2xl { box-shadow: 0 25px 50px -12px rgb(74 51 135 / .25);
}
.shadow-glow-success { box-shadow: 0 0 15px rgb(16 185 129 / .4);
}

.font-mono { font-family: 'SF Mono', 'Fira Code', 'Roboto Mono', monospace;
}

.glass-tech-card { background: rgb(15 23 42 / .7);
    backdrop-filter: blur(8px);
    border: 1px solid rgb(255 255 255 / .1);
    border-radius: 8px;
}

.network-grid { display: flex;
    flex-wrap: wrap;
    gap: 1px;
    background: var(--color-gray-50);
    border: 1px solid var(--color-gray-50);
    border-radius: var(--radius-md);
    overflow: hidden;
}

.network-node { flex: 1 0 auto;
    background: var(--color-white);
    padding: 10px 20px;
    font-size: .85rem;
    color: var(--color-mid2);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    transition: color var(--duration-base) ease, background-color var(--duration-base) ease, padding var(--duration-base) ease;
    border-right: 1px solid transparent;
}

.status-dot { width: 6px;
    height: 6px;
    border-radius: var(--radius-full);
    background-color: var(--color-slate-300);
    transition: background-color var(--duration-base) ease;
}

.network-node:hover { background-color: var(--color-surface-2);
    color: var(--color-slate-900);
    z-index: 1;
}
.network-node:hover .status-dot { background-color: var(--color-ui-5);
    box-shadow: 0 0 8px rgb(16 185 129 / .4);
    transform: scale(1.2);
}
.network-node.active .status-dot { background-color: var(--color-primary);
}

.object-fit-cover { object-fit: cover; }

.location-list-compact { list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 16px;
}

.location-list-compact li a { color: var(--color-mid2);
    text-decoration: none;
    font-size: .85rem;
    display: block;
    transition: color var(--duration-base);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.location-list-compact li a:hover { color: var(--color-primary);
    text-decoration: underline;
}

.industry-pill { display: inline-block;
    background: var(--color-gray-50);
    color: var(--color-slate-600);
    padding: 8px 16px;
    border-radius: 50px;
    font-size: .85rem;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid transparent;
    transition: color var(--duration-base) ease, background-color var(--duration-base) ease, border-color var(--duration-base) ease;
}
.industry-pill:hover { background: var(--color-white);
    color: var(--color-primary);
    border-color: var(--color-slate-300);
    transform: translateY(-2px);
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / .05);
}

.flag-icon { font-size: var(--fs-2xl);
    line-height: 1;
}

.seo-text-block { font-size: .8rem;
    color: var(--color-slate-400);
    line-height: 1.8;
}
.seo-text-block span { display: inline-block;
    margin: 0 4px;
}

.bg-warning-subtle { background-color: var(--color-white)beb !important;
}
.text-warning-emphasis { color: #b45309 !important;
}
.bg-light-purple { background-color: var(--color-surface) !important;
}

.text-danger.opacity-75 { color: var(--color-red-500) !important;
    opacity: .75;
}

.list-unstyled strong { font-weight: 600;
    color: var(--color-gray-800);
}

.card-footer { transition: background-color var(--duration-slow) ease;
}
.card:hover .card-footer { background-color: var(--color-purple-light) !important;
}

.border-primary-subtle { border-color: rgb(59 23 122 / .15) !important;
}

.methodology-item { display: flex;
    align-items: baseline;
    gap: 2rem;
    padding-block: 1.5rem;
    border-bottom: 1px solid #f1f5f9;
    transition: top var(--duration-base) ease, bottom var(--duration-base) ease;
}

.index-number { font-family: monospace;
    font-size: .85rem;
    color: var(--color-gray-neutral);
    font-weight: 600;
    min-width: 25px;
    transition: color var(--duration-slow) ease;
}

.methodology-text { font-size: 1.1rem;
    color: var(--color-slate-700);
    margin: 0;
    line-height: 1.6;
    font-weight: 500;
    transition: color var(--duration-slow) ease, transform var(--duration-slow) ease;
}

.methodology-item:hover .index-number { color: var(--color-purple-dark);
}

.methodology-item:hover .methodology-text { color: var(--color-slate-900);
    transform: translateX(10px);
}

</style>

<!-- ENTERPRISE CSS -->
<style>

.padding-100-0 { padding-block: 100px; }

.border-dashed { border-style: dashed !important; }
.blur-effect { backdrop-filter: blur(12px); }
.tracking-wide { letter-spacing: .5px; }

#enterprise-tabs-pricing .nav-pills .nav-link { color: var(--color-mid2);
    border: 1px solid transparent;
    transition: color var(--duration-base) ease, background-color var(--duration-base) ease, border-color var(--duration-base) ease;
}
#enterprise-tabs-pricing .nav-pills .nav-link:hover { background: var(--color-bg-white);
    color: var(--color-purple-dark);
}
#enterprise-tabs-pricing .nav-pills .nav-link.active { background: var(--color-purple-dark);
    color: var(--color-white);
    box-shadow: 0 4px 12px rgb(66 25 131 / .25);
}

.pricing-card { contain: layout paint;
    border-radius: 1rem;
    background: var(--color-white);
    border: 1px solid var(--color-slate-200);
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / .05), 0 2px 4px -1px rgb(0 0 0 / .03);
    transition: border-color var(--duration-base) ease, background-color var(--duration-base) ease, box-shadow var(--duration-base) ease;
}

.pricing-card-inner { padding: 3rem 2rem 2rem 2rem;
}

.pricing-card:hover { transform: translateY(-4px);
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / .05), 0 10px 10px -5px rgb(0 0 0 / .02);
    border-color: var(--color-slate-300);
}

.featured-card { border-color: var(--color-purple-dark);
    box-shadow: 0 10px 15px -3px rgb(66 25 131 / .1), 0 4px 6px -2px rgb(66 25 131 / .05);
}

.pricing-ribbon { position: absolute;
    top: 30px;
    left: 0;
    padding: 6px 18px;
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    border-top-right-radius: 50rem;
    border-bottom-right-radius: 50rem;
    z-index: 10;
    box-shadow: 0 4px 6px rgb(0 0 0 / .08);
}

.pricing-card-header { padding-bottom: 1rem;
    border-bottom: 1px solid #f1f5f9;
    margin-bottom: 1.25rem;
}

.spec-list li { border-bottom: 1px dashed rgb(0 0 0 / .06);
    padding: 10px 0;
    font-size: .85rem;
    color: var(--color-slate-700);
}

.minimal-tags-wrapper { display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.minimal-tag { font-size: .65rem;
    font-weight: 600;
    color: var(--color-slate-600);
    background-color: var(--color-gray-50);
    padding: 4px 10px;
    border-radius: var(--radius-md);
    border: 1px solid transparent;
    transition: color var(--duration-base) ease, background-color var(--duration-base) ease, border-color var(--duration-base) ease, padding var(--duration-base) ease;
}

.minimal-tag:hover { background-color: var(--color-slate-200);
    color: var(--color-slate-900);
    border-color: var(--color-slate-300);
}

.icon-circle-soft { width: 44px; height: 44px;
    border-radius: var(--radius-full);
    background: var(--color-surface-2);
    border: 1px solid var(--color-gray-50);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.4rem;
    padding-top:2px;
}
.icon-circle-accent { background: #f3e8ff; border-color: #e9d5ff; }
.icon-circle-accent-dark { background: var(--color-white)1f2; border-color: #ffe4e6; }

.icon-box-small { width: 24px; height: 24px;
    display: flex; align-items: center; justify-content: center;
}
.bg-success-subtle { background-color: #dcfce7 !important; }

.btn-brand:hover { background: var(--color-ui-15);
    color: var(--color-white);
    box-shadow: 0 4px 12px rgb(66 25 131 / .3) !important;
}
.btn-outline-brand { border-color: var(--color-slate-200);
    color: var(--color-purple-dark);
    background: var(--color-white);
}
.btn-outline-brand:hover { border-color: var(--color-purple-dark);
    background: var(--color-purple-dark);
    color: var(--color-white);
}

.transition-lift {
    transition: transform var(--duration-base) ease, box-shadow var(--duration-base) ease;
}
.transition-lift:hover { transform: translateY(-2px); }

.pulse { width: 8px; height: 8px; border-radius: var(--radius-full);
    box-shadow: 0 0 0 rgb(34 197 94 / .4);
    animation: pulse-green-2 2s infinite;
}
@keyframes pulse-green-2 { 0% { box-shadow: 0 0 0 0 rgb(34 197 94 / .4); }
    70% { box-shadow: 0 0 0 6px rgb(34 197 94 / 0); }
    100% { box-shadow: 0 0 0 0 rgb(34 197 94 / 0); }
}

.border-light-subtle { border-color: var(--color-slate-200)!important; }

.h-2 { height: .5rem; }
.w-2 { width: .5rem; }
.animate-ping { animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
}
@keyframes ping { 75%, 100% { transform: scale(2);
        opacity: 0;
    }
}
.absolute { position: absolute; }
.relative { position: relative; }
.inline-flex { display: inline-flex; }

.btn-brand { background-color: var(--color-purple-dark);
    color: var(--color-white);
    border: 1px solid var(--color-purple-dark);
    font-size: .9rem;
    letter-spacing: .5px;
}
.btn-brand:hover { background-color: var(--color-ui-15);
    color: var(--color-white);
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgb(66 25 131 / .2) !important;
}

.border-light-subtle { border-color: var(--color-gray-50) !important; }

.bg-brand-light-soft { background-color: rgb(66 25 131 / .05); }

.feature-card-modern { transition: transform var(--duration-base) ease, box-shadow var(--duration-base) ease, border-color var(--duration-base) ease;
}

.feature-card-modern:hover { transform: translateY(-5px);
    box-shadow: 0 15px 30px -5px rgb(0 0 0 / .08) !important;
    border-color: rgb(66 25 131 / .2) !important;
}

.icon-box-modern { width: 48px; height: 48px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 12px;
    font-size: var(--fs-xl);

}

.icon-box-modern i:before { width: 48px; height: 48px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 12px;
    font-size: 2.5rem;
    color:var(--color-white);
    background:var(--color-teal-bright);
}

.group:hover .icon-box-modern { background-color: var(--color-purple-dark);
    color: var(--color-white) !important;
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgb(66 25 131 / .3);
}

.group-hover-text-brand { transition: color var(--duration-slow) ease; }
.group:hover .group-hover-text-brand { color: var(--color-purple-dark) !important; }

.text-neutral-gray { color: #a3a3a3 !important; }
.text-neutral-dark { color: #525252 !important; }

.bg-gradient-to-r-black {
    background: linear-gradient(to right, var(--color-black) 15%, rgb(0 0 0 / 0) 100%);
    pointer-events: none;
}
.bg-gradient-to-l-black {
    background: linear-gradient(to left, var(--color-black) 15%, rgb(0 0 0 / 0) 100%);
    pointer-events: none;
}

.marquee-left { animation: scrollLeft 70s linear infinite; }
.marquee-right { animation: scrollRight 75s linear infinite; }

.marquee-wrapper:hover .marquee-track { animation-play-state: running !important;
}

@keyframes scrollLeft { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
@keyframes scrollRight { 0% { transform: translateX(-50%); } 100% { transform: translateX(0); } }

.white-card { contain: layout paint;
    width: 260px;
    background: var(--color-white);
    border-radius: var(--radius-md);
    overflow: hidden;
    transition: box-shadow var(--duration-base) ease, background-color var(--duration-base) ease;
    cursor: pointer;
    box-shadow: 0 4px 6px rgb(255 255 255 / .05);
}

.white-card:hover { transform: translateY(-3px);
    box-shadow: 0 10px 30px rgb(255 255 255 / .2);

}

.img-box-white { height: 170px;
    background: var(--color-white);
    padding: 30px;
    display: flex; align-items: center; justify-content: center;
    border-bottom: 1px solid #e5e7eb;
}

.card-img { width: 100%; height: 100%;
    object-fit: cover;
    border-radius: 2px;
    box-shadow: 0 2px 8px rgb(0 0 0 / .1);
    transition: transform  ease;
}

.white-card:hover .card-img { transform: scale(1.03);
}

.card-footer-white { padding: 12px 16px;
    display: flex; align-items: center; justify-content: space-between;
    background: var(--color-white);
}

.tech-badge-dark { display: block; font-size: .6rem; text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--color-mid2);
    font-weight: 700;
}
.client-name-dark { margin: 0; font-size: .85rem; font-weight: 700;
    color: var(--color-slate-900);
    font-family: system-ui, -apple-system, sans-serif;
}

.flag-box { width: 24px; height: 18px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 2px;
    overflow: hidden;
    border: 1px solid var(--color-slate-200);
}
.flag-box img { width: 100%; height: 100%; object-fit: cover; }

.domain-card { display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 7px 14px;
    background: var(--color-white);
    border: 1px solid var(--color-border-50);
    border-radius: 8px;
    position: relative;
    min-width: 80px;
    text-align: left;

    transition: transform var(--duration-base) ease, box-shadow var(--duration-base) ease, border-color var(--duration-base) ease;
    opacity:.8;
}

.cursor-default { cursor: default !important;
}

.domain-card:hover { transform: translateY(-2px);
    box-shadow: 0 4px 10px rgb(0 0 0 / .05);
    border-color: var(--color-slate-300);
}

.domain-card .ext { font-weight: 800;
    font-size: var(--fs-xs);
    color: var(--color-gray-800);
    line-height: 1.2;
}

.domain-card .price { font-size: var(--fs-xs);
    color: var(--color-gray-500);
    font-weight: 500;
}

.domain-card.active { border-color: var(--color-purple-dark);
    background: var(--color-purple-light);
}

.domain-card.active .ext { color: var(--color-purple-dark);
}

.badge-sale { position: absolute;
    top: -6px;
    right: -6px;
    background: var(--color-red-500);
    color: var(--color-white);
    font-size: .5rem;
    font-weight: 800;
    padding: 3px 5px;
    border-radius: var(--radius-sm);
    line-height: 1;
    box-shadow: 0 2px 4px rgb(239 68 68 / .2);
    z-index: 2;
}

.domain-card-link { display: inline-flex;
    align-items: center;
    font-size: var(--fs-xs);
    font-weight: 600;
    color: var(--color-gray-500);
    text-decoration: none !important;
    transition: color var(--duration-base) ease;
    height: 100%;
    padding: 5px;
    cursor: pointer;
}

.domain-card-link:hover { color: var(--color-purple-dark);
}

.bg-light-subtle { background-color: var(--color-gray-50) !important; }
.border-light-subtle { border-color: var(--color-slate-200) !important; }
.x-small { font-size: var(--fs-xs); }
.h-1px { height: 1px; }

.panel-container { box-shadow: 0 4px 6px -1px rgb(0 0 0 / .02);
    transition: box-shadow var(--duration-slow) ease;
}
.panel-container:hover { box-shadow: 0 15px 30px -5px rgb(0 0 0 / .08);
}

.dot-indicator { width: 8px;
    height: 8px;
    border-radius: var(--radius-full);
}

.panel-item { position: relative;
    cursor: default;
}
.panel-item:hover { background-color: var(--color-surface);
}

.panel-item::before { content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background-color: var(--color-purple-dark);
    opacity: 0;
    transition: opacity var(--duration-base) ease;
}

.icon-small { font-size: 1.2rem;
    line-height: 1;
    margin-top: 2px;
}

.step-icon-compact { width: 56px; height: 56px;
    position: relative;
    transition: transform var(--duration-slow) ease;
}

.icon-badge-compact { position: absolute; bottom: -3px; right: -3px;
    width: 22px; height: 22px;
    border-radius: var(--radius-full);
    display: flex; align-items: center; justify-content: center;
    font-size: .625rem;
    z-index: 3;
}
.icon-badge-compact i:before{ padding-left: 6px;
    padding-top: 6px !important;
    position: absolute;
    top: 0;
    left: 0;
}

.progress-ring { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    transform: rotate(-90deg);
}

.ring-bg { fill: none; stroke: var(--color-ui-6); stroke-width: 2.5;
}

.ring-fill { fill: none; stroke: var(--color-purple-dark); stroke-width: 2.5; stroke-linecap: round;
}

.text-primary-gradient { background: linear-gradient(135deg, var(--color-gray-900) 0%, var(--color-purple-dark) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.step-card { backdrop-filter: blur(10px); }
.shadow-soft { box-shadow: 0 4px 20px rgb(0 0 0 / .03); }
.transition-premium { transition: transform var(--duration-medium) ease, box-shadow  ease; }
.transition-premium:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px -5px rgb(0 0 0 / .08) !important;
}

.active-premium {
    background: radial-gradient(circle at top, var(--color-purple-mid2), var(--color-purple-deep)) !important;
    border-color: #6366f1 !important;
}
.active-premium h5 { color: var(--color-white) !important; }
.active-premium p { color: var(--color-white) !important; }
.shadow-colored { box-shadow: 0 10px 20px -5px rgb(79 70 229 / .4); }

.action-bar-container {
    box-shadow: 0 10px 25px -5px rgb(0 0 0 / .08);
    transition: transform var(--duration-base), box-shadow var(--duration-base);
}
.action-bar-container:hover {
    transform: translateY(-2px);
    box-shadow: 0 20px 30px -5px rgb(0 0 0 / .12);
}
.action-bar-container:focus-within {
    border-color: var(--color-purple-dark) !important;
    box-shadow: 0 0 0 4px rgb(79 70 229 / .15);
}
.transition-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 15px -3px rgb(79 70 229 / .5);
}

.mode-switch-container { position: relative;
    display: inline-flex;
    background: rgb(243 244 246 / .95);
    border: 1px solid rgb(229 231 235 / .8);
    border-radius: var(--radius-full);
    padding: 3px;
    flex-shrink: 0;
}

.mode-input { position: absolute;
    opacity: 0;
    pointer-events: none;
}

.mode-label { position: relative;
    z-index: 2;
    font-size: .6875rem;
    font-weight: 700;
    letter-spacing: .4px;
    padding: 6px 12px;
    cursor: pointer;
    user-select: none;
    transition: color var(--duration-slow) ease;
    margin: 0;
    line-height: 1.2;
}

.mode-text { position: relative;
    z-index: 2;
    color: var(--color-gray-500);
    transition: color var(--duration-slow) ease;
}

.mode-input:checked + .mode-label .mode-text { color: var(--color-gray-900);
}

.mode-slider { position: absolute;
    top: 3px;
    left: 3px;
    width: calc(50% - 3px);
    height: calc(100% - 6px);
    background: var(--color-white);
    border-radius: var(--radius-full);
    box-shadow: 0 4px 12px rgb(17 24 39 / .08);
    transition: transform var(--duration-slow) cubic-bezier(0.34, 1.56, .64, 1);
    z-index: 1;
}

#modeTransfer:checked ~ .mode-slider { transform: translateX(100%);
}

#modeRegister:checked ~ .mode-slider { transform: translateX(0);
}

input[name="query"]::placeholder{ color: var(--color-gray-400);
    opacity: 1;
}

.standard-price { font-size: .85rem;
    font-weight: 500;
    font-family: inherit;
    white-space: nowrap;
}

.sticky-header { position: sticky;
    top: 0;
    z-index: 1020;
    box-shadow: 0 1px 2px rgb(0 0 0 / .03);
}

.sticky-header th { background-color: var(--color-bg-white) !important;
    backdrop-filter: blur(5px);
    letter-spacing: .5px;
}

.text-brand { color: var(--color-purple-dark) !important; }
.bg-brand {
    background-color: var(--color-purple-dark) !important;
    border-color: var(--color-purple-dark);
}

.input-group-text { background-color: var(--color-white); border-color: var(--color-slate-200); }
.form-control {
    background-color: var(--color-white);
    border-color: var(--color-slate-200);
    font-size: .85rem;
}
.form-control:focus { box-shadow: none; border-color: var(--color-purple-dark); }

.text-muted{color:rgb(0 0 0)}

    .footer-section { content-visibility: auto;
      contain-intrinsic-size: 0 600px;
    }

    .footer-seo-micro-links { content-visibility: auto;
      contain-intrinsic-size: 0 80px;
    }

    .footer-area-under { content-visibility: auto;
      contain-intrinsic-size: 0 80px;
    }

    html { scroll-behavior: smooth;

      scroll-padding-top: 80px;
    }

    @media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto !important;
    .partners-track, .marquee-left, .marquee-right, .marquee-track { animation: none;
    }
}
    *, *::before, *::after { animation-duration: .01ms !important;
        transition-duration: .01ms !important;
    }
html { scroll-behavior: auto; }
      *, *::before, *::after { animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
      }
}

    @media print {
#coodiv-navbar-header, .live_chat, .bg_overlay_header, #vpx-banners, footer, body::before {
    display: none !important;
}
    body { background: var(--color-white) !important; color: var(--color-black) !important; }
.footer-section .quiq-links-footer, .footer-section .dropdown-menu, .footer-section .lang-changer-drop-up, .footer-seo-micro-links, .footer-area-under .col-md-4, .final-footer-area .col-md-4:last-child { display: none !important;
      }

      .footer-section .footer-company-info, .final-footer-area { display: block !important;
        page-break-inside: avoid;
      }

      .footer-section, .footer-section * { color: var(--color-black) !important;
        background: transparent !important;
      }

      .footer-section a[href]::after { content: " (" attr(href) ")";
        font-size: .625rem;
        color: var(--color-gray-dim);
      }

      .footer-section a[href^="#"]::after, .footer-section a[href^="tel:"]::after, .footer-section a[href^="mailto:"]::after, .footer-section .social-icon[src]::after { content: none;
      }
}

    .footer-section *:focus-visible { outline: 2px solid #60a5fa;
      outline-offset: 3px;
      border-radius: var(--radius-sm);
    }

    .footer-section *:focus:not(:focus-visible) { outline: none;
    }

    .skip-to-content { position: absolute;
      top: -100%;
      left: 16px;
      z-index: 99999;
      padding: 8px 16px;
      background: #1e3a5f;
      color: var(--color-white);
      font-size: .875rem;
      border-radius: 0 0 4px 4px;
      transition: top .2s;
    }
    .skip-to-content:focus { top: 0;
    }

    .footer-section .col-md-4, .footer-section .col-md-8 { contain: layout style;
    }

body.offcanvas-view, html.offcanvas-view { overflow: hidden !important;
}

body.offcanvas-view::before { content: "" !important;
    position: fixed !important;
    top: 0 !important;
    left: 280px !important;
    right: 0 !important;
    bottom: 0 !important;
    width: auto !important;
    height: 100vh !important;
    z-index: 1040 !important;
    display: block !important;

    transition: none !important;
    animation: none !important;
    transform: none !important;

    pointer-events: auto !important;
}

@media (max-width: 320px) { body.offcanvas-view::before { left: 85% !important;
    }
}

.navbar-toggle::after,
body.offcanvas-lock::before { display: none !important;
    content: none !important;
}

.footer-section .menu-btn-changer { display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 13px;
  font-size: .8125rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--color-slate-400);
  background: rgb(255 255 255 / .05);
  border: 1px solid rgb(255 255 255 / .10);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: background .2s, color .2s, border-color .2s;
  white-space: nowrap;
  text-decoration: none;
  font-family: inherit;
  -webkit-appearance: none;
  appearance: none;
}
.footer-section .menu-btn-changer:hover,
.footer-section .menu-btn-changer:focus-visible { color: var(--color-slate-200);
  background: rgb(255 255 255 / .09);
  border-color: rgb(255 255 255 / .18);
  text-decoration: none;
  outline: none;
}

.footer-section .col-md-6.under-footer-ullist.half { padding-left: 0 !important;
  padding-right: 0 !important;
}
.footer-section .col-md-6.under-footer-ullist.half ul { padding-left: 0 !important;
  margin: 0 !important;
  list-style: none;
}
.footer-section .col-md-6.under-footer-ullist.half .footer-lang-changer { text-align: left !important;
}

.footer-section::before,
.footer-section::after { pointer-events: none !important;
}
.footer-section .under-footer-ullist { position: static !important;
  z-index: auto !important;
}
.footer-section .under-footer-ullist li { position: static !important;
  z-index: auto !important;
}
.footer-section a { position: relative !important;
  z-index: 2 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}
.footer-section .lang-changer-drop-up { position: relative;
  z-index: 100;
}
.footer-section .dropdown-menu { z-index: 1050 !important;
  position: absolute !important;
}

.footer-seo-micro-links .seo-micro-link { display: inline-block;
  padding: 2px 8px;
  border-radius: var(--radius-xl);
  background: rgb(148 163 184 / .08);
  font-size: 12.5px;
  line-height: 1.6;
  color: var(--color-ui-16) !important;
  transition: color .15s;
  white-space: nowrap;
}
.footer-seo-micro-links a.seo-micro-link { display: inline-block;
  padding: 5px 8px;
  margin: 2px 4px;
}
.footer-seo-micro-links .seo-micro-link:hover { color: var(--color-slate-200) !important;
  text-decoration: none !important;
}
.footer-seo-micro-links .opacity-25 { color: var(--color-ui-16) !important;
}

.footer-seo-micro-links .d-inline-flex { justify-content: center;
  width: 100%;
}
.footer-seo-micro-links > div > div > div { justify-content: center !important;
}

.visually-hidden { position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{ padding-right: calc(var(--bs-gutter-x) * 1);
    padding-left: calc(var(--bs-gutter-x) * 1);
}

@media (max-width: 576px) {
.timeline-spine { left: 20px;
    }
.action-bar-container { max-width: 100% !important;
        padding: 8px !important;
    }

    .mode-label { padding: 5px 10px;
        font-size: .625rem;
    }
.enterprise-table th, .enterprise-table td { padding-left: 1rem !important;
        padding-right: .5rem !important;
        font-size: .8rem;
    }
    .badge { font-size: .6rem !important;
    }
}

@media (max-width: 767.98px) {
.footer-seo-micro-links { padding-top: 14px !important;
            text-align: center;
        }
        .footer-seo-micro-links .d-inline-flex { justify-content: center !important;
        }
.footer-area-under .col-md-8 .footer-social-icons { display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap;
    gap: 8px;
  }
}

@media (min-width: 992px) {
#offcanvas-menu-home { display: flex !important; flex-direction: row; align-items: center;
        position: static !important; transform: none !important; width: auto !important; height: auto !important;
        background: transparent !important; box-shadow: none !important; visibility: visible !important; opacity: 1 !important; z-index: auto !important; overflow: visible !important;
    }

    #offcanvas-menu-home .desktop-none { display: none !important; }
    #offcanvas-menu-home .navbar-nav { flex-direction: row; }
    .dropdown:hover > .dropdown-menu { display: block !important; opacity: 1 !important; visibility: visible !important;
        position: absolute; top: 100%; left: 0; z-index: var(--z-top); background: var(--color-white);
    }
.navbar-toggler, .offcanvas-toggle { display: none !important;
    }
}

@media (max-width: 991.98px) {
.navbar-collapse { display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;

        height: 100vh;
        max-height: 100vh;

        overflow-y: auto !important;
        padding-top: 20px;
    }

    .navbar-nav { flex-direction: column !important;
        width: 100%;
        margin-top: 0 !important;
        margin-bottom: auto !important;
    }
.navbar-toggler, .offcanvas-toggle { display: block !important;
        visibility: visible !important;
    }

    .navbar-toggler span, .offcanvas-toggle span { display: block !important;
    }
.navbar-toggler, .offcanvas-toggle { border: 0 !important;
        outline: none !important;
        box-shadow: none !important;
        background: transparent !important;
        padding: 0 !important;

        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        width: 25px !important;
        height: 37px !important;
    }
    .navbar-toggler:focus, .offcanvas-toggle:focus { box-shadow: none !important; }

    .navbar-toggler span, .offcanvas-toggle span { display: block !important;
        width: 25px !important;
        height: 4px !important;
        margin: 4.5px 0 !important;
        border-radius: 2px;
        transition: background-color var(--duration-medium) ease, width var(--duration-medium) ease, margin  ease;
        transform-origin: center;
        background-color: #e8e8e8 !important;
    }

    .top-header-fixed .navbar-toggler:not(.toggled):not(.is-open) span, .navbar-scrolled .navbar-toggler:not(.toggled):not(.is-open) span { background-color: var(--color-dark-body) !important;
    }

    .navbar-toggler.toggled span:nth-child(1), .navbar-toggler.is-open span:nth-child(1) { transform: translateY(10px) rotate(45deg) !important;
        background-color: var(--color-white) !important;
    }

    .navbar-toggler.toggled span:nth-child(2), .navbar-toggler.is-open span:nth-child(2) { opacity: 0 !important;
        transform: scale(0) !important;
    }

    .navbar-toggler.toggled span:nth-child(3), .navbar-toggler.is-open span:nth-child(3) { transform: translateY(-10px) rotate(-45deg) !important;
        background-color: var(--color-white) !important;
    }

.top-header-fixed .navbar-toggler.toggled span:nth-child(1),
.top-header-fixed .navbar-toggler.is-open span:nth-child(1),
.navbar-scrolled .navbar-toggler.toggled span:nth-child(1),
.navbar-scrolled .navbar-toggler.is-open span:nth-child(1), .top-header-fixed .navbar-toggler.toggled span:nth-child(3),
.top-header-fixed .navbar-toggler.is-open span:nth-child(3),
.navbar-scrolled .navbar-toggler.toggled span:nth-child(3),
.navbar-scrolled .navbar-toggler.is-open span:nth-child(3) { background-color: var(--color-black) !important;
}
}

@media (width <= 999px) {
.second-pricing-table{margin-bottom:40px;}

.display-on-hover-box-container,.hom-page-service-more-banner,.nav--shamso .nav__item,.hosting-header-slider-cell-img {
    display:none;
}
.hom-page-service-more{margin:0 10px;}

.header-user-info-coodiv li span{color:var(--color-navy-dark);}
.navbar-offcanvas{display:block !important;background:#f8f8fa;padding-top:25px;top:81px;}
#coodiv-header #offcanvas-menu-home .nav-link { padding:.2rem .9rem 1.2rem 0;
    border-bottom:1px solid var(--color-border-base);
    color:var(--color-steel);
    font-size:16.5px;
    position:relative;
    font-family: var(--font-bold);
    margin-bottom:15px;
}
.navbar-nav{margin-bottom:150px;margin-top:10px;}
#coodiv-navbar-header .navbar-offcanvas .dropdown-menu { display:none;
    position:relative;
    width:100%;
    border:inherit;
    box-shadow:none;
    transition:height var(--duration-fast) ease-in;
    margin-top:-13px;
    height: 100%;
    margin-bottom: 17px;
}
#coodiv-navbar-header .navbar-offcanvas .dropdown-menu.show{display:block;}
.coodiv-dropdown-header:after{top:-9px;}

#coodiv-header .navbar .coodiv-dropdown-header:after{display:block !important;}
.map-gene-server-place img{opacity:1;margin-bottom:45px;}
.server-places-spans b {
    background:transparent;
    color:transparent;
    width:0;
    overflow:hidden;
    font-size:0;
}
.server-places-spans b:before{display:none;}
.server-places-spans span:after{left:-10px;}
.server-places-spans small{left:-15px;}
.free-trial-footer-links{margin-top:40px;}
.quiq-links-footer-ul{width:50%;float:left;margin-bottom:60px;}
.footer-area-under [class^="col-md-"]{padding:0 15px;margin:16px 0 0;}
.under-footer-ullist{margin-top:0;float:left;width:95%;}
.under-footer-ullist.half{width:50%;}

.footer-lang-changer {
    margin:auto;
    margin-top:16px;
    margin-bottom:10px;
    color: rgb(255 255 255 / .65);
    font-weight:500;
    font-size:.9375rem;
}
.table-dedicated-hosting-header #monthly-yearly-chenge{display:none;}
.offcanvas-stop-scrolling { height:100%;
    overflow:hidden;
}
.navbar-default .navbar-offcanvas { background-color:var(--color-white);
}
.navbar-inverse .navbar-offcanvas { background-color:#222;
}
.navbar-offcanvas { position:fixed;
    width:100%;
    max-width:240px;
    height:100%;
    left:-250px;
    top:0;
    padding:25px 20px 0 16px;
    z-index:999;
    overflow:scroll;
    transition: left var(--duration-fast) ease-in, transform var(--duration-fast) ease-in;
}
.navbar-offcanvas.in{box-shadow:0 0 0 rgb(0 0 0 / .0)}
.navbar-offcanvas.navbar-offcanvas-fade{opacity:0}
.navbar-offcanvas.navbar-offcanvas-fade.in{opacity:1}
.navbar-offcanvas.offcanvas-transform.in{transform:translateX(250px);}
.navbar-offcanvas.offcanvas-position.in{left:0}
.navbar-offcanvas.navbar-offcanvas-right{left:auto;right:-250px}
.navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in{transform:translateX(-250px)}
.navbar-offcanvas.navbar-offcanvas-right.offcanvas-position.in{left:auto;right:0}
.navbar-offcanvas .dropdown.active .caret{border-top:0;border-bottom:4px solid}
.navbar-offcanvas .dropdown-menu {
    position:relative;
    width:100%;
    border:inherit;
    box-shadow:none;
    transition:height var(--duration-fast) ease-in;
}
.navbar-offcanvas .dropdown-menu.shown{display:block;margin-bottom:10px}
.first-pricing-table-order{border-radius:0 0 6px 0 !important;}
.desktop-none{display:inline;}
.no-phone-display{display:none !important;}
#coodiv-navbar-header{padding:1.4rem 0;}

.header-user-info-coodiv li{margin-right:-65px;}
.question-area-page.mr-tp-120{margin-top:40px !important;}
#monthly-yearly-chenge.style-two a:first-child .change-box{width:140px;}
#monthly-yearly-chenge.style-two a{width:140px;}
.our-services-carousel-container{position:relative;margin-top:20px;}
.side-text-right-container{padding:0 15px;}
.side-text-right-text2{max-width:100%;}

.about-us-img-section{margin-bottom:55px;margin-top: 20px;}
.how-it-work-section:after{display:none;}
.how-it-works-box{margin:0 auto;}
.carousel-nav-customers-text{display:none;}
.breadcrumb-hosting-pages{display:none;}
.custom-slider-plan-form{margin:0 30px 40px;}
#frequently-questions{margin:0 0 0 30px;}
.main-header-text-title{font-size:1.8125rem;}
.mob-display-none{display:none;}
.contact-page-form-send{margin:40px 5px;}
.help-center-box-item{padding:1px;}
.box-features-tree{border-right:0;}
.box-features-tree-container{padding:10px 10px 10px 0;}
.features-box-style-two{margin-bottom:35px;}
.hosting-plan-row{padding: 0;margin:0;margin-bottom:0;}
.third-pricing-table.blur-plan{display:none;}
.third-pricing-table{margin-bottom:25px;}
.side-text-right-title{font-size:1.75rem;}
.benchmarks-link{background:transparent;padding-left:920px;}
.menu-btn-changer{margin:0 8px 10px 0;opacity:.9;}
.server-tabls-head{display:none;}

.server-tabls-row .col-md-2{margin-bottom:10px;}
.server-spects-for-mobile {
    font-size:.8125rem;
    margin-right:15px;
    opacity:.6;
    min-width:85px;
}
.first-pricing-table{margin:0 15px 60px;}

.banner-servers-box{padding:25px 0 0 15px}
.title-default-coodiv-two span{margin-top:15px}
.footer-lang-changer .menu-btn-changer{margin-right:10px;margin-left:0;}
.our-pertners{margin:-15px 0 -25px;}
.final-footer-area-text2{display:block;margin:30px auto 0 auto}
.web-hosting-options{padding:10px 0 45px 1px}

.quiq-links-footer-title{margin-top:25px;}
.footer-social-icons{margin-top:55px;text-align: center;}
.footer-social-icons a{margin:15px;opacity:.8;}
.question-area-answer-body{margin-bottom:40px;}
.navbar-nav{margin-right:0;}
#domain-search-header .inline-button-domain-order #search-btn {
    margin-right:0;
    height:66px;
    margin-top:-10.5px;
}
#domain-search-header .inline-button-domain-order #search-btn-footer {
    margin-right:0;
    height:50px;
    margin-top:-10.5px;
}
#domain-search-header input{width: 108%;height:64px;padding-left:105px;}
#domain-search-header .fa-globe2{top:12px;}
#domain-search-header{padding-right:74px;}
#coodiv-navbar-header .navbar-nav .nav-link:before{bottom:27px;}

.header-top-height{ min-height:105px }
.questions-box .questions-title{margin-left:0;}

.tld-section .boxshadow{display:block!important;}
.solidcolor-v{width:100%;height:50px;}
.tld-section .start-text{width:100%;padding:30px 20px;}
.tld-section .start-imgbg{width: 100%;padding-bottom: 40px;}
.tld-section .btn-style{padding: 15px 40px!important;}

.question-area-answer-body li:after{left:0;width:55px;margin-left:-80px;}
.question-area-answer-body li{margin-left:42px;}
.web-hosting-menu-header li{padding:16px 15px 11px 15px !important}
.owl-theme .owl-nav{margin-top:0}.owl-theme .owl-nav [class*=owl-]{right: -15px;}
.support-contact-us-box{margin-bottom:30px;}
.navbar-toggle:after { content:'';
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    transition:opacity .15s ease-in-out;
    opacity:0;
    visibility:hidden;
    background-color:rgb(0 0 0 / .6);
    pointer-events:none;
    z-index:-1;
}
.navbar-toggle.is-open:after{opacity:1;pointer-events:auto}.navbar-toggle.is-open{z-index:12}
#coodiv-header #offcanvas-menu-home .nav-item.active .nav-link{color:var(--color-violet);}
#coodiv-navbar-header .navbar-nav .nav-link .nav-new-tag { padding:0 5px;
    border-radius: var(--radius-xl);
    font-size:1rem;
    color:#f80;
    position:absolute;
    line-height:0;
    top:5px;
    right:8px;
    font-family: var(--font-bold);
}
}

@media (width >= 1000px) {
#coodiv-header .top-header-fixed .navbar-nav .nav-link{color:var(--color-dark-navy);}
#coodiv-header .top-header-fixed .navbar-nav .nav-link:before{background:#81959e;}
#coodiv-header .top-header-fixed .navbar-nav .nav-link:after{background:transparent;}
#coodiv-navbar-header .navbar-nav .nav-link { font-weight:500;
    color:var(--color-border-mid);
    font-size:1.0625rem;
    line-height:1.5;
    padding-right:1.0;
    padding-left:1.3rem;
    position:relative;
    margin-top:5px;
    letter-spacing:0;
    font-family: var(--font-bold);
}

#coodiv-navbar-header .navbar-nav .nav-link{font-weight: 700;}
#coodiv-navbar-header .navbar-nav .active .nav-link,#coodiv-navbar-header .navbar-nav .nav-link:hover {
    color:var(--color-purple-mid);
}
.navbar-toggle.offcanvas-toggle{display:none;}

#mobile-form-contact-height{display:none;}
.server-spects-for-mobile{display:none;}
#coodiv-header .top-header-fixed .navbar .nav-item.dropdown > .nav-link::after, #coodiv-header .top-header-fixed .navbar .nav-item.dropdown > .btn-nav-dropdown::after { border-top-color: var(--color-dark-navy) !important;
    }
}

@media (width <= 768px) {

    .swiper-button-next.custom-nav, .swiper-button-prev.custom-nav { display: none;
    }
.mob-display-none { display: none;
    }
.dev-hosting-buyout__items{ display: block;
    }

    .dev-hosting-buyout--cta{ margin-top: 15px;
    }
}

.sticky-contact-container { position: fixed !important;
    bottom: 40px !important;
    right: 20px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 12px !important;
    z-index: 999 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.web-hosting-menu-header li a { min-width:175px;
    display: block;
    font-family: var(--font-bold);
    font-size: .96875rem;
    margin-bottom: 5px;
    color: #345464 !important;
    text-decoration: none !important;
}