/* =========================================================
   ASMAHOST FINAL HOSTINGER PURPLE THEME
   Put this file LAST after all other CSS files.
   ========================================================= */
:root{
  --asma-primary:#673DE6 !important;
  --asma-light:#8B5CF6 !important;
  --asma-dark:#5025D1 !important;
  --asma-deep:#1F1346 !important;
}

body{color:#1F1346 !important;}
a{color:#673DE6 !important;}
a:hover{color:#5025D1 !important;}

/* Header / topbar */
.header-top,.top_header,.top-header,.bbhd-topbar,.main-header,.navbar-area,.header_area{
  background:#673DE6 !important;
  background-image:linear-gradient(135deg,#673DE6 0%,#8B5CF6 100%) !important;
  color:#fff !important;
}
.header-top a,.top_header a,.txt-link{color:#fff !important;}

/* Hero / banner / old blue sections */
#home,section#home,.effect-section,.theme-bg,.herokongpad,.konghero-section,
.hero-section,.home-banner,.banner-section,.page-title,.domain-banner,
.hosting-banner,.reseller-banner,.bgblu1,.bg_080245,.prime1-mncntnr60{
  background:#673DE6 !important;
  background-image:linear-gradient(135deg,#673DE6 0%,#8B5CF6 100%) !important;
  color:#fff !important;
}
#home:before,#home:after,.effect-section:before,.effect-section:after,
.theme-bg:before,.theme-bg:after,.konghero-section:before,.konghero-section:after,
.bgblu1:before,.bgblu1:after,.bg_080245:before,.bg_080245:after{
  display:none !important;
  content:none !important;
  background:none !important;
}
#home h1,#home h2,#home h3,#home h4,#home h5,#home p,
.theme-bg h1,.theme-bg h2,.theme-bg h3,.theme-bg h4,.theme-bg h5,.theme-bg p{
  color:#fff !important;
}

/* Pricing blocks */
.rt-price-2 .price-hrader .price-amount,.rt-price-2 .price-amount,
.rt-price-2.color_2 .price-amount,.rt-price-2.color_3 .price-amount,
.gradient-bg-1,.gradient-bg-2,.gradient-bg-3,.rt-price-1,.rt-price-4,
.color_2.rt-price-4,.color_3.rt-price-4{
  background:#673DE6 !important;
  background-image:linear-gradient(135deg,#673DE6 0%,#8B5CF6 100%) !important;
  color:#fff !important;
}
.rt-price-2 .price-amount span,.rt-price-2 .price-amount div{color:#fff !important;}

/* Buttons */
.btn,.btn-primary,.main-btn,.site-btn,.default-btn,.order-btn,.price-btn,
.rt-btn,.m-btn,.m-btn-white,.btn-default,.btn-animation,button,input[type="submit"],
button[type="submit"],.domain-search button,.price-footer .rt-btn,#plan .rt-btn{
  background:#673DE6 !important;
  background-image:linear-gradient(135deg,#673DE6 0%,#8B5CF6 100%) !important;
  border-color:#673DE6 !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(103,61,230,.25) !important;
}
.btn:hover,.btn-primary:hover,.main-btn:hover,.site-btn:hover,.default-btn:hover,
.order-btn:hover,.price-btn:hover,.rt-btn:hover,.m-btn:hover,.btn-default:hover,
.btn-animation:hover,button:hover,input[type="submit"]:hover{
  background:#5025D1 !important;
  background-image:linear-gradient(135deg,#5025D1 0%,#673DE6 100%) !important;
  color:#fff !important;
}

/* Icons */
.host-section-title i,.g-bg-1,.g-bg-2,.g-bg-3,.g-bg-4,.g-bg-5,.g-bg-6,.g-bg-7,.g-bg-8,.g-bg-9,
.icon-40,.icon-80,.service-icon,.theme2nd-bg,.new-stip{
  background:#673DE6 !important;
  background-image:linear-gradient(135deg,#673DE6 0%,#8B5CF6 100%) !important;
  color:#fff !important;
  border-color:#673DE6 !important;
  box-shadow:0 0 20px rgba(103,61,230,.45) !important;
}

/* Text/check colors */
.fa-check-circle,.check,.theme-color,.section-title span,h1 span,h2 span,h3 span,.price,.amount{
  color:#673DE6 !important;
}

/* Cards */
.card,.pricing-table,.price-card,.single-pricing,.service-box,.feature-box,.domain-box,.plan-box,.rt-price-2{
  border:1px solid rgba(103,61,230,.18) !important;
  box-shadow:0 12px 32px rgba(47,28,106,.10) !important;
  border-radius:18px !important;
}
.card:hover,.pricing-table:hover,.price-card:hover,.single-pricing:hover,.service-box:hover,
.feature-box:hover,.domain-box:hover,.plan-box:hover,.rt-price-2:hover{
  box-shadow:0 18px 42px rgba(103,61,230,.22) !important;
}

/* Footer */
footer,.footer,.tw-footer,.footer-section{
  background:#1F1346 !important;
  color:#fff !important;
}
footer a,.footer a,.tw-footer a,.footer-section a{color:#d7ccff !important;}
footer a:hover,.footer a:hover,.tw-footer a:hover,.footer-section a:hover{color:#fff !important;}

/* Dropdown */
.dropdown-menu a,.sub-menu a,.bb-dropdown-menu a{color:#1F1346 !important;background:#fff !important;}
.dropdown-menu a:hover,.sub-menu a:hover,.bb-dropdown-menu a:hover{color:#673DE6 !important;background:#f4f1ff !important;}

/* Footer/internal old blue fixes */
.tw-footer .contact-icon i,.contact-icon i,.footer-widget a:hover,.copyright a:hover{
  color:#673DE6 !important;
}
.tw-footer-info-box .footer-social-link a i,
.tw-footer-info-box .footer-social-link a i.fa-facebook,
.tw-footer-info-box .footer-social-link a i.fa-google-plus,
.tw-footer-info-box .footer-social-link a i.fa-instagram,
.tw-footer-form button[type=submit],
.animate-border{
  background:#673DE6 !important;
  border-color:#673DE6 !important;
  color:#fff !important;
}
.animate-border.border-orange:after{
  border-right-color:#673DE6 !important;
  border-left-color:#673DE6 !important;
}

/* WhatsApp green */
.whatsapp-button{
  background:#00b090 !important;
  background-image:none !important;
  border-color:#00b090 !important;
  color:#fff !important;
}
/* GLOBAL PURPLE OVERRIDE */

.theme-bg,
.effect-section,
.bgblu1,
.bg_080245,
.theme2nd-bg,
.g-bg-1,
.g-bg-2,
.g-bg-3,
.g-bg-4,
.g-bg-5,
.g-bg-6,
.g-bg-7,
.g-bg-8,
.g-bg-9,
.price-amount,
.header-top,
.top_header,
.new-stip,
.icon-40,
.icon-80,
.host-section-title i{
    background: #673DE6 !important;
    background-image: linear-gradient(135deg,#673DE6 0%,#8B5CF6 100%) !important;
}

#home,
#home:before,
#home:after{
    background: #673DE6 !important;
    background-image: linear-gradient(135deg,#673DE6 0%,#8B5CF6 100%) !important;
}

.rt-price-2 .price-hrader .price-amount{
    background: #673DE6 !important;
    background-image: linear-gradient(135deg,#673DE6 0%,#8B5CF6 100%) !important;
}

.rt-btn,
.btn-default,
button,
.btn{
    background: #673DE6 !important;
    border-color: #673DE6 !important;
}

.fa-check-circle,
.check{
    color:#673DE6 !important;
}