:root {
--color-true-white:#ffffff;
--color-gray-0:#FAFAFA;
--color-gray-50:#F5F5F5;
--color-gray-200:#E0E0E0;
--color-gray-600:#6F6F6F;
--color-gray-800:#4A4A4A;
--color-gray-900:#2A2A2A;
--color-yellow-500:#F7D85F;
--color-brown-700:#8B4513;
--color-red-500:#dc3545;
--color-red-700:#d62d20;
--color-gray-900-a60:#2A2A2A99;
--color-efefef-a50:#EFEFEF80;
--text-color-default:var(--color-gray-800);
--text-color-secondary:var(--color-gray-600);
--text-color-accent:var(--color-yellow-500);
--text-color-on-dark:var(--color-gray-0);
--text-color-on-dark-alt:var(--color-gray-200);
--text-color-error:var(--color-red-700);
--text-color-danger:var(--color-red-500);
--text-color-brown:var(--color-brown-700);
--text-color-dark-primary:var(--color-gray-900);
--bg-color-body:var(--color-true-white);
--bg-color-surface-light:var(--color-gray-0);
--bg-color-surface-light-alt:var(--color-gray-50);
--bg-color-muted:var(--color-gray-200);
--bg-color-dark:var(--color-gray-900);
--bg-color-dark-alt:var(--color-gray-800);
--bg-color-accent:var(--color-yellow-500);
--border-color-default:var(--color-gray-200);
--border-color-strong:var(--color-gray-600);
--border-color-accent:var(--color-brown-700);
--border-color-dark:var(--color-gray-900);
--border-color-dark-alt:var(--color-gray-800);
--link-color-default:var(--text-color-default);
--link-color-hover:var(--color-yellow-500);
--link-color-hover-brown:var(--color-brown-700);
--link-color-on-dark-hover:var(--color-yellow-500);
--icon-color-default:var(--text-color-secondary);
--icon-color-on-dark:var(--color-gray-0);
--icon-color-accent:var(--color-yellow-500);
--gradient-banner-overlay:linear-gradient(var(--color-gray-900), var(--color-gray-900-a60));
--font-primary:Inter, sans-serif;
--font-size-xs:12px;
--font-size-s:14px;
--font-size-base:16px;
--font-size-m:18px;
--font-size-l:20px;
--font-size-xl:24px;
--font-size-xxl:26px;
--font-size-3xl:30px;
--font-size-4xl:32px;
--font-size-5xl:36px;
--font-size-6xl:48px;
--font-weight-light:300;
--font-weight-normal:400;
--font-weight-medium:500;
--font-weight-semibold:600;
--font-weight-bold:700;
--line-height-tight:1.25;
--line-height-normal:1.5;
--line-height-relaxed:1.75;
--line-height-single:1;
--radius-sm:3px;
--radius-md:5px;
--radius-lg:10px;
--radius-full:50%;
--box-shadow-default:0 3px 6px var(--color-efefef-a50);
--box-shadow-hover:0 10px 20px var(--color-gray-200);
--box-shadow-dropdown:0 5px 10px rgba(0,0,0,0.1);
--box-shadow-inset-yellow:0 0 0 2px var(--color-yellow-500) inset;
--box-shadow-inset-dark:0 0 0 2px var(--border-color-dark) inset;
--box-shadow-inset-default:0 0 0 1px var(--border-color-default) inset;
--gap-xs:5px;
--gap-s:8px;
--gap-m:10px;
--gap-l:15px;
--gap-xl:20px;
--gap-xxl:25px;
--gap-3xl:30px;
--space-em-025:0.25em;
--space-em-050:0.5em;
--space-em-075:0.75em;
--space-em-100:1em;
--space-em-125:1.25em;
--space-em-150:1.5em;
--space-em-175:1.75em;
--space-em-200:2em;
--space-em-225:2.25em;
--space-em-250:2.5em;
--space-px-4:4px;
--space-px-5:5px;
--space-px-7:7px;
--space-px-8:8px;
--space-px-10:10px;
--space-px-12:12px;
--space-px-15:15px;
--space-px-16:16px;
--space-px-20:20px;
--space-px-25:25px;
--space-px-30:30px;
--space-px-34:34px;
--space-px-35:35px;
--space-px-40:40px;
--space-px-50:50px;
--space-px-65:65px;
--space-px-75:75px;
--space-px-95:95px;
}
html { scroll-behavior:smooth; }
body { margin:0; padding:0; background:repeat-x top var(--bg-color-body); }
body, input, select, textarea { color:var(--text-color-default); font-weight:var(--font-weight-light); font-size:var(--font-size-base); font-family:var(--font-primary); line-height:var(--line-height-normal); }
* { box-sizing:border-box; }
::-moz-selection { background:var(--bg-color-dark); color:var(--text-color-on-dark); }
::selection { background:var(--bg-color-dark); color:var(--text-color-on-dark); }
a { outline:0; color:var(--link-color-default); text-decoration:none; }
a:hover { outline:0; text-decoration:none; -webkit-transition:all .6s ease-in-out; -ms-transition:all .6s ease-in-out; -o-transition:all .6s ease-in-out; transition:all .6s ease-in-out; }
.navbar-collapse ul, .blog-outer ul, .plan-features ul, .plan-features p, .why-us ul, .addons-specifications ul, .blog, .blog .tag, .news ul { padding:0; }
.navbar-collapse ul, .plan-features ul, .plan-features p, .why-us ul, .addons-specifications ul { list-style:none; }
strong, b { font-weight:var(--font-weight-bold); }
em, i { font-style:italic; }
u, .u { text-decoration:underline; }
s, strike { text-decoration:line-through; }
ul, ol { margin-top:0; margin-bottom:var(--space-em-100); padding-left:var(--space-em-200); }
ul ul, ol ol, ul ol, ol ul { margin-bottom:0; }
li { margin-bottom:var(--space-em-050); line-height:var(--line-height-relaxed); }
ul { list-style-type:disc; }
ul ul { list-style-type:circle; }
ul ul ul { list-style-type:square; }
ol { list-style-type:decimal; }
ol ol { list-style-type:lower-alpha; }
ol ol ol { list-style-type:lower-roman; }
figure { margin:0; }
pre { overflow-x:auto; white-space:pre; word-wrap:normal; }
img { max-width:100%; border:none; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 300; src: url(/assets/fonts/inter-v12-latin_vietnamese-300.woff2) format('woff2'); font-display: swap; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; src: url(/assets/fonts/inter-v12-latin_vietnamese-400.woff2) format('woff2'); font-display: swap; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; src: url(/assets/fonts/inter-v12-latin_vietnamese-500.woff2) format('woff2'); font-display: swap; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; src: url(/assets/fonts/inter-v12-latin_vietnamese-700.woff2) format('woff2'); font-display: swap; }
@font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; src: url(/assets/fonts/fa-solid-900.woff2) format('woff2'),url(/assets/fonts/fa-solid-900.woff) format('woff'); font-display: swap; }
@font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: 400; src: url(/assets/fonts/fa-brands-400.woff2) format('woff2'),url(/assets/fonts/fa-brands-400.woff) format('woff'); font-display: swap; }
.fab, .fas { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: var(--line-height-single); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.fas { font-family: 'Font Awesome 5 Free'; font-weight: 900; }
.fab { font-family: 'Font Awesome 5 Brands'; font-weight: var(--font-weight-normal); }
.fa-star:before { content: '\f005'; }
.fa-angle-right:before { content: '\f00c'; }
.fa-times:before { content: '\f00d'; }
.fa-home:before { content: '\f015'; }
.fa-lock:before { content: '\f023'; }
.fa-book:before { content: '\f02d'; }
.fa-chevron-right:before { content: '\f054'; }
.fa-info-circle:before { content: '\f05a'; }
.fa-ban:before { content: '\f05e'; }
.fa-share:before { content: '\f064'; }
.fa-plus:before { content: '\f067'; }
.fa-minus:before { content: '\f068'; }
.fa-gift:before { content: '\f06b'; }
.fa-exclamation-triangle:before { content: '\f071'; }
.fa-calendar-alt:before { content: '\f073'; }
.fa-chevron-down:before { content: '\f078'; }
.fa-folder:before { content: '\f07b'; }
.fa-folder-open:before { content: '\f07c'; }
.fa-twitter-square:before { content: '\f081'; }
.fa-facebook-square:before { content: '\f082'; }
.fa-linkedin:before { content: '\f08c'; }
.fa-pinterest-square:before { content: '\f0d3'; }
.fa-cogs:before { content: '\f085'; }
.fa-hand-point-right:before { content: '\f0a4'; }
.fa-globe:before { content: '\f0ac'; }
.fa-users:before { content: '\f0c0'; }
.fa-link:before { content: '\f0c1'; }
.fa-envelope:before { content: '\f0e0'; }
.fa-bolt:before { content: '\f0e7'; }
.fa-bell:before { content: '\f0f3'; }
.fa-angle-double-right:before { content: '\f101'; }
.fa-circle:before { content: '\f111'; }
.fa-check-square:before { content: '\f14a'; }
.fa-dollar-sign:before { content: '\f155'; }
.fa-graduation-cap:before { content: '\f19d'; }
.fa-newspaper:before { content: '\f1ea'; }
.fa-linux:before { content: '\f17c'; }
.fa-expeditedssl:before { content: '\f23e'; }
.fa-server:before { content: '\f233'; }
.fa-user-plus:before { content: '\f234'; }
.fa-handshake:before { content: '\f2b5'; }
.fa-address-book:before { content: '\f2b9'; }
.fa-map-marker-alt:before { content: '\f3c5'; }
.fa-shield-alt:before { content: '\f3ed'; }
.fa-tachometer-alt:before { content: '\f3fd'; }
.fa-ticket-alt:before { content: '\f3ff'; }
.fa-cpanel:before { content: '\f388'; }
.fa-youtube-square:before { content: '\f431'; }
.fa-user-cog:before { content: '\f4fe'; }
.fa-users-cog:before { content: '\f509'; }
.fa-check-double:before { content: '\f560'; }
.fa-map-marked-alt:before { content: '\f5a0'; }
.fa-network-wired:before { content: '\f6ff'; }
.fa-tools:before { content: '\f7d9'; }
.fa-phone-square-alt:before { content: '\f87b'; }
.wrapper { margin:0 auto; max-width:1170px; width:100%; }
.group:after { display:table; clear:both; content:''; }
.layout-grid-3col { display:flex; flex-wrap:wrap; gap:var(--gap-xl); }
.layout-grid-3col > * { flex-grow:1; flex-basis:calc((100% - 2 * var(--gap-xl)) / 3); }
.layout-grid-4col { display:flex; flex-wrap:wrap; gap:var(--gap-xl); }
.layout-grid-4col > * { flex-grow:1; flex-basis:calc((100% - 3 * var(--gap-xl)) / 4); }
.nav-top { background-color: var(--bg-color-dark); color: var(--text-color-on-dark); padding: 0 var(--space-px-15); }
.nav-top__row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; max-width: 1170px; min-height: var(--space-px-50); margin: 0 auto; }
.nav-top__list { margin: 0; padding: var(--space-px-5) 0; list-style: none; display: flex; flex-wrap: wrap; align-items: center; gap: var(--gap-l); }
.nav-top__list li { display: flex; align-items: center; }
.nav-top__list li .icon { margin-right: var(--space-px-8); display: inline-flex; align-items: center; }
.nav-top__list li .icon .fas, .nav-top__list li .icon .fab { color: var(--icon-color-on-dark); font-size: var(--font-size-m); }
.nav-top__list li a { color: var(--text-color-on-dark); font-size: var(--font-size-s); line-height: var(--line-height-tight); }
.nav-top__list li a:hover, .nav-top__list li a:hover .icon .fas, .nav-top__list li a:hover .icon .fab { color: var(--link-color-on-dark-hover); }
.nav-menu-row { position: relative; margin: auto; padding: var(--space-em-100) 0; width: 1170px; height: 100px; display: flex; align-items: center; }
.nav-menu-row .navbar { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.navbar-toggler { display: none; border: none; outline: none; padding: 0; }
.navbar-collapse ul.navbar-nav { display: flex; align-items: center; margin: 0; }
.navbar-collapse > ul.navbar-nav > li { padding: 0 var(--space-px-10); margin-bottom: 0; line-height: normal; }
.navbar-collapse > ul.navbar-nav > li:not(.login-btn) > a { position: relative; display: flex; align-items: center; padding: var(--space-px-10) var(--space-px-5); min-height: 78px; font-size: var(--font-size-base); }
.navbar-collapse li:not(.login-btn) > a.active::before, .navbar-collapse > ul.navbar-nav > li:not(.login-btn) > a::before { position: absolute; bottom: var(--space-em-100); left: 0; width: 0; height: 1px; background-color: var(--color-gray-900); content: ''; transition: ease-in .3s; }
.navbar-collapse li.show:not(.login-btn) > a::before { display: none; }
.navbar-collapse li:not(.login-btn) > a.active::before, .navbar-collapse > ul.navbar-nav > li:not(.login-btn) > a:hover::before { width: 100%; }
.navbar-collapse li:not(.login-btn) > a.active, .navbar-collapse > ul.navbar-nav > li:not(.login-btn) > a:hover, .navbar-collapse li.dropdown.show:not(.login-btn) > a { color: var(--color-gray-900); }
.navbar-collapse > ul.navbar-nav > li.login-btn { padding: 0 0 0 var(--space-px-40); font-weight: var(--font-weight-bold); display: flex; align-items: center; margin-bottom: 0; line-height: normal; }
.navbar-collapse > ul.navbar-nav > li.login-btn > a { display: flex; align-items: baseline; padding: var(--space-px-15) var(--space-px-30); border: 1px solid var(--border-color-default); border-radius: var(--radius-md); color: var(--text-color-dark-primary); height: auto; line-height: normal; font-size: var(--font-size-base); position: static; }
.navbar-collapse > ul.navbar-nav > li.login-btn > a::before { display: none /*!important*/; }
.navbar-collapse li.login-btn .fas { margin: 0 var(--space-px-7) 0 0; font-size: var(--font-size-l); }
.navbar-collapse li.login-btn a:hover { background-color: var(--bg-color-dark); color: var(--text-color-accent) !important; border-color: transparent; }
.navbar-collapse li.login-btn a:hover .fas { color: var(--icon-color-accent); }
.navbar-collapse li.dropdown { position: static; }
.navbar-collapse li.dropdown .dropdown-menu { display: none; position: absolute; left: 50%; transform: translateX(-50%); width: 1170px; max-width: 100vw; z-index: 1000; padding-top: var(--space-em-075); background-clip: padding-box; }
.navbar-collapse li.dropdown.show .dropdown-menu { display: block; }
.navbar-collapse li.show > a.dropdown-toggle::after { content: ''; position: absolute; bottom: calc(-1 * var(--space-em-075)); left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: var(--space-px-10) solid transparent; border-right: var(--space-px-10) solid transparent; border-bottom: 13px solid var(--color-gray-900); z-index: 1001; }
.navbar-collapse li.dropdown .dropdown-menu .dropdown-inner { width: 100%; padding: var(--space-px-25); background: var(--bg-color-dark); border: 1px solid var(--border-color-dark-alt); border-top: none; border-radius: 0 0 var(--radius-lg) var(--radius-lg); box-shadow: var(--box-shadow-dropdown); display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--gap-xl); }
.navbar-collapse li.dropdown .dropdown-menu .dropdown-inner > a { padding: 0; display: block; border-radius: var(--radius-md); transition: background-color 0.3s ease; }
.navbar-collapse li.dropdown .dropdown-menu .dropdown-inner > a:hover { background-color: var(--color-gray-800); }
.dropdown-links { padding: var(--space-em-125); font-size: var(--font-size-s); color: var(--text-color-on-dark-alt); }
.dropdown-links .icon-holder { display: flex; align-items: flex-start; gap: var(--gap-l); }
.dropdown-links .icon-holder .icon-holder-inner span { display: flex; align-items: center; justify-content: center; width: var(--space-px-50); height: var(--space-px-50); border: 1px solid var(--border-color-dark-alt); background-color: transparent; border-radius: var(--radius-full); transition: background-color 0.3s ease, border-color 0.3s ease; margin-top: var(--radius-sm); box-shadow: none; }
.dropdown-links .icon-holder .icon-holder-inner span i.fab, .dropdown-links .icon-holder .icon-holder-inner span i.fas { font-size: var(--font-size-xl); line-height: var(--line-height-single); transition: color 0.3s ease; }
.dropdown-links .dropdown-textbox { flex-grow: 1; text-align: left; }
.dropdown-links h3, .dropdown-links p { margin: 0; }
.dropdown-links h3 { color: var(--text-color-on-dark); font-size: var(--font-size-base); margin-bottom: var(--space-px-5); }
.dropdown-links p { font-size: var(--font-size-s); line-height: var(--line-height-normal); }
.dropdown-links p span { color: var(--text-color-on-dark); }
.navbar-collapse li.dropdown .dropdown-menu .dropdown-inner > a:hover .dropdown-links h3 { color: var(--text-color-accent); }
.navbar-collapse li.dropdown .dropdown-menu .dropdown-inner > a:hover .dropdown-links p { color: var(--text-color-on-dark); }
.navbar-collapse li.dropdown .dropdown-menu .dropdown-inner > a:hover .dropdown-links .icon-holder .icon-holder-inner span { background-color: var(--bg-color-accent); border-color: transparent; }
.navbar-collapse li.dropdown .dropdown-menu .dropdown-inner > a:hover .dropdown-links .icon-holder .icon-holder-inner span i.fas, .navbar-collapse li.dropdown .dropdown-menu .dropdown-inner > a:hover .dropdown-links .icon-holder .icon-holder-inner span i.fab { color: var(--color-gray-900); }
.banner-content { height: 499px; background-image: var(--gradient-banner-overlay),url(/assets/images/banner-desktop.webp); background-position: center; background-size: cover; background-repeat: no-repeat; color: var(--text-color-on-dark); text-align: center; font-size: var(--font-size-m); line-height: var(--line-height-relaxed); display: flex; flex-direction: column; justify-content: center; align-items: center; }
.banner-content span { display: block; margin: 0 0 var(--space-px-20); color: var(--text-color-accent); font-size: var(--font-size-xl); font-weight: var(--font-weight-light); }
.banner-content h1 { margin: 0 0 var(--space-px-30); font-weight: var(--font-weight-bold); font-size: var(--font-size-6xl); line-height: var(--line-height-tight); }
.banner-content p { max-width: 80ch; margin: 0 auto var(--space-px-40); word-break: break-word; overflow-wrap: break-word; }
.banner-content .yellow-btn { display: inline-block; vertical-align: top; }
@supports not (background-image:url("image.webp")) { .banner-content { background-image: var(--gradient-banner-overlay),url('/assets/images/banner-fallback.jpg'); } }
.main-box { padding-top:var(--space-px-75); padding-bottom:var(--space-px-75); width:100%; }
.main-box h2  { margin:0 0 var(--space-px-25); font-size:var(--font-size-5xl); line-height:var(--line-height-tight); color:var(--text-color-dark-primary); }
.main-box h3 { margin:0 0 var(--space-px-16); line-height:var(--line-height-normal); font-size:var(--font-size-m); color:var(--text-color-dark-primary); }
.sub-title { display:block; margin:var(--space-px-25) 0 0; color:var(--text-color-secondary); font-size:var(--font-size-m); line-height:var(--line-height-relaxed); font-weight:var(--font-weight-light); }
.dark-btn a, .transparent-btn a, .yellow-btn a { display: block; padding: var(--space-px-15) 0; border-radius: var(--radius-md); text-align: center; font-weight: var(--font-weight-bold); font-size: var(--font-size-base); line-height: var(--line-height-normal); }
.dark-btn a, .yellow-btn a { min-width: 220px; box-shadow: 0 10px 20px rgba(0,0,0,.2),var(--box-shadow-inset-yellow); color: var(--text-color-accent); }
.dark-btn a:hover, .transparent-btn a:hover, .yellow-btn a:hover { background: transparent; }
.yellow-btn a:hover { background-color: var(--bg-color-accent); color: var(--text-color-dark-primary); }
.dark-btn a, .transparent-btn a:hover { background-color: var(--bg-color-dark); box-shadow: var(--box-shadow-inset-dark); color: var(--text-color-accent); }
.dark-btn a:hover, .transparent-btn a { color: var(--text-color-dark-primary); }
.transparent-btn a, .transparent-btn a:hover { box-shadow: var(--box-shadow-inset-default); }
.blog-outer, .plans { text-align:center; }
.plan-features { border:1px solid var(--border-color-default); box-shadow:var(--box-shadow-default); border-radius:var(--radius-md); min-width:250px; padding:var(--space-px-40) 0 0; }
.plan-features:hover { box-shadow:var(--box-shadow-hover); }
.plan-features .icon-holder { margin:0 auto var(--space-px-20); display:inline-block; vertical-align:top; }
.plan-features .icon-holder .icon-holder-inner { background:var(--bg-color-dark); width:100px; height:100px; border-radius:var(--radius-full); display:table; }
.plan-features .icon-holder .icon-holder-inner img, .plan-features .icon-holder .icon-holder-inner span { margin:0 auto; }
.plan-features .icon-holder .icon-holder-inner img, .plan-features .icon-holder .icon-holder-inner span, .addons-specifications>div { display:table-cell; vertical-align:middle; }
.plan-features .icon-holder .icon-holder-inner, .addons-specifications { display:table; }
.plan-features .icon-holder .icon-holder-inner span img:last-child { display:none; }
.plan-features:hover .icon-holder .icon-holder-inner span img:last-child { display:block; }
.plan-features:hover .icon-holder .icon-holder-inner span img:first-child { display:none; }
.plan-features:hover h3 { color:var(--text-color-dark-primary); }
.plan-features:hover .icon-holder .icon-holder-inner { background:var(--bg-color-dark); }
.plan-features:hover .plan-features-inner { background:var(--bg-color-dark); }
.plan-features:hover .plan-features-inner .dark-btn a { background-color:var(--bg-color-accent); box-shadow:var(--box-shadow-inset-yellow); color:var(--text-color-dark-primary); }
.plan-features:hover .plan-features-inner .price, .plan-features:hover .plan-features-inner .price-cycle { color:var(--text-color-on-dark); }
.plan-features:hover .plan-features-inner .price .price-discount, .plan-features:hover .plan-features-inner .price-saveoff { color:var(--text-color-accent); }
.plan-features h3, .plan-features .price span, .plan-features li span, .plan-features p span { font-weight:var(--font-weight-bold); }
.plan-features .price, .plan-features li, .plan-features p { font-size:var(--font-size-s); }
.plan-features .price span, .plan-features .price span.price-discount { font-size:var(--font-size-xl); }
.plan-features .price span span { font-size:var(--font-size-base); }
.plan-features .price span span span { font-size: var(--font-size-xs); display: block; font-style: italic; font-weight: var(--font-weight-medium); margin: var(--space-px-5); color:var(--text-color-secondary); }
.plan-features:hover .price span span span { color:var(--text-color-on-dark-alt); }
.plan-features .price .price-base {text-decoration: line-through; font-size:var(--font-size-base); color: var(--text-color-secondary); display: block; margin: var(--space-px-5);}
.plan-features .price .price-discount, .plan-features .price .price-saveoff { color: var(--text-color-brown); }
.plan-features .price-cycle, .price-saveoff, .price-discount { display: block; margin: var(--space-px-5) 0; }
.plan-features li { margin:var(--space-px-12) 0 0; }
.plan-features-inner { width:100%; margin:var(--space-px-34) 0 0; padding:var(--space-px-25) 0 var(--space-px-40); border-top:1px solid var(--border-color-default); border-radius:0 0 var(--radius-md) var(--radius-md); }
.plan-features .dark-btn { display:inline-block; vertical-align:top; }
.plan-features .dark-btn a { min-width:200px; }
.plan-features .icon-holder, .monthly-price, .rating-star img { display:inline-block; vertical-align:top; }
.monthly-price { position:relative; margin:var(--space-px-15) 0; min-width:235px; border:1px solid var(--border-color-default); border-radius: var(--radius-sm); text-align:center; background:var(--bg-color-surface-light); cursor:pointer; max-width:100%; }
.monthly-price .fas { float:right; margin:var(--space-px-10) var(--space-px-10) 0 0; }
.monthly-price .select-value { padding:var(--space-px-5) var(--space-px-10); }
.monthly-price ul { position:absolute; top:36px; box-shadow:0 0 4px var(--border-color-default); border-radius: var(--radius-sm); left:0; background:var(--bg-color-surface-light); width:100%; padding:var(--space-px-5) var(--space-px-10); cursor:pointer; }
.monthly-price li { padding:var(--space-px-5) var(--space-px-10); border-top:1px solid var(--border-color-default); cursor:pointer; margin:0; }
.monthly-price li:first-child { border:none; }
.rating-star { margin: 0 0 var(--space-px-65); display:inline-block; vertical-align:top; font-size:var(--font-size-s); }
.rating-star p { margin:0; }
.rating-star p span { font-weight:var(--font-weight-medium); }
.star-cont { margin:var(--space-px-20) 0; height:var(--space-px-25); }
.star { display:inline-block; width:var(--space-px-25); height:var(--space-px-25); background-image:url(/assets/images/stars.png); transition:all .25s; -webkit-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1); }
.star:hover { cursor:pointer; -webkit-transform:scale(1.3,1.3); -ms-transform:scale(1.3,1.3); transform:scale(1.3,1.3); }
.star.star-0 { background-position:0 0; }
.star.star-1 { margin-right:var(--space-px-5); background-position:0 var(--space-px-50); }
.star.star-2 { margin-right:var(--space-px-5); background-position:0 var(--space-px-25); }
.padding-column { padding-top:var(--space-px-30); text-align:center; display:flex; flex-wrap:wrap; align-items:baseline; justify-content:center; gap:var(--gap-s); }
.padding-column > h3.text { margin:0; }
.padding-column > div.text { margin:0; }
.padding-column > div.icon { margin:0; }
.padding-column > p { flex-basis:100%; margin-top:var(--space-px-10); }
.padding-column a:hover, .news-meta-item a:hover, .news-related-posts-list a:hover { text-decoration:underline; }
.why-us { text-align:center; background-color:var(--bg-color-surface-light-alt); }
.why-us .sub-title { margin:0 0 var(--space-px-65); }
.why-us .plan-features li, .why-us .plan-features p { padding:0 var(--space-px-50) var(--space-px-50); text-align:center; }
.features-grid, .news-grid { display:flex; flex-wrap:wrap; gap:var(--gap-xl); list-style:none; padding:0; margin:0; }
.feature-item { box-sizing:border-box; display:flex; flex-direction:column; flex:1 1 calc(33.333% - 18px); border:1px solid var(--border-color-default); border-radius:var(--radius-md); background-color:var(--bg-color-surface-light); box-shadow:var(--box-shadow-default); padding:var(--space-px-25); text-align:center; transition:box-shadow .3s ease-in-out,transform .3s ease-in-out; }
.feature-item:hover, .news-item:hover { box-shadow:var(--box-shadow-hover); }
.feature-item__icon { margin-bottom:var(--space-px-20); line-height:0; margin-left:auto; margin-right:auto; width:100px; height:100px; }
.feature-item__icon span { display:flex; align-items:center; justify-content:center; width:100px; height:100px; background-color:var(--bg-color-dark); border-radius:var(--radius-full); }
.feature-item__icon img { max-width:64px; height:64px; display:block; }
.feature-item__icon .icon-hover { display:none; }
.feature-item__icon .icon-default { display:block; }
.feature-item:hover .feature-item__icon .icon-default { display:none; }
.feature-item:hover .feature-item__icon .icon-hover { display:block; }
.feature-item__description { flex-grow:1; color:var(--text-color-secondary); font-size:var(--font-size-s); line-height:var(--line-height-normal); margin:0; }
.feature-item__description p, .news-item__excerpt p { margin:0; }
.feature-item__footer { margin-top:auto; padding-top:var(--space-px-20); }
.news-item { position:relative; box-sizing:border-box; display:flex; flex-direction:column; flex:1 1 calc(33.333% - 18px); border:1px solid var(--border-color-default); border-radius:var(--radius-md); background-color:var(--bg-color-surface-light); box-shadow:var(--box-shadow-default); overflow:hidden; transition:box-shadow .3s ease-in-out,transform .3s ease-in-out; }
.news-item__tag { background-color:var(--bg-color-accent); color:var(--text-color-default); padding: var(--space-px-5) 0; border-radius: var(--radius-lg); align-self:center; font-weight:var(--font-weight-bold); font-size:var(--font-size-m); margin-top: var(--space-px-25); width: 200px;}
.news-item__image { margin:0; line-height:0; }
.news-item__image img { display:block; width:100%; margin-top:var(--space-px-15); padding-top:var(--space-px-15); }
.news-item__content { padding:var(--space-px-20); display:flex; flex-direction:column; flex-grow:1; }
.news-item__meta { margin-bottom:var(--space-px-15); font-size:var(--font-size-s); display:flex; justify-content:center; align-items:center; order:-1; }
.news-item__date { display:inline-block; color:var(--text-color-secondary); border:1px solid var(--border-color-default); border-radius:var(--radius-md); padding:var(--space-px-5) var(--space-px-15); line-height:var(--line-height-normal); }
.news-item__title { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; }
.news-item__title a { color:inherit; }
.news-item__title a:hover { text-decoration:underline; }
.news-item__excerpt { flex-grow:1; color:var(--text-color-secondary); font-size:var(--font-size-s); line-height:var(--line-height-normal); margin:0 0 var(--space-px-20); display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; text-align:center; }
.news-item__button { margin-top:auto; display:inline-block; padding:var(--space-px-15) var(--space-px-30); border-radius:var(--radius-md); text-align:center; font-weight:var(--font-weight-bold); font-size:var(--font-size-base); line-height:var(--line-height-normal); color:var(--text-color-dark-primary); box-shadow:var(--box-shadow-inset-default); transition:background-color .3s,color .3s; align-self:center; }
.news-item__button:hover { background-color:var(--bg-color-dark); box-shadow:var(--box-shadow-inset-dark); color:var(--text-color-accent); }
.blog-outer li { padding: 0 var(--space-px-20); text-align:left; }
.news-box { padding:var(--space-px-20); width:100%; border-radius:var(--radius-md); border:1px solid var(--border-color-default); box-shadow:var(--box-shadow-default); text-align:left; }
.expired-warning { background-color: var(--color-gray-50); border: 1px solid var(--color-yellow-500); border-left-width: 5px; padding: var(--gap-l) var(--gap-xl); margin-bottom: var(--gap-xl); border-radius: var(--radius-md); color: var(--text-color-default); font-family: var(--font-primary); font-size: var(--font-size-base); line-height: var(--line-height-relaxed); }
.expired-warning h4 { color: var(--color-brown-700); margin-top: 0; margin-bottom: var(--gap-m); font-size: var(--font-size-l); font-weight: var(--font-weight-semibold); }
.expired-warning p { margin-bottom: var(--gap-s); line-height: var(--line-height-normal); }
.expired-warning p:last-child { margin-bottom: 0; }
.expired-warning a, .text-link { color: var(--text-color-brown); font-weight: var(--font-weight-bold); }
.expired-warning a:hover, .text-link:hover { text-decoration: underline; }
.expired-warning strong { font-weight: var(--font-weight-bold); color: var(--text-color-dark-primary); }
.news-box2 { width:100%; text-align:left; }
.news-box span { display:inline-block; }
.news .sub-title2, .news h3 { text-align:left; }
.news .news-box, .accordion-box { text-align:left; }
.news-meta { display:flex; align-items:baseline; justify-content:center; gap:var(--gap-xl); padding-left:0; list-style:none; margin-top:0; margin-bottom:var(--space-em-150); }
.news-meta-item { display:inline-flex; align-items:baseline; gap:var(--gap-xs); }
.news-share-actions { display:flex; align-items:center; justify-content:flex-start; flex-wrap:wrap; gap:var(--gap-m); padding:var(--space-px-15) 0; }
.news-share-actions .news-share-label { display:flex; align-items:center; gap:var(--gap-xs); font-weight:var(--font-weight-medium); }
.news-share-actions .news-share-button { display:inline-flex; align-items:center; vertical-align:middle; }
.news-share-actions .news-twitter-share iframe { vertical-align:middle !important; }
.news-share-actions .news-facebook-share .fb-share-button, .news-share-actions .news-twitter-share .twitter-share-button { display:flex !important; align-items:center !important; }
.news-share-actions .news-facebook-share span, .news-share-actions .news-twitter-share iframe { max-height:var(--space-px-20); }
.news-rating-section { display:flex; align-items:center; gap:var(--gap-s); border-top:1px solid var(--border-color-default); padding: var(--space-em-050) var(--space-em-050); }
.news-rating-section .news-section-title-icon { white-space:nowrap; margin-right:var(--space-px-5); }
.news-rating-section .rating-star { display:flex; align-items:center; flex-wrap:wrap; gap:var(--gap-xs); margin:0; }
.news-rating-section .rating-star p { font-size:var(--font-size-s); margin:0; text-align:left; }
.news-related-posts-title { display:flex; align-items:center; gap:var(--gap-s); text-align:left; border-top:1px solid var(--border-color-default); border-bottom:1px solid var(--border-color-default); padding: var(--space-em-050) var(--space-em-050); }
.news-related-posts-title .news-section-title-icon { white-space:nowrap; margin-right:var(--space-px-5); }
.news-related-posts-title span { margin-right:var(--space-px-5); }
.news-related-posts-list { padding-left:0; list-style:none; margin-top:var(--space-px-10); }
.news-related-posts-list li span { font-size: var(--font-size-s); color: var(--text-color-secondary); margin: var(--space-px-5); font-style: italic; }
.pagination { display: flex; flex-wrap: wrap; gap: var(--space-em-050); margin: var(--space-px-50) 0; align-items: baseline; justify-content: center; width:100%; }
.pagelink { display: inline-block; padding: var(--space-em-050) var(--space-em-100); color: var(--text-color-dark-primary); background-color: var(--bg-color-surface-light); border: 1px solid var(--border-color-default); border-radius: var(--radius-md); transition: background-color 0.2s, border-color 0.2s, color 0.2s; }
.pagelink:hover, .pagelink--active { background-color: var(--bg-color-dark-alt); color: var(--text-color-accent); border: 1px solid var(--border-color-dark); }
.addons-box { text-align:center; }
.addons-box h2 { margin:0 0 var(--space-px-25); color:var(--text-color-dark-primary); }
.addons-box .sub-title { margin:0 0 var(--space-px-65); }
.addons { min-width:250px; padding:var(--space-px-40); border-radius:var(--radius-lg); overflow:hidden; position:relative; border:1px solid var(--border-color-default); box-shadow:var(--box-shadow-default); }
.addons:hover { box-shadow:var(--box-shadow-hover); }
.addons figure { margin:0 0 var(--space-px-12); }
.addons h3 { margin:0; }
.addons-specs { position:absolute; left:0; top:0; border-radius:var(--radius-lg); transition:all .3s ease-in-out; transform:translateX(-100%); height:100%; padding-top:var(--space-em-100); background:var(--bg-color-dark); width:100%; display: flex; justify-content: center;}
.addons .addons-specs.active { transform:translateX(0); font-size: var(--font-size-s); font-weight: var(--font-weight-medium);}
.addons-specifications { display:table; width:100%; }
.addons-specifications h3 { margin:0 0 var(--space-px-10); color:var(--text-color-on-dark); }
.addons-specifications>div { display:table-cell; vertical-align:middle; color:var(--text-color-on-dark); }
.addons-specifications li span { font-weight:var(--font-weight-light); color:var(--text-color-accent); }
.os-box { text-align:center; background-color:var(--bg-color-surface-light-alt); }
.os-box .sub-title { margin:0 0 var(--space-px-65); }
.os { min-width:200px; padding:var(--space-px-50) 0; border:1px solid var(--border-color-default); box-shadow:var(--box-shadow-default); border-radius:var(--radius-md); }
.os:hover { box-shadow:var(--box-shadow-hover); }
.os h3 { margin:var(--space-px-15) 0 0; }
.faq { text-align:center; }
.faq .sub-title { margin:0 0 var(--space-px-65); }
.faq-columns { display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; }
.faq-columns > .accordion-box { flex-basis:49%; flex-grow:0; flex-shrink:1; }
.accordion-box { text-align:left; }
.accordion-box .card { margin:0 0 var(--space-px-20); border:1px solid var(--border-color-default); box-shadow:var(--box-shadow-default); transition:ease-in-out .6s; border-radius:var(--radius-md); overflow:hidden; }
.accordion-box .card h3 { margin:0; font-weight:var(--font-weight-light); }
.accordion-box .card button, .accordion-box .card button.collapsed { text-align:left; font-size:var(--font-size-m); line-height:var(--line-height-tight); transition:ease-in-out .6s; background:transparent; border:none; cursor:pointer; padding:var(--space-px-30) var(--space-px-30) var(--space-px-30) var(--space-px-65); }
.accordion-box .card button { background-image:url(/assets/images/minus-y.svg); background-repeat:no-repeat; background-position:25px 32px; color:var(--text-color-accent); }
.accordion-box .card button.collapsed { background-image:url(/assets/images/plus-w.svg); background-repeat:no-repeat; background-position:25px 32px; color:var(--text-color-on-dark); }
.accordion-box .card:hover button.collapsed { background-image:url(/assets/images/plus-y.svg); background-repeat:no-repeat; background-position:25px 32px; color:var(--text-color-accent); }
.accordion-box .card .card-header { background:var(--bg-color-dark); color:var(--text-color-on-dark); padding:0; border-radius:var(--radius-md); position:relative; z-index:2; }
.accordion-box .card.faq-show .card-header { border-bottom-left-radius:0; border-bottom-right-radius:0; }
.accordion-box .card .card-body { padding:23px var(--space-px-25) 23px var(--space-px-65); background-color:var(--bg-color-surface-light); margin:0; }
.accordion-box .card .card-body p { margin:0; }
.accordion-box .card .card-body p a { font-weight:var(--font-weight-bold); }
.accordion-box .collapse { display:none; transition:ease-in-out .6s; }
.accordion-box .collapse.show { display:block; }
.partners { padding:var(--space-px-34) 0; background:var(--bg-color-surface-light); }
.footer-box { padding: var(--space-px-50) 0 var(--space-px-30); background-color: var(--bg-color-dark-alt); font-size: var(--font-size-s); color: var(--text-color-on-dark); line-height: var(--line-height-relaxed); }
.footer-content { display: flex; flex-direction: column; width: 100%; padding: 0 var(--space-em-100); }
.footer-sitemaps-row { display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap-3xl); width: 100%; padding-bottom: var(--space-px-30); margin-bottom: var(--space-px-30); border-bottom: 1px solid var(--border-color-strong); }
.sitemap-col { flex: 1 1 170px; min-width: 160px; }
.sitemap-col.contact-col { flex: 3 1 300px; min-width: 300px; }
.sitemap-col h4 { margin: 0 0 var(--space-px-20) 0; font-size: var(--font-size-m); font-weight: var(--font-weight-bold); color: var(--text-color-accent); line-height: var(--line-height-normal); }
.sitemap-col ul { margin: 0; padding: 0; list-style: none; }
.sitemap-col li { position: relative; margin: 0 0 var(--space-px-12); min-height: var(--space-px-20); line-height: var(--line-height-normal); }
.sitemap-col:not(.contact-col) li { padding-left: 0; }
.sitemap-col.contact-col li { padding-left: 28px; }
.sitemap-col.contact-col li .fab, .sitemap-col.contact-col li .fas { position: absolute; top: var(--space-px-5); left: 0; color: var(--icon-color-accent); font-size: var(--font-size-s); width: var(--font-size-m); text-align: center; line-height: var(--line-height-single); }
.sitemap-col li a { color: var(--text-color-on-dark); transition: color 0.3s ease; }
.sitemap-col li a:hover, .sitemap-col.contact-col li a:hover .fas, .sitemap-col.contact-col li a:hover .fab { color: var(--link-color-on-dark-hover); }
.footer-bottom-row { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; width: 100%; align-items: flex-start; gap: var(--gap-3xl); }
.company-info-bottom { flex: 1 1 350px; max-width: 360px; min-width: 280px; margin-bottom: var(--space-px-20); }
.company-info-bottom .footer-logo { margin-bottom: var(--space-px-15); }
.company-info-bottom p { margin: 0; line-height: var(--line-height-relaxed); color: var(--text-color-on-dark); }
.footer-utilities { flex: 1 1 300px; min-width: 280px; display: flex; flex-direction: column; gap: var(--gap-xl); margin-bottom: var(--space-px-20); align-items: flex-end; }
.payment-methods-block { width: fit-content; max-width: 100%; text-align: right; padding-bottom: var(--space-px-20); border-bottom: 1px solid var(--border-color-strong); }
.payment-methods-block .payment-methods-label, .social-media-block span { display: block; margin: 0 0 var(--space-px-12) 0; color: var(--text-color-on-dark); font-size: var(--font-size-s); font-weight: var(--font-weight-light); }
.payment-methods-block figure { margin: 0; line-height: var(--line-height-single); }
.payment-methods-block figure img { margin-left: var(--space-px-8); margin-right: 0; opacity: 0.9; vertical-align: middle; }
.payment-methods-block figure img:first-child { margin-left: 0; }
.social-media-block { width: auto; max-width: 100%; text-align: right; }
.social-media-block ul { display: flex; flex-wrap: wrap; align-items: center; gap: var(--gap-l); padding-left: 0; list-style: none; margin: 0; justify-content: flex-end; }
.social-media-block li { padding: 0; margin: 0; display: flex; align-items: center; }
.social-media-block li a { display: inline-flex; color: var(--icon-color-on-dark); transition: color 0.3s ease; }
.social-media-block li a:hover { color: var(--icon-color-accent); }
.social-media-block li .fab, .social-media-block li .fas { font-size: var(--font-size-xl); }
.footer-awards-main { flex-basis: 100%; order: 3; margin-top: var(--space-px-30); width: 100%; text-align: center; padding-top: var(--space-px-30); border-top: 1px solid var(--border-color-strong); }
.footer-awards-main a { display: inline-block; vertical-align: middle; margin: 0 var(--space-px-10); }
.footer-awards-main a img { margin: 0; max-height: 38px; opacity: 0.8; transition: opacity 0.3s ease; }
.footer-awards-main a:hover img { opacity: 1; }
.copyright { padding: var(--space-px-20) 0; background-color: var(--bg-color-dark); width: 100%; font-size: var(--font-size-s); }
.copyright .wrapper { padding: 0 var(--space-px-15); }
.copyright-content { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--gap-l); width: 100%; }
.copyright p { color: var(--text-color-on-dark); margin: var(--space-px-5) 0; flex-grow: 1; text-align: left; }
.copyright .copyright-awards { display: flex; align-items: center; gap: var(--gap-xl); margin: var(--space-px-5) 0; border-top: none; padding-top: 0; width: auto; text-align: right; }
.copyright .copyright-awards img { margin: 0; max-height: 40px; opacity: 0.9; transition: opacity 0.3s ease; }
.copyright .copyright-awards a:hover img { opacity: 1; }
.safemail { unicode-bidi: bidi-override; direction: rtl; }
ul.styled-list {list-style-type: none;padding-left: 0;margin-top: var(--gap-m);margin-bottom: var(--gap-l);font-family: var(--font-primary, Inter, sans-serif);}
ul.styled-list li {position: relative;padding-left: 35px;margin-bottom: var(--gap-l, 15px);line-height: var(--line-height-relaxed);color: var(--text-color-default);}
ul.styled-list li::before {content: '';display: inline-flex;align-items: center;justify-content: center;font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 0.8em;width: 22px;height: 22px;position: absolute;left: 0;top: 3px;}
ul.styled-list li a {color: var(--link-color-hover-brown);text-decoration: underline;}
ul.styled-list li a:hover {text-decoration: none;}
ul.list-options li::before, ul.list-features li::before, ul.list-features-hot li::before, ul.list-features-dark li::before, ul.list-notes li::before, ul.list-warning li::before, ul.list-warning-dark li::before, ul.list-danger li::before {border-radius: 50%;}
ul.list-options-square li::before, ul.list-options-neutral li::before, ul.list-options-dark li::before, ul.list-promo li::before, ul.list-security li::before, ul.list-terms li::before, ul.list-specs li::before, ul.list-config li::before, ul.list-guide li::before {border-radius: var(--radius-sm, 3px);}
ul.list-options li::before {content: "\f00c";background-color: #28a745;color: var(--color-true-white);}
ul.list-options-square li::before {content: "\f00c";background-color: #28a745;color: var(--color-true-white);}
ul.list-features li::before {content: "\f005";background-color: var(--text-color-accent);color: var(--text-color-dark-primary);}
ul.list-features-hot li::before {content: "\f005";background-color: var(--color-red-500);color: var(--color-true-white);}
ul.list-promo li::before {content: "\f06b";background-color: var(--color-red-500);color: var(--color-true-white);}
ul.list-warning li::before {content: "\f071";background-color: var(--text-color-accent);color: var(--text-color-dark-primary);}
ul.list-danger li::before {content: "\f05e";background-color: var(--color-red-500);color: var(--color-true-white);}
ul.list-notes li::before {content: "\f05a";background-color: var(--bg-color-surface-light-alt);color: var(--text-color-default);}
ul.list-options-neutral li::before {content: "\f14a";background-color: var(--bg-color-surface-light-alt);color: var(--text-color-default);}
ul.list-terms li::before {content: "\f02d";background-color: var(--bg-color-surface-light-alt);color: var(--text-color-default);}
ul.list-guide li::before {content: "\f0a4";background-color: var(--bg-color-surface-light-alt);color: var(--text-color-default);}
ul.list-specs li::before {content: "\f101";background-color: var(--bg-color-surface-light-alt);color: var(--text-color-default);}
ul.list-config li::before {content: "\f085";background-color: var(--bg-color-surface-light-alt);color: var(--text-color-default);}
ul.list-security li::before {content: "\f3ed";background-color: #0d6efd;color: var(--color-true-white);}
ul.list-features-dark li::before {content: "\f005";background-color: var(--text-color-dark-primary);color: var(--text-color-accent);}
ul.list-warning-dark li::before {content: "\f071";background-color: var(--text-color-dark-primary);color: var(--text-color-accent);}
ul.list-options-dark li::before {content: "\f00c";background-color: var(--text-color-dark-primary);color: var(--color-true-white);}
ul.styled-list li.link-item::before {content: "\f0c1";background-color: var(--text-color-accent);color: var(--text-color-dark-primary);border-radius: var(--radius-sm, 3px);}
h3.section-title {margin: var(--space-em-100) 0 !important;}
img.content-image { max-width:100%; height:auto; display:block; margin-bottom:var(--space-em-100); border-radius:var(--radius-sm); }
img.img-left { float:left; margin-right:var(--space-em-150); margin-bottom:var(--space-em-050); }
img.img-right { float:right; margin-left:var(--space-em-150); margin-bottom:var(--space-em-050); }
img.img-center { margin-left:auto; margin-right:auto; }
img.img-bordered { border:1px solid var(--border-color-default); padding:var(--space-px-4); }
img.emoticon { height:1.3em; width:auto; vertical-align:calc(-1 * var(--space-em-025)); margin:0 .1em; display:inline; }
.bold { font-weight:var(--font-weight-medium); }
.tab { margin-left:var(--space-px-25); }
.ul-cls { padding-left:0; list-style:none; }
.img-container-center { text-align:center; margin-bottom:var(--space-em-100); }
.img-post { display:block; margin:0 auto var(--space-px-15) auto; border:var(--space-px-7) solid var(--bg-color-surface-light); box-shadow:rgba(0,0,0,.5) 0 15px 10px -10px,rgba(0,0,0,.3) 0 1px 4px; border-radius:var(--space-px-7); }
.img-service { display:block; margin:0 auto var(--space-px-15) auto; }
.table-styled { width:100%; margin-bottom:var(--space-em-150); border-collapse:collapse; border:1px solid var(--border-color-default); font-size:.95em; }
.table-styled th, .table-styled td { padding:var(--space-em-075) var(--space-em-100); text-align:left; border:1px solid var(--border-color-default); line-height:var(--line-height-normal); }
.table-styled thead th { font-weight:var(--font-weight-semibold); color:var(--text-color-dark-primary); background-color:var(--bg-color-surface-light); border-bottom-width:2px; border-bottom-color:var(--border-color-accent); }
.table-styled tbody tr:nth-of-type(even) { background-color:var(--bg-color-surface-light); }
.table-styled tbody tr:hover { background-color:var(--bg-color-surface-light-alt); }
.table-styled caption { padding-top:var(--space-em-075); padding-bottom:var(--space-em-075); color:var(--text-color-secondary); text-align:left; caption-side:bottom; }
.youtube { position:relative; float:none; clear:both; padding-top:var(--space-px-25); padding-bottom:56.25%; width:100%; height:0; }
.youtube iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
.video-responsive-wrapper { position:relative; overflow:hidden; width:100%; padding-top:56.25%; margin-bottom:var(--space-em-150); background-color:var(--bg-color-dark); border-radius:var(--radius-md); }
.video-responsive-wrapper iframe { position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%; border:none; }
.mylink { border-radius:var(--radius-md); font-weight:var(--font-weight-medium); border:1px solid var(--border-color-default); background-color:var(--bg-color-surface-light); color:var(--text-color-dark-primary); padding:0 var(--space-px-5); }
.mylink:hover, .mylink:active { border:1px solid var(--border-color-dark); background-color:var(--bg-color-dark); color:var(--text-color-accent); }
.mybox { display:inline-block; padding:var(--space-em-050) var(--space-em-100); max-width:100%; border:1px solid var(--border-color-default); border-radius:var(--radius-md); background-color:var(--bg-color-surface-light); box-shadow:var(--box-shadow-default); text-align:left; font-size:var(--font-size-s); margin: var(--gap-l) 0;}
.icon, .text { display:inline; margin-right:var(--space-px-5); }
blockquote, .quote { display:block; font-size:1em; font-style:italic; position:relative; border-radius:0 var(--radius-md) var(--radius-md) 0; padding:var(--space-px-15) var(--space-px-40); border-left:3px solid var(--border-color-accent); background-color:var(--bg-color-muted); margin:var(--space-px-20) 0; }
blockquote { margin-left:var(--space-em-200); }
blockquote::before, .quote::before { content:'\201C'; font-family:Georgia,'Times New Roman',Times,serif; font-size:2.8em; color:var(--border-color-accent); opacity:.7; position:absolute; left:var(--space-px-8); top:calc(-1 * var(--space-px-5)); line-height:var(--line-height-single); }
blockquote::after, .quote::after { content:'\201D'; font-family:Georgia,'Times New Roman',Times,serif; font-size:2.8em; color:var(--border-color-accent); opacity:.7; position:absolute; right:var(--space-px-8); bottom:calc(-1 * var(--space-px-15)); line-height:var(--line-height-single); }
.bold-quote { display:block; font-style:italic; margin:var(--space-px-20) 0; position:relative; border-radius:0 var(--radius-md) var(--radius-md) 0; font-size:1.1em; font-weight:var(--font-weight-semibold); color:var(--text-color-dark-primary); padding:var(--space-px-20) var(--space-px-50); border-left:4px solid var(--border-color-accent); background-color:var(--bg-color-muted); box-shadow:0 2px 8px rgba(0,0,0,.06); }
.bold-quote::before { content:'\201C'; font-family:Georgia,'Times New Roman',Times,serif; font-size:3.2em; color:var(--border-color-accent); position:absolute; left:var(--space-px-10); top:calc(-1 * var(--space-px-8)); line-height:1; }
.bold-quote::after { content:'\201D'; font-family:Georgia,'Times New Roman',Times,serif; font-size:3.2em; color:var(--border-color-accent); position:absolute; right:var(--space-px-10); bottom:calc(-1 * var(--space-px-20)); line-height:1; }
.normal-italic { font-style:italic; color:var(--text-color-secondary); }
.small-italic { font-size:var(--font-size-s); color:var(--text-color-secondary); font-style:italic; }
.bold-italic { font-style:italic; font-weight:var(--font-weight-semibold); color:var(--text-color-default); }
.code { font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace; font-size:var(--font-size-s); background-color:var(--bg-color-surface-light-alt); color:var(--text-color-dark-primary); padding:var(--space-em-025) var(--space-em-050); border-radius:var(--radius-sm); border:1px solid var(--border-color-default); }
.code-dark-bg { display:block; font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace; font-size:.9em; background-color:var(--bg-color-dark); color:var(--text-color-on-dark); padding:var(--space-em-100) var(--space-em-125); border-radius:var(--radius-md); overflow-x:auto; white-space:pre-wrap; margin:var(--space-px-15) 0; border:1px solid var(--border-color-dark-alt); box-shadow:0 3px 6px rgba(224, 224, 224,.3); }
.screen-text { display:block; font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace; font-size:.9em; background-color:var(--bg-color-surface-light-alt); color:var(--text-color-dark-primary); padding:var(--space-em-075) var(--space-em-100); border:1px dashed var(--border-color-strong); border-radius:var(--radius-sm); margin:var(--space-px-15) 0; white-space:pre-wrap; overflow-x:auto; }
.custom-code, .mycode { padding:var(--space-px-20); max-width:100%; border:1px solid var(--border-color-default); border-radius:var(--radius-md); background:var(--bg-color-surface-light); box-shadow:var(--box-shadow-default); font-size:var(--font-size-s); }
.bold-gray-bg { font-weight:var(--font-weight-bold); color:var(--text-color-dark-primary); background-color:var(--bg-color-muted); padding:.1em var(--space-em-025); border-radius:var(--radius-sm); }
.bold-light-bg { font-size:.9em; font-weight:var(--font-weight-semibold); color:var(--text-color-dark-primary); background-color:var(--bg-color-surface-light-alt); padding:var(--space-px-4) var(--space-px-5); border-radius:var(--radius-sm); border:1px solid var(--border-color-default); }
.map-iframe { width:100%; height:445px; border:1px solid var(--border-color-default); border-radius:var(--radius-md); box-shadow:var(--box-shadow-default);}
.badge { display: inline-block; padding: var(--space-em-025) .4em; font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); line-height: var(--line-height-single); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: var(--radius-sm); transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.badge-danger { color: var(--text-color-on-dark); background-color: var(--color-red-500); }
@media screen and (max-width:1199px) {
.nav-top__list { gap: var(--gap-m); }
.nav-menu-row { width: 94%; }
.navbar-collapse > ul.navbar-nav > li { padding: 0; }
.navbar-collapse > ul.navbar-nav > li.login-btn { padding: 0; }
.navbar-collapse > ul.navbar-nav > li:not(.login-btn) > a { min-height: unset; }
.banner-content { padding: 150px 0 100px; height: auto; }
.banner-content h1 { margin: 0 0 var(--space-px-20); font-size: var(--font-size-5xl); line-height: var(--line-height-tight); }
.banner-content span { margin: 0 0 var(--space-px-15); font-size: var(--font-size-m); }
.banner-content, .main-box h2 small { font-size: var(--font-size-base); line-height: var(--line-height-normal); }
.main-box { padding-top: var(--space-px-65); padding-right: var(--space-px-15); padding-bottom: var(--space-px-65); padding-left: var(--space-px-15); }
.main-box h2 { margin: 0 0 var(--space-px-25); font-size: var(--font-size-3xl); line-height: var(--line-height-tight); }
.main-box h3 { margin: 0 0 var(--space-px-12); font-size: var(--font-size-m); line-height: var(--line-height-tight); }
.plans h2 { margin: 0 0 var(--space-px-20); }
.plan-features-inner { margin: var(--space-px-25) 0 0; padding: var(--space-px-15) 0 var(--space-px-30); }
.plan-features .price { margin: 0 0 var(--space-px-15); }
.rating-star { margin: var(--space-px-20) 0 45px; }
.sub-title { font-size: var(--font-size-base); }
.why-us .sub-title, .addons-box .sub-title, .os-box .sub-title, .faq .sub-title { margin: 0 0 45px; }
.faq-columns { flex-direction: column; gap: 0; }
.faq-columns > .accordion-box { flex-basis: 100%; }
.accordion-box .card button, .accordion-box .card button.collapsed { font-size: var(--font-size-m); line-height: var(--font-size-m); }
.accordion-box .card button { padding: var(--space-px-25) var(--space-px-25) var(--space-px-25) 58px; background: url(/assets/images/minus-y.svg) no-repeat var(--space-px-20) var(--space-px-25); }
.accordion-box .card button.collapsed { padding: var(--space-px-25) var(--space-px-25) var(--space-px-25) 58px; background: url(/assets/images/plus-w.svg) no-repeat var(--space-px-20) var(--space-px-25); }
.accordion-box .card:hover button.collapsed { padding: var(--space-px-25) var(--space-px-25) var(--space-px-25) 58px; background: url(/assets/images/plus-y.svg) no-repeat var(--space-px-20) var(--space-px-25); }
.partners { padding: var(--space-px-25) var(--space-px-15); }
.partners img { width: 100%; }
.footer-box h4 { font-size: var(--font-size-base); margin-bottom: var(--space-px-15); }
.footer-sitemaps-row { gap: var(--gap-xl); padding-bottom: var(--space-px-25); margin-bottom: var(--space-px-25); }
.sitemap-col { flex-basis: 220px; min-width: 170px; }
.sitemap-col.contact-col { flex-basis: 260px; min-width: 240px; }
.sitemap-col li { margin-bottom: var(--space-px-10); }
.footer-bottom-row { gap: var(--gap-xl); }
.company-info-bottom { flex-basis: 55%; padding-right: var(--space-px-15); }
.footer-utilities { flex-basis: 40%; min-width: 230px; }
.payment-methods-block { padding-bottom: var(--space-px-15); }
.h1-style { font-size: 2em; }
.h2-style { font-size: 1.4em; }
.table-styled { font-size: .92em; }
}
@media screen and (max-width:991px) {
.navbar-toggler { position: relative; display: block; margin: 35.5px var(--space-px-15) 35.5px 0; padding: 0; width: 40px; height: 29px; border: none; background: transparent; cursor: pointer; z-index: 1001; }
.navbar-toggler-icon { float: left; margin: var(--radius-sm) 0; width: 100%; height: 2px; background: var(--color-gray-900); transition: background-color .35s ease-in-out, transform .35s ease-in-out; }
.navbar-toggler .navbar-toggler-icon:nth-child(1), .navbar-toggler .navbar-toggler-icon:nth-child(3) { -webkit-transition: transform .35s ease-in-out; transition: transform .35s ease-in-out; }
.navbar-toggler:not(.collapsed) .navbar-toggler-icon { background: var(--color-gray-900); }
.navbar-toggler:not(.collapsed) .navbar-toggler-icon:nth-child(1) { position: absolute; top: var(--font-size-s); left: 0; opacity: 1; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
.navbar-toggler:not(.collapsed) .navbar-toggler-icon:nth-child(2) { visibility: hidden; height: 0; }
.navbar-toggler:not(.collapsed) .navbar-toggler-icon:nth-child(3) { position: absolute; top: var(--font-size-s); left: 0; opacity: 1; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
.navbar-collapse { position: absolute; top: calc(100% + 1px); right: var(--space-px-15); width: 420px; margin-left: auto; max-height: calc(100vh - 100px - 50px); padding: var(--space-px-15); background-color: var(--bg-color-dark); z-index: 1000; overflow-y: auto; border: 1px solid var(--border-color-dark-alt); border-top: none; border-radius: 0 0 var(--radius-lg) var(--radius-lg); display: none; flex-direction: column; box-shadow: var(--box-shadow-dropdown); }
.navbar-collapse.show { display: flex !important; }
.navbar-collapse ul.navbar-nav { position: static; width: 100%; margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; flex-grow: 1; }
.navbar-collapse li { padding: 0; width: 100%; list-style-type: none; }
#navbarSupportedContent.navbar-collapse > ul.navbar-nav > li > a { color: var(--text-color-on-dark); display: block; padding: var(--space-px-12) 0; height: auto; border-bottom: 1px solid var(--border-color-dark-alt); font-size: var(--font-size-base); font-weight: var(--font-weight-medium); background-color: transparent; }
#navbarSupportedContent.navbar-collapse > ul.navbar-nav > li:not(.login-btn) > a::before { display: none !important; }
.navbar-collapse > ul.navbar-nav > li:last-of-type:not(.login-btn) > a { border-bottom: none; }
#navbarSupportedContent.navbar-collapse > ul.navbar-nav > li:not(.login-btn) > a:hover, #navbarSupportedContent.navbar-collapse > ul.navbar-nav > li.dropdown > a:hover { color: var(--link-color-on-dark-hover); }
#navbarSupportedContent.navbar-collapse > ul.navbar-nav > li.dropdown.show > a { color: var(--text-color-accent); background-color: transparent; }
.navbar-collapse li.dropdown .dropdown-menu { position: static; display: none; width: 100%; background-color: transparent; border: none; box-shadow: none; padding: 0; margin: var(--space-px-5) 0 0 0; transform: none; left: auto; right: auto; }
.navbar-collapse li.dropdown .dropdown-menu .dropdown-inner { position: static; padding: var(--space-em-100); min-width: auto; height: auto; border-radius: var(--radius-md); background-color: var(--bg-color-dark-alt); display: block; }
.navbar-collapse li.dropdown .dropdown-menu .dropdown-inner > a { display: flex; align-items: flex-start; padding: var(--space-em-100) 0; font-size: var(--font-size-s); color: var(--text-color-on-dark); border-bottom: 1px solid var(--border-color-strong); }
.navbar-collapse li.dropdown .dropdown-menu .dropdown-inner > a:last-child { border-bottom: none; }
.navbar-collapse li.dropdown .dropdown-menu .dropdown-inner > a:hover { color: var(--link-color-on-dark-hover); background-color: var(--bg-color-dark); }
.navbar-collapse .dropdown-menu .dropdown-links { width: 100%; display: flex; align-items: flex-start; border:0; }
.navbar-collapse .dropdown-menu .dropdown-links .icon-holder { padding: 0; margin-right: var(--space-em-075); display: flex; align-items: center; }
.navbar-collapse .dropdown-menu .dropdown-links .icon-holder .icon-holder-inner { width: auto; height: auto; padding: 0; background-color: transparent; border: none; border-radius: 0; box-shadow: none; margin: 0; display: flex; align-items: center; justify-content: center; }
.navbar-collapse .dropdown-menu .dropdown-links .icon-holder .icon-holder-inner span { display: flex; align-items: center; justify-content: center; width: var(--space-px-50); height: var(--space-px-50); background-color: transparent; border-radius: var(--radius-full); margin: 0; border: 1px solid var(--border-color-strong); transition: background-color 0.3s ease, border-color 0.3s ease; }
.navbar-collapse .dropdown-menu .dropdown-links .icon-holder .icon-holder-inner span i.fab, .navbar-collapse .dropdown-menu .dropdown-links .icon-holder .icon-holder-inner span i.fas { font-size: var(--font-size-m); color: var(--icon-color-on-dark); line-height: var(--line-height-tight); transition: color 0.3s ease; }
.navbar-collapse li.dropdown .dropdown-menu .dropdown-inner > a:hover .dropdown-links .icon-holder .icon-holder-inner span { background-color: var(--bg-color-accent); border-color: transparent; }
.navbar-collapse li.dropdown .dropdown-menu .dropdown-inner > a:hover .dropdown-links .icon-holder .icon-holder-inner span i.fab, .navbar-collapse li.dropdown .dropdown-menu .dropdown-inner > a:hover .dropdown-links .icon-holder .icon-holder-inner span i.fas { color: var(--color-gray-900); }
.navbar-collapse .dropdown-menu .dropdown-links .dropdown-textbox { flex-grow: 1; }
.navbar-collapse .dropdown-menu .dropdown-links .dropdown-textbox h3 { margin: 0 0 var(--space-em-025); font-size: var(--font-size-s); color: var(--text-color-on-dark); font-weight: var(--font-weight-medium); line-height: var(--line-height-normal); }
.navbar-collapse .dropdown-menu .dropdown-links .dropdown-textbox p { display: block; font-size: var(--font-size-s); line-height: var(--line-height-normal); color: var(--text-color-on-dark-alt); }
.navbar-collapse li.show>a.dropdown-toggle:after { display: none; }
#navbarSupportedContent.navbar-collapse > ul.navbar-nav > li.login-btn { padding: 0; margin-top: var(--space-px-15); border-bottom: none; justify-content: center; }
#navbarSupportedContent.navbar-collapse > ul.navbar-nav > li.login-btn > a { display: flex; align-items: center; justify-content: center; padding: var(--space-px-12) var(--space-px-15); border: none; border-radius: var(--radius-md); color: var(--text-color-on-dark); text-align: center; background-color: var(--bg-color-dark-alt); font-weight: var(--font-weight-medium); font-size: var(--font-size-base); border-bottom: none; }
#navbarSupportedContent.navbar-collapse > ul.navbar-nav > li.login-btn > a .fas { color: var(--icon-color-on-dark); margin-right: var(--space-px-8); font-size: var(--font-size-s); }
#navbarSupportedContent.navbar-collapse > ul.navbar-nav > li.login-btn > a:hover { background-color: var(--bg-color-accent); color: var(--text-color-dark-primary) !important; }
#navbarSupportedContent.navbar-collapse > ul.navbar-nav > li.login-btn > a:hover .fas { color: var(--color-gray-900) !important; }
.banner-content { padding: 120px var(--space-px-15) 80px; background-image: var(--gradient-banner-overlay),url(/assets/images/banner-tablet.webp); }
.banner-content h1 { margin: 0 0 var(--space-px-16); font-size: var(--font-size-4xl); line-height: var(--line-height-tight); }
.main-box h2 { font-size: var(--font-size-xxl); line-height: var(--line-height-tight); }
.plan-features .price span { font-size: var(--font-size-l); }
.rating-star { margin: 0 0 var(--space-px-35); }
.features-grid, .news-grid { gap: var(--gap-l); }
.why-us .plan-features li, .plan-features p { padding: 0 var(--space-px-20) 58px; }
.feature-item, .news-item { flex-grow: 1; flex-shrink: 1; flex-basis: calc((100% - 2 * var(--gap-l)) / 3); min-width: 0; padding: var(--space-px-25) var(--space-px-12); }
.news-item__tag { margin-top: 0;}
.news-item__meta { margin: var(--space-px-15) 0 ;}
.news-item__content { padding: var(--space-px-5); }
.accordion-box .card .card-body { padding: var(--space-px-20) var(--space-px-20) var(--space-px-20) 58px; font-size: var(--font-size-s); }
.layout-grid-4col > .plan-features { flex-basis: calc((100% - var(--gap-xl)) / 2); }
.addons, .os, .plan-features { min-width: unset; }
.addons { padding: var(--space-px-20); }
.addons-specifications li { font-size: var(--font-size-xs); line-height: var(--line-height-relaxed); }
.addons-specifications h3 { margin: 0 0 var(--space-px-8); font-size: var(--font-size-base); line-height: var(--font-size-m); }
.footer-sitemaps-row { flex-wrap: wrap; gap: var(--gap-xl); padding-bottom: var(--space-px-20); margin-bottom: var(--space-px-20); }
.sitemap-col { flex-grow: 1; flex-shrink: 1; margin-bottom: var(--space-px-20); }
.footer-sitemaps-row > .sitemap-col:nth-child(1) { flex-basis: 170px; min-width: 150px; }
.footer-sitemaps-row > .sitemap-col:nth-child(2):not(.contact-col) { flex-basis: 170px; min-width: 150px; margin-left: var(--space-px-30); }
.footer-sitemaps-row > .sitemap-col.contact-col { flex-basis: 300px; min-width: 280px; flex-grow: 2; }
.footer-bottom-row { flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: var(--gap-xxl); padding-top: 0; }
.company-info-bottom { flex-basis: calc(40% - 12.5px); max-width: 100%; min-width: 280px; text-align: left; padding-right: var(--space-px-15); margin-bottom: var(--space-px-20); }
.footer-utilities { flex-basis: calc(40% - 12.5px); max-width: 100%; min-width: 230px; text-align: left; align-items: flex-end; margin-bottom: var(--space-px-20); }
.payment-methods-block { padding-bottom: var(--space-px-15); }
.payment-methods-block figure { text-align: left; }
.social-media-block ul { justify-content: flex-end; }
.copyright-content { flex-direction: column; align-items: center; gap: var(--gap-m); }
.copyright-content p { text-align: center; margin: 0; order: 2; }
.copyright-content .copyright-awards { justify-content: center; margin: 0; order: 1; }
.h1-style, .Title { font-size: 1.9em; }
.h2-style, .Subtitle { font-size: 1.35em; }
.h3-style { font-size: 1.25em; }
.bold-quote { font-size: 1.05em; padding: var(--space-px-20) 45px; }
.quote, blockquote { padding: var(--space-px-12) var(--space-px-35); }
.quote::before, .bold-quote::before, .quote::after, .bold-quote::after, blockquote::before, blockquote::after { font-size: 2.5em; }
.table-styled th, .table-styled td { padding: var(--space-em-050) var(--space-em-075); }
}
@media screen and (max-width:767px) {
.nav-top__row { flex-direction: column; align-items: flex-end; min-height: auto; padding: var(--space-px-10) 0; }
.nav-top__list { width: 100%; justify-content: flex-end; padding: var(--space-px-5) 0; }
.nav-menu-row { width: 92%; padding: var(--space-em-050) 0; height: auto; }
.navbar-toggler { margin: var(--space-px-15) var(--space-px-15) var(--space-px-15) 0; }
.navbar-collapse { width: 320px; right: var(--space-px-10); max-height: calc(100vh - 70px - 50px); }
.navbar-collapse ul.navbar-nav { font-weight: var(--font-weight-light); }
#navbarSupportedContent.navbar-collapse > ul.navbar-nav > li > a { padding: var(--space-px-12) 0; font-size: var(--font-size-s); height: auto; }
.navbar-collapse li.dropdown .dropdown-menu .dropdown-inner { height: auto; background-color: var(--bg-color-dark-alt); padding: var(--space-em-050) var(--space-px-10); }
.navbar-collapse li.dropdown .dropdown-menu .dropdown-inner > a { padding: var(--space-em-050) 0; font-size: var(--font-size-s); }
.navbar-collapse .dropdown-menu .dropdown-links { padding: var(--space-em-050); }
.navbar-collapse .dropdown-menu .dropdown-links .icon-holder { margin-right: var(--gap-s); align-items: center; }
.navbar-collapse .dropdown-menu .dropdown-links .icon-holder .icon-holder-inner span i.fab, .navbar-collapse .dropdown-menu .dropdown-links .icon-holder .icon-holder-inner span i.fas { font-size: var(--font-size-m); line-height: var(--line-height-tight); }
.navbar-collapse .dropdown-menu .dropdown-links .dropdown-textbox { flex-grow: 1; display: flex; flex-direction: column; justify-content: center; }
.navbar-collapse .dropdown-menu .dropdown-links .dropdown-textbox h3 { font-size: var(--font-size-s); font-weight: var(--font-weight-normal); margin: 0; line-height: var(--line-height-tight); }
.navbar-collapse .dropdown-menu .dropdown-links .dropdown-textbox p { display: none; }
.banner-content, .main-box h2 small { font-size: var(--font-size-s); line-height: var(--line-height-normal); }
.banner-content { padding: 100px var(--space-px-15) 60px; }
.banner-content p { margin: 0 0 var(--space-px-20); }
.banner-content span { font-size: var(--font-size-base); line-height: var(--line-height-tight); }
.banner-content h1 { margin: 0 0 var(--space-px-12); font-size: var(--font-size-xxl); line-height: var(--line-height-tight); }
.main-box { padding-top: var(--space-px-35); padding-bottom: var(--space-px-35); }
.main-box h2 { margin: 0 0 var(--space-px-25); font-size: var(--font-size-xl); line-height: var(--line-height-tight); }
.main-box h2 small { margin: var(--space-px-16) 0 0; }
.sub-title { margin: var(--space-px-15) 0 0; font-size: var(--font-size-s); line-height: var(--line-height-normal); }
.why-us .sub-title, .addons-box .sub-title, .os-box .sub-title, .faq .sub-title { margin: 0 0 var(--space-px-25); }
.rating-star { margin: 0 0 var(--space-px-25); font-size: var(--font-size-xs); }
.feature-item { padding: var(--space-px-20); flex-basis: 100%; }
.feature-item__icon { width: 80px; height: 80px; margin-bottom: var(--space-px-15); }
.feature-item__icon span { width: 80px; height: 80px; }
.feature-item__icon img { max-width: var(--space-px-50); height: var(--space-px-50); }
.accordion-box .card { margin: 0 0 var(--space-px-10); }
.addons, .os, .plan-features { flex-basis: 100%; }
.os { padding: var(--space-px-20) 0; }
.addons { padding: var(--space-px-30); }
.layout-grid-3col { flex-direction: column; gap: var(--gap-xl); }
.layout-grid-3col > .padding-column { flex-basis: 100%; }
.padding-column { flex-direction: row; align-items: baseline; justify-content: center; gap: var(--gap-xs); padding-top: var(--space-px-15); }
.padding-column > div.icon, .padding-column > h3.text, .padding-column > div.text { margin-bottom: 0; }
.padding-column > p { margin-top: var(--space-px-8); }
.news-meta { flex-direction: row; align-items: center; gap: var(--gap-m); font-size: var(--font-size-s); }
.news-share-actions { flex-direction: row; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: var(--gap-m); }
.news-share-actions .news-share-button { margin-left: 0; display: inline-flex; align-items: center; }
.news-share-actions .news-twitter-share iframe { vertical-align: middle; }
.news-share-actions .news-facebook-share .fb-share-button, .news-share-actions .news-twitter-share .twitter-share-button { display: flex !important; align-items: center !important; height: var(--space-px-20); overflow: hidden; }
.news-share-actions .news-facebook-share span, .news-share-actions .news-twitter-share iframe { max-height: var(--space-px-20); line-height: var(--space-px-20); }
.news-rating-section { display: flex; flex-wrap: wrap; align-items: center; gap: var(--gap-xs); }
.news-rating-section .news-section-title-icon { white-space: nowrap; margin-right: 0; }
.news-rating-section .rating-star { display: contents; }
.news-rating-section > div.star { margin-right: 0; }
.news-rating-section .rating-star > p { flex-basis: 100%; width: 100%; margin: 0; margin-top: var(--gap-s); }
.pagination { font-size: var(--font-size-s); }
.pagelink { padding: var(--space-em-025) var(--space-em-075); }
img.img-left, img.img-right { display: block; margin-left: auto; margin-right: auto; max-width: 80%; }
.footer-sitemaps-row { flex-direction: column; gap: var(--gap-l); padding-bottom: var(--space-px-15); margin-bottom: var(--space-px-15); }
.footer-sitemaps-row > .sitemap-col:nth-child(2):not(.contact-col) { margin-left: 0; }
.sitemap-col, .sitemap-col.contact-col { flex-basis: 100%; margin-bottom: 0; }
.footer-bottom-row { flex-direction: column; align-items: flex-start; gap: var(--gap-xl); }
.company-info-bottom, .footer-utilities { flex-basis: 100%; padding-right: 0; margin-bottom: 0; }
.footer-utilities { align-items: flex-start; gap: var(--gap-l); }
.footer-box { padding: var(--space-px-35) var(--space-px-15) var(--space-px-25); }
.company-info-bottom p, .sitemap-col li a, .sitemap-col.contact-col li { font-size: var(--font-size-s); line-height: var(--line-height-relaxed); }
.payment-methods-block .payment-methods-label, .social-media-block span { font-size: var(--font-size-s); }
.payment-methods-block { padding-bottom: var(--space-px-12); }
.payment-methods-block, .social-media-block { text-align: left; }
.social-media-block ul { justify-content: flex-start; }
.h1-style, .Title { font-size: 1.7em; }
.h2-style, .Subtitle { font-size: 1.25em; }
.h3-style { font-size: 1.15em; }
.h4-style { font-size: 1.05em; }
.quote, .bold-quote, blockquote { font-size: .95em; margin: var(--space-px-15) 0; padding: var(--space-px-10) var(--space-px-30); }
.code-dark-bg, .screen-text { font-size: .85em; padding: var(--space-em-075) var(--space-em-100); }
.code { font-size: .825em; }
.table-styled { font-size: .9em; }
}
@media screen and (max-width:575px) {
.banner-content { padding: var(--space-px-95) var(--space-px-15) var(--space-px-75); background-image: var(--gradient-banner-overlay),url(/assets/images/banner-mobile.webp); }
.main-box h2 { margin: 0 0 var(--space-px-15); line-height: var(--line-height-tight); }
.monthly-price { width: 75%; }
.features-grid { display: flex; flex-wrap: wrap; gap: var(--gap-xl); }
.news-grid { display: flex; flex-wrap: wrap; gap: var(--gap-xl); }
.news-item { flex-basis: 100%; }
.news-item__meta { justify-content: center; order: 0; }
.news-meta li, footer-content {padding:0; }
.news-item__button { align-self: center; }
.accordion-box .card button, .accordion-box .card button.collapsed { font-size: var(--font-size-base); }
.map-iframe { height: 300px; }
.partners { padding: var(--space-px-15); }
.footer-box { padding: var(--space-px-30) var(--space-px-15) var(--space-px-20); }
.sitemap-col li { min-height: auto; margin-bottom: var(--space-px-10); line-height: var(--line-height-normal); }
.sitemap-col.contact-col li { padding-left: var(--space-px-25); }
.sitemap-col.contact-col li .fas, .sitemap-col.contact-col li .fab { font-size: var(--font-size-s); width: var(--font-size-base); top: var(--space-px-4); }
.payment-methods-block { padding-bottom: var(--space-em-150); }
.social-media-block ul { gap: var(--gap-m); }
.copyright-content p { font-size: var(--font-size-s); }
.copyright-content .copyright-awards img { display: none; }
.h1-style, .Title { font-size: 1.5em; }
.h2-style, .Subtitle { font-size: 1.15em; }
.h3-style { font-size: 1.05em; }
.quote, .bold-quote, blockquote { font-size: .9em; padding: var(--space-px-8) var(--space-px-25); }
.quote::before, .bold-quote::before, .quote::after, .bold-quote::after, blockquote::before, blockquote::after { font-size: 2em; }
.small-italic, .bold-light-bg { font-size: .85em; }
.table-styled th, .table-styled td { padding: var(--space-em-050) var(--space-em-050); }
}
@media screen and (max-width:320px), screen and (max-height:570px) {
.banner-content { padding: 80px var(--space-px-15) var(--space-px-50); }
.navbar-collapse { width: 100%; right: 0; max-height: calc(100vh - 50px - 50px); }
}