:root{
  --accentA:#ff8a00;
  --accentB:#00c6ff;
}

@media screen and (max-width:1199px){.col--center>div{vertical-align:bottom}}@media screen and (max-width:991px){#header .navbar-toggle{display:block;margin-left:15px;margin-bottom:0;padding:13px 20px;border-radius:50px}#header .navbar-header{float:none;margin-right:-15px}.header--custom-btn.btn--default{display:none}#header .navbar-header .header--custom-btn{display:block}.header--custom-btn{margin-left:0}#headerNav{max-height:320px;padding-left:0;padding-right:0;background-color:#303030;overflow:auto!important}#headerNav.collapse{display:none!important}#headerNav.collapse.in{display:block!important}#headerNav .nav{float:none!important;margin-top:7.5px;margin-bottom:7.5px;margin-right:0}#headerNav .nav>li{float:none}#headerNav .nav>li>a{margin-left:0;padding:20px 15px}#headerNav .nav>.dropdown>.dropdown-menu{position:static;float:none}.ext-price--item{border-right:none;border-bottom:1px solid rgba(255,255,255,.3)}.ext-price--item span,.ext-price--item:last-child{border-bottom:none}.features--img{margin-bottom:60px}.about-desc--content,.about-desc--img,.pricing--item{margin-bottom:30px}.features--item.dot:after,.features--item.dot:before{display:none}.blog--content+.blog--sidebar,.blog--sidebar+.blog--content{margin-top:20px}#aboutDesc{padding-bottom:50px}#aboutDesc>.container>.row>div{display:block}.pricing--item{border-bottom:1px solid #e9e9e9;border-right:none}.pricing--item:last-child{margin-bottom:0;border-bottom:none}.pricing--slider-item,.pricing--wrapper{padding-top:0}.pricing--item.popular{margin-top:0}.price-details--item.head{display:none}.price-details--item.body{margin-bottom:60px}.price-details--item.body:last-child{margin-bottom:0}.price-details--item.body .heading{margin-left:0;border-right:1px solid #e9e9e9}.price-details--item.body .content li{border-left:1px solid #e9e9e9;text-align:right}.price-details--item.body .content li strong{float:left;display:block}.price-details--item.body .content .action-btn{border-left:1px solid #e9e9e9}.price-details--table table{background-color:transparent}.price-details--table thead{display:none}.price-details--table tbody{border:none}.price-details--table tbody tr{display:block;background-color:#fff;margin-bottom:20px;border:1px solid #e9e9e9}.price-details--table tbody tr:last-child{margin-bottom:0;border-bottom:1px solid #e9e9e9}.price-details--table tbody td{display:block;padding-left:20px;padding-right:20px;border-bottom:1px dotted #e9e9e9;text-align:right;overflow:hidden}.price-details--table tbody td:last-child{border-bottom:none}.price-details--table tbody td strong{float:left;display:block}.price-details--table tbody td .btn--default+strong{margin-top:12px}.vps-pricing--action-btn{text-align:left}.vps-pricing--action-btn .btn--default{margin-left:18px;margin-right:0}.faq--categories{margin-bottom:40px}.faq--categories .nav{overflow:hidden}.faq--categories .nav>li{float:left}.faq--categories ul li a{margin-right:6px}#map:before,.col--center>div{display:block}#backToTop{display:none}}@media screen and (max-width:767px){#headerNav{padding-left:15px;padding-right:15px}#headerNav .nav{margin-right:-15px}#headerNav .nav>.dropdown>.dropdown-menu{background-color:#fff}#banner,.banner--item,.banner--slider,.banner--slider .owl-item,.banner--slider .owl-wrapper,.banner--slider .owl-wrapper-outer{height:auto}.banner--item{padding:120px 0 150px}.ds--form-ext{margin-top:0}.ds--form-ext label{float:left;display:block;width:33.33333%;margin-top:25px;text-align:left}#aboutDesc .row-vc>div{display:block}.about-desc--img{margin-bottom:35px}.team--social-links ul{overflow:hidden}.team--social-links ul li{float:left}.f0f--content h2{font-size:80px;line-height:94px}.f0f--content h3{font-size:24px;line-height:32px}.f0f--search-bar .form-control{margin-top:30px}}@media screen and (max-width:480px){.vps-pricing--features .col-xs-6{float:none}.vps-pricing--action-btn{margin-bottom:20px}}@media screen and (max-width:380px){#header .navbar-header .header--custom-btn{display:none}.ds--form-ext label{width:50%}.ds--form-input .btn--default{padding-left:30px;padding-right:30px}}
/* Contact info alignment */
.contact-row{
  display:flex;
  gap:14px;
  padding:10px 0;
  border-bottom:1px solid rgba(255,255,255,0.08);
  align-items:center;
}
.contact-label{
  min-width:90px;
  opacity:0.85;
  font-weight:600;
}
.contact-value a{
  text-decoration:none;
}
.contact-value a:hover{
  text-decoration:underline;
}

/* Panel buttons */
.panel-links{
  display:flex;
  gap:16px;
  justify-content:center;
  margin:40px 0 20px;
  flex-wrap:wrap;
}
.panel-btn{
  padding:14px 28px;
  border-radius:10px;
  font-weight:600;
  text-decoration:none;
  background:linear-gradient(135deg,var(--accentA),#ffc400);
  color:#000;
  transition:all .25s ease;
}
.panel-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 25px rgba(0,0,0,.4);
}
.panel-btn.game-panel{
  background:linear-gradient(135deg,#ffc400,var(--accentB));
}
.panel-btn.client-area{
  background:linear-gradient(135deg,var(--accentA),var(--accentB));
color:#fff;
}

/* Plans */
.plans-section{
  padding:70px 0;
}
.section-title{
  text-align:center;
  margin-bottom:10px;
}
.section-subtitle{
  text-align:center;
  opacity:0.85;
  max-width:860px;
  margin:0 auto 28px;
}
.plans-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:18px;
}
.plans-grid.small{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}
.plan-card{
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:14px;
  padding:22px 20px;
  backdrop-filter: blur(6px);
}
.plan-card.featured{
  border:1px solid rgba(255,196,0,0.55);
  box-shadow:0 18px 45px rgba(0,0,0,0.35);
}
.plan-card h3, .plan-card h4{
  margin-top:0;
  margin-bottom:12px;
}
.plan-card ul{
  padding-left:18px;
  margin:0;
  opacity:0.9;
}
.plan-card li{ margin:8px 0; }
.plans-note{
  text-align:center;
  margin-top:18px;
  opacity:0.8;
}
.plans-split .game-group{
  margin-top:28px;
}
@media (max-width: 992px){
  .plans-grid, .plans-grid.small{
    grid-template-columns:1fr;
  }
}

/* Mini hero for service pages */
.hero-mini{
  padding:70px 0 30px;
}
.hero-mini h1{
  text-align:center;
  margin:0 0 10px;
}
.hero-mini p{
  text-align:center;
  opacity:0.85;
  max-width:860px;
  margin:0 auto;
}

/* Top navigation */
.site-header{
  position: sticky;
  top: 0;
  z-index: 1000;
  background: rgba(8,10,16,0.78);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.nav-wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 0;
}
.brand{
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
}
.brand-logo{
  width:34px;
  height:34px;
  border-radius:10px;
}
.brand-name{
  font-weight:800;
  letter-spacing:0.2px;
  color:#fff;
}
.site-nav .nav-list{
  list-style:none;
  display:flex;
  align-items:center;
  gap:14px;
  margin:0;
  padding:0;
}
.site-nav a{
  color: rgba(255,255,255,0.92);
  text-decoration:none;
  padding:10px 10px;
  border-radius:10px;
}
.site-nav a:hover{
  background: rgba(255,255,255,0.06);
}
.nav-cta-btn{
  padding:10px 16px !important;
  border-radius:12px;
}
.dropdown{ position:relative; }
.dropdown-menu{
  position:absolute;
  top: calc(100% + 10px);
  left:0;
  min-width: 230px;
  background: rgba(12,14,22,0.96);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 14px;
  padding:8px;
  display:none;
  box-shadow: 0 18px 45px rgba(0,0,0,0.45);
}
.dropdown-menu li{ list-style:none; }
.dropdown-menu a{
  display:block;
  padding:10px 12px;
  border-radius:12px;
}
.dropdown:hover .dropdown-menu,
.dropdown:focus-within .dropdown-menu{
  display:block;
}

/* Mobile */
.nav-toggle{
  display:none;
  width:44px;
  height:44px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.04);
}
.nav-toggle span{
  display:block;
  height:2px;
  margin:6px 10px;
  background: rgba(255,255,255,0.9);
  border-radius:2px;
}
@media (max-width: 992px){
  .nav-toggle{ display:block; }
  .site-nav{
    position:absolute;
    left:0;
    right:0;
    top:100%;
    background: rgba(8,10,16,0.96);
    border-bottom: 1px solid rgba(255,255,255,0.08);
    display:none;
  }
  .site-nav.open{ display:block; }
  .site-nav .nav-list{
    flex-direction:column;
    align-items:stretch;
    gap:6px;
    padding:12px;
  }
  .dropdown-menu{
    position:static;
    display:block;
    background: transparent;
    border:none;
    box-shadow:none;
    padding:0 0 6px 0;
  }
  .dropdown-menu a{
    padding-left:22px;
    opacity:0.9;
  }
}

