/* BETA1: full black theme + dark red */
body{background:#0A0A0A!important;color:#EDEDED!important}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5{color:#FFFFFF!important}
p,.section-title p{color:#CFCFCF!important}
.light-bg,.white-bg,.gray-bg{background:#0A0A0A!important}
.pricing-card-multiscreen{background:#141414!important;border:1px solid #2a2a2a!important}
.pricing-card-multiscreen h3{color:#fff!important}
.pricing-card-multiscreen .price-new{color:#fff!important}
.pricing-card-multiscreen .price-old{color:#777!important}
.pricing-card-multiscreen .price-duration{color:#999!important}
.pricing-card-multiscreen .feature-list li{color:#C9C9C9!important}
.pricing-toggle{background:#161616!important}
.pricing-toggle-option{color:#999!important}
.pricing-toggle-option:hover{color:#fff!important}
.consult-area{background-size:cover!important;background-position:center!important}
.consult-area::before{content:"";position:absolute;inset:0;background:rgba(5,5,8,.72);z-index:0}
.consult-area>*{position:relative;z-index:1}
.hero-right img{border-radius:16px;box-shadow:0 24px 70px rgba(163,22,33,.35)}
.splide__slide img{border:1px solid #262626}
/* white bootstrap cards -> dark readable */
.pricing-column.bg-white{background:#141414!important;border:1px solid #2b2b2b!important;box-shadow:0 18px 50px rgba(0,0,0,.5)!important}
.pricing-column.bg-white h3,.pricing-column.bg-white h4{color:#fff!important}
.pricing-column.bg-white .pricing-label{color:#B5B5B5!important}
.pricing-column.bg-white .monthly-price span{color:#8f8f8f!important}
.pricing-column.bg-white .feature-list li{color:#CFCFCF!important}
.bg-light{background:#141414!important}
.text-dark{color:#EDEDED!important}
.faq-modern-body{color:#CFCFCF!important}
/* testimonial cards */
.hm2-feedback-item.bg-white{background:#141414!important;border:1px solid #2b2b2b!important}
.hm2-feedback-item .quote-text{color:#D8D8D8!important}
.hm2-feedback-item .clients-designation h6{color:#fff!important}
.hm2-feedback-item .clients-designation span{color:#8f8f8f!important}
/* mobile nav drawer */
.nav-menu.bg-white{background:#101010!important;box-shadow:-8px 0 30px rgba(0,0,0,.6)!important}
/* black inline icons -> dark red */
i[style*="#000000"]{color:#A31621!important}
/* keep logo grids white (logos need it) */
.app_lists .bg-white{background:#fff!important}
/* ===== MAIN HERO: blue -> dark red + pattern ===== */
.bg-primary-gradient{background:linear-gradient(120deg,#200407,#4A0E12 45%,#A31621 135%)!important;
background-size:220% 220%!important;animation:heroPan 14s ease-in-out infinite alternate}
.hero-area.bg-primary-gradient::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.55;
background-image:radial-gradient(rgba(255,255,255,.20) 1.2px,transparent 1.3px);background-size:22px 22px;
mask-image:radial-gradient(ellipse 90% 85% at 30% 20%,#000 30%,transparent 78%);
-webkit-mask-image:radial-gradient(ellipse 90% 85% at 30% 20%,#000 30%,transparent 78%)}
.hero-area.bg-primary-gradient::after{content:"";position:absolute;z-index:0;pointer-events:none;
width:520px;height:520px;left:-160px;bottom:-220px;
background:radial-gradient(circle,rgba(210,31,43,.45) 0%,transparent 65%);filter:blur(8px);
animation:blobFloat 10s ease-in-out infinite alternate}
.hero-area.bg-primary-gradient .container{position:relative;z-index:1}
/* ===== HEADER REDESIGN: remove blue, premium black bar ===== */
.header-gradient{background:linear-gradient(180deg,#050505 0%,#150608 100%)!important}
.header-section .topbar{display:none!important}
.header-nav .nav-menu{background:rgba(16,16,16,.92)!important;backdrop-filter:blur(10px);
border:1px solid #2a2a2a!important;border-radius:16px!important;margin-top:14px!important;
box-shadow:0 14px 40px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06)!important;
padding:10px 22px!important}
.logo-wrapper .logo{height:46px;width:auto}
.header-nav .nav-wrapper nav ul{display:flex;align-items:center;gap:26px;margin:0;padding:0;list-style:none}
.header-nav .nav-wrapper nav ul li a{color:#E8E8E8!important;font-weight:600;font-size:15px;
text-decoration:none;position:relative;padding:6px 2px;transition:color .25s}
.header-nav .nav-wrapper nav ul li a::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;
background:linear-gradient(90deg,#A31621,#D21F2B);border-radius:2px;transition:width .3s ease}
.header-nav .nav-wrapper nav ul li a:hover{color:#fff!important}
.header-nav .nav-wrapper nav ul li a:hover::after{width:100%}
.header-nav .fa-whatsapp{color:#25D366!important;font-size:18px;margin-right:8px}
.header-nav .fa-envelope{color:#A31621!important;font-size:16px;margin-right:8px}
/* kill remaining blues: activation badge + deco bars */
.activation-badge{background:linear-gradient(90deg,#A31621,#D21F2B)!important;
box-shadow:0 8px 24px rgba(163,22,33,.45)!important}
.activation-badge .activation-icon{background:#0a0a0a!important}
.hero-area .right-top{filter:hue-rotate(135deg) saturate(1.6)!important}
/* promo feature cards: same red as hero */
.promo-area.light-bg{background:#0A0A0A!important;padding-top:45px!important}
.promo-area .promo-item.bg-white{background:linear-gradient(135deg,#4A0E12 0%,#A31621 100%)!important;
border:1px solid rgba(255,255,255,.18)!important;
box-shadow:0 18px 45px rgba(163,22,33,.35)!important}
.promo-area .promo-item.bg-white p{color:#FFFFFF!important}
.promo-area .promo-item.bg-white h1,.promo-area .promo-item.bg-white h2,
.promo-area .promo-item.bg-white h3,.promo-area .promo-item.bg-white h4,
.promo-area .promo-item.bg-white h5,.promo-area .promo-item.bg-white h6{color:#fff!important}
.promo-area .promo-item .promo-top i{color:#FFFFFF!important}
/* domain/CTA box: white -> dark red theme */
.domain-area.light-bg{background:#0A0A0A!important}
.domain-search-box.bg-white{background:linear-gradient(135deg,#1c0a0c 0%,#2A0508 100%)!important;
border:1px solid #3a1214!important;box-shadow:0 18px 45px rgba(163,22,33,.25)!important}
.domain-search-box h2{color:#fff!important}
.domain-search-box .template-btn.primary-btn{background:linear-gradient(90deg,#A31621,#D21F2B)!important;
border:none!important;box-shadow:0 8px 22px rgba(163,22,33,.4)!important}
/* ===== HERO: brand logo left, content centered ===== */
.hero-style-1 .hero-area .row.align-items-center{justify-content:center!important;align-items:center!important}
.hero-style-1 .hero-area .col-lg-7{width:100%!important;max-width:640px!important;flex:0 0 auto!important;
text-align:center;order:2}
.hero-style-1 .hero-area .row.align-items-center>div:last-child{order:1;width:100%;max-width:440px}
@media(min-width:992px){
.hero-style-1 .hero-area .col-lg-7{max-width:56%!important}
.hero-style-1 .hero-area .row.align-items-center>div:last-child{max-width:36%!important}}
.hero-style-1 .hero-right{display:block!important;text-align:center}
.hero-style-1 .hero-right img{max-width:100%;height:auto;border-radius:22px!important;
border:1px solid rgba(255,255,255,.14)!important;
box-shadow:0 24px 70px rgba(163,22,33,.5),0 0 0 8px rgba(163,22,33,.12)!important;
animation:cardFloat 6s ease-in-out infinite}
.hero1-content-wrap{text-align:center!important}
.hero1-content-wrap .review-area{display:flex;flex-direction:column;align-items:center}
.hero1-content-wrap .review-area img{margin-left:auto!important;margin-right:auto!important}
.hero1-content-wrap .activation-badge{margin-left:auto!important;margin-right:auto!important}
.hero1-content-wrap .template-btn{display:inline-block}
/* ===== OFFERS CARDS REDESIGN (same content/prices, CSS only) ===== */
.pricing-column.bg-white{background:linear-gradient(180deg,#181818 0%,#101010 100%)!important;
border:1px solid #2c2c2c!important;border-radius:18px!important;overflow:hidden;
box-shadow:0 18px 45px rgba(0,0,0,.5)!important;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.pricing-column.bg-white::before{content:"";display:block;height:5px;margin:0 -30px;
background:linear-gradient(90deg,#4A0E12,#A31621,#D21F2B)}
.pricing-column.bg-white:hover{transform:translateY(-6px);border-color:#A31621!important;
box-shadow:0 24px 60px rgba(163,22,33,.35)!important}
.pricing-column.bg-white .pricing-badge{background:linear-gradient(90deg,#A31621,#D21F2B)!important;
border-radius:20px!important;box-shadow:0 4px 14px rgba(163,22,33,.4)!important}
.pricing-column.bg-white .pricing-badge .gradient-txt{color:#fff!important;background:none!important;font-weight:700}
.pricing-column.bg-white .monthly-price{color:#fff!important;font-size:2rem!important}
.pricing-column.bg-white .monthly-price span{color:#b0b0b0!important}
.pricing-column.bg-white .template-btn.primary-btn{background:linear-gradient(90deg,#A31621,#D21F2B)!important;
border:none!important;border-radius:12px!important;font-weight:700;box-shadow:0 8px 22px rgba(163,22,33,.4)!important}
.pricing-column.bg-white .template-btn.primary-btn:hover{filter:brightness(1.12)}
.pricing-column-lifetime{border-radius:18px!important}
/* pricing toggle redesign */
.pricing-toggle{background:#141414!important;border:1px solid #2c2c2c!important;border-radius:40px!important}
.pricing-toggle-option{color:#999!important;border-radius:30px!important}
.pricing-toggle-option.active{background:linear-gradient(90deg,#A31621,#D21F2B)!important;color:#fff!important;
box-shadow:0 4px 16px rgba(163,22,33,.45)!important}
/* ===== MOBILE HEADER FIX v2: stack, no overlap ===== */
@media(max-width:767px){
.header-nav .nav-menu{padding:12px 14px!important;margin:10px 10px 0!important;border-radius:14px!important}
.header-nav .nav-menu .row.align-items-center{flex-direction:column!important;flex-wrap:wrap!important;margin:0!important;gap:8px!important}
.header-nav .nav-menu .col-2,.header-nav .nav-menu .col-10{flex:0 0 100%!important;width:100%!important;max-width:100%!important;padding:0!important}
.header-nav .logo-wrapper{display:flex!important;justify-content:center!important}
.header-nav .logo-wrapper .logo{height:34px!important}
.header-nav .header-right{display:flex!important;justify-content:center!important}
.header-nav .nav-wrapper{width:100%!important}
.header-nav .nav-wrapper nav ul{display:flex!important;flex-direction:column!important;align-items:center!important;gap:2px!important;margin:0!important;padding:0!important;list-style:none!important}
.header-nav .nav-wrapper nav ul li a{display:inline-block!important;font-size:14px!important;font-weight:700!important;white-space:nowrap!important;line-height:1.4!important;padding:2px 0!important}
.header-nav .nav-wrapper nav ul li:last-child{display:none!important}
}