/* Navbar fixes */
.site-header{
  background: rgba(6,8,14,0.92) !important;
}
.site-nav a{
  color: rgba(255,255,255,0.95) !important;
}
.dropdown-menu{
  background: rgba(14,16,24,0.98) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  z-index: 2000 !important;
}
.dropdown-menu a{
  color: rgba(255,255,255,0.92) !important;
}
.dropdown-menu a:hover{
  background: rgba(255,255,255,0.08) !important;
}
/* Ensure dropdown doesn't appear faded */
.dropdown-menu{
  opacity: 1 !important;
}
/* Make dropdown toggle look like a button hover */
.dropdown-toggle{
  cursor:pointer;
}

/* Click-open dropdown state */


/* Content sections */
.content-section{
  padding:50px 0;
}
.two-col{
  display:grid;
  grid-template-columns: 1.25fr 0.75fr;
  gap:22px;
  align-items:start;
}
.info-card{
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:14px;
  padding:18px 18px;
}
.feature-list{
  padding-left:18px;
  margin:12px 0 0;
  opacity:0.92;
}
.feature-list li{ margin:10px 0; }
.faq-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:16px;
  margin-top:16px;
}
.faq-item{
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:14px;
  padding:16px;
}
.cards-3{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:16px;
  margin-top:16px;
}
.mini-card{
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:14px;
  padding:16px;
}
@media (max-width: 992px){
  .two-col{ grid-template-columns:1fr; }
  .faq-grid, .cards-3{ grid-template-columns:1fr; }
}





/* Hover dropdown */
.dropdown-menu{
  display:none;
}
.dropdown:hover > .dropdown-menu{
  display:block;
}

/* Improve hover stability */
.dropdown-menu{
  }

/* Mobile: show nested items when menu expanded */
@media (max-width: 992px){
  .dropdown-menu{
    display:block;
  }
}

/* Robust hover dropdown */
.site-header, .nav-wrap, .site-nav, .nav-list, .dropdown{
  overflow: visible !important;
}
.dropdown{ position: relative; }

/* Use visibility/opacity so hover is reliable */
.dropdown-menu{
  display:block !important;          /* keep in flow for transitions */
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform: translateY(6px);
  transition: opacity .15s ease, transform .15s ease, visibility .15s ease;
}

.dropdown:hover > .dropdown-menu,
.dropdown:focus-within > .dropdown-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform: translateY(0);
}

/* Mobile: show nested items when nav is open */
@media (max-width: 992px){
  .dropdown-menu{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
    transition:none;
    position: static !important;
    display:block !important;
  }
}

/* Hover bridge: prevents the submenu closing when moving mouse from parent to menu */
.dropdown-menu{
  top: 100% !important;
  left: 0 !important;
  margin-top: 0 !important;
}
.dropdown-menu::before{
  content:"";
  position:absolute;
  top:-12px;
  left:0;
  right:0;
  height:12px;
  background:transparent;
}

/* Color switcher fixes */
.color-switcher, .style-switcher, #style-switcher, .theme-switcher{
  z-index: 4000 !important;
}
.color-switcher .color, .color-box span, .color-switcher li{
  cursor:pointer;
}

/* Nested dropdown submenu */
.dropdown-sub{ position:relative; }
.dropdown-submenu{
  list-style:none;
  margin:6px 0 0;
  padding:6px 0 0;
  border-top: 1px solid rgba(255,255,255,0.08);
}
.dropdown-submenu li a{
  padding-left: 22px !important;
  opacity: 0.92;
  display:block;
}