/* DuHosting Custom Color Overrides */
:root {
    --primary-color: #ff6311;
    /* DuHosting Logo Orange */
    --primary-hover: #e5540a;
}

/* ===== REMOVE ALL PURPLE - Domain Search Section ===== */
section.secure-wrp,
.secure-wrp,
.domain-search-sec,
.domainchecker-homepage,
.domain-checker-wrapper,
section.domainchecker-homepage,
.domain-sec {
    background-color: #f5f5f5 !important;
    background: #f5f5f5 !important;
}

.secure-wrp h2,
.secure-wrp h3,
.domain-search-sec h2,
.domainchecker-homepage h2 {
    color: #333 !important;
}

.secure-wrp p,
.domain-search-sec p,
.domainchecker-homepage p {
    color: #666 !important;
}

/* Push navbar to the right side */
.nav-primary-top-nav-section {
    display: flex !important;
    justify-content: flex-end !important;
    flex-grow: 1 !important;
}

.nav-primary-top-nav-section #nav {
    margin-left: auto !important;
}

.nav-top-left-section {
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

/* Override Main Theme Colors */
.btn-primary,
.btn-main,
.btn-order-now {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #fff !important;
}

.btn-primary:hover,
.btn-main:hover,
.btn-order-now:hover {
    background-color: var(--primary-hover) !important;
    border-color: var(--primary-hover) !important;
    color: #fff !important;
}

/* Fix button text visibility */
.btn-group .btn-main,
.btn-group .btn-main.tell-btn,
.btn-group .btn-main.termbtn,
a.btn-main,
button.btn-main,
.btn-main,
.btn-primary,
.btn-order,
.btn-domain-order {
    color: #fff !important;
}

/* Ensure ALL button text is white on orange background */
[class*="btn-main"],
[class*="btn-primary"],
.btn-group a,
.btn-group button,
.abt-bx .btn-group a,
.host-raitbx .btn-group a {
    color: #fff !important;
}

/* CloudX Specific Button Overrides */
.btn-group .btn-main.tell-btn,
.btn-group .btn-main.termbtn,
form#frmDomainTransfer button#btnTransferDomain {
    background: #ff6311 !important;
    color: #fff !important;
}

/* VIEW PLANS button (outlined style) */
.btn-group .btn-main:not(.termbtn) {
    border-color: #ff6311 !important;
    color: #ff6311 !important;
}

.btn-group .btn-main:not(.termbtn):hover {
    background: #ff6311 !important;
    color: #fff !important;
}

/* CRITICAL FIX: Force white text on ALL hero section buttons */
.about-wrp .btn-group .btn-main,
.about-wrp .btn-group a.btn-main,
.about-wrp .abt-bx .btn-group .btn-main,
.about-wrp .host-raitbx .btn-group .btn-main,
.about-wrp .abt-bx .btn-group .btn-main.tell-btn,
section.about-wrp .btn-main,
.bg-purple .btn-group a {
    color: #fff !important;
    text-transform: none !important;
}


.text-primary,
h1 span,
h2 span {
    color: var(--primary-color) !important;
}

a {
    color: var(--primary-color);
}

a:hover {
    color: var(--primary-hover);
}

/* Backgrounds that were purple */
.bg-purple-dark,
.header-topbar,
.footer-section {
    background-color: #1a1a1a !important;
    /* Dark grey/black instead of purple */
}

/* Navbar links hover */
.navbar-nav .nav-link:hover,
.navbar-nav .nav-item.active .nav-link {
    color: var(--primary-color) !important;
}

/* Icons */
.fas,
.far,
.fal,
.fab {
    color: var(--primary-color);
}

/* ========================================
   GLOBAL PURPLE (#673DE6) TO ORANGE OVERRIDE
   This catches ALL purple elements in CloudX
   ======================================== */

/* All links and text with purple color */
a,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
div,
li,
.text-primary,
.text-info {
    color: inherit;
}

/* Specific purple text elements to orange */
.hp-product-card .action-box a,
.hp-product-card h4,
.hp-product-card .action-inner a,
.services-box .info h4 a,
.services-box h4,
.product-card .title a,
.product-box h4 a,
.browse-products h3 a,
.store-products h4,
.product-title,
/* CloudX homepage product cards */
.hp-prodouct-box h4,
.hp-prodouct-box h4 a,
.hp-prodouct-box .inner-dt a,
.hp-prodouct-box .prod-box h4,
.hp-prodouct-box .prod-box h4 a,
.store-sec .hp-prodouct-box h4,
.store-sec .hp-prodouct-box h4 a,
.store-sec .hp-prodouct-box a.btn-outline,
.storecard-head h3,
.storecard-head h3 a,
/* Purple link buttons on cards */
.btn-outline,
.btn-link,
a.btn-outline,
a.btn-link,
a[style*="color: rgb(103, 61, 230)"],
*[style*="#673DE6"],
*[style*="#673de6"],
*[style*="#6b43e6"] {
    color: #ff6311 !important;
}

/* Outline button borders */
.btn-outline,
a.btn-outline {
    border-color: #ff6311 !important;
}

.btn-outline:hover,
a.btn-outline:hover {
    background-color: #ff6311 !important;
    color: #fff !important;
}

/* All purple backgrounds to orange - EXCLUDING icon figures */
.btn-primary,
.btn-main,
.btn-info,
.btn-order,
.btn-success,
*[style*="background-color: #673DE6"],
*[style*="background: #673DE6"],
*[style*="background-color: #673de6"],
*[style*="background: #673de6"] {
    background-color: #ff6311 !important;
    background: #ff6311 !important;
}

/* Keep icon figures transparent - restore the icons */
.action-icon-btns .card-accent-teal figure,
.action-icon-btns .card-accent-pomegranate figure,
.action-icon-btns .card-accent-sun-flower figure,
.action-icon-btns .card-accent-asbestos figure,
.action-icon-btns .card-accent-green figure,
.action-icon-btns a figure.ico-container {
    background-color: transparent !important;
    background: transparent !important;
}

/* COMPLETELY HIDE the purple domain search section */
.secure-wrp,
.domain-search-sec,
.domainchecker-homepage,
section.secure-wrp,
.domain-checker-wrapper,
.home-domain-search {
    display: none !important;
}

/* Change purple text on Browse our Products/Services cards to black */
.card-columns.home .card .card-title,
.card-columns.home .card h3,
.card-columns.home .card .pricing-card-title,
.container .card .card-title.pricing-card-title {
    color: #333 !important;
}

/* Change outline buttons from purple to orange */
.card-columns.home .card .btn-outline-primary,
.container .card .btn-outline-primary {
    color: #ff6311 !important;
    border-color: #ff6311 !important;
    background-color: transparent !important;
}

.card-columns.home .card .btn-outline-primary:hover,
.container .card .btn-outline-primary:hover {
    background-color: #ff6311 !important;
    border-color: #ff6311 !important;
    color: #fff !important;
}

/* ===== TOP LEVEL TABS (Our Infrastructure / Our Core Values) ===== */
/* Change purple tabs to orange - only for top-level section tabs */
.serv-maintabs .nav-link.active,
.serv-maintabs .nav-tabs .nav-link.active,
.serv-maintabs #myTab .nav-link.active {
    background-color: #ff6311 !important;
    border-color: #ff6311 !important;
    color: #fff !important;
    border-radius: 25px !important;
}

.serv-maintabs .nav-link,
.serv-maintabs .nav-tabs .nav-link {
    color: #666 !important;
    border: 1px solid #e0e0e0 !important;
    background-color: #f8f9fa !important;
    border-radius: 25px !important;
}

.serv-maintabs .nav-link:hover,
.serv-maintabs .nav-tabs .nav-link:hover {
    background-color: #fff !important;
    border-color: #ff6311 !important;
    color: #ff6311 !important;
}

/* ===== INNER CONTENT ITEMS (Security, Scalable, Robust/Reliable) ===== */
/* These should have NO background boxes - clean layout only */
.servers-wrp .nav-item .nav-link,
.inner-serv-dt .nav-item .nav-link,
.servers-wrp .inner-lst-bx .nav-item .nav-link {
    background-color: transparent !important;
    border: none !important;
    padding: 20px !important;
    text-align: left !important;
}

/* Active state for inner items - NO BACKGROUND, only border-left accent */
.servers-wrp .nav-item .nav-link.active,
.inner-serv-dt .nav-item .nav-link.active,
.servers-wrp .inner-lst-bx .nav-item .nav-link.active {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    border-left: 4px solid #ff6311 !important;
}

/* Hover state for inner items - subtle background only */
.servers-wrp .nav-item .nav-link:hover,
.inner-serv-dt .nav-item .nav-link:hover {
    background-color: #f8f9fa !important;
}

/* Ultra-specific selectors to force NO backgrounds */
.servers-wrp .inner-lst-bx ul#myTab .nav-item button.nav-link,
.servers-wrp .inner-lst-bx ul#myTab .nav-item button.nav-link.active,
.servers-wrp .features-section ul#myTab button.nav-link,
.servers-wrp .features-section ul#myTab button.nav-link.active,
button#home-tab1,
button#home-tab1.active,
button#profile-tab1,
button#profile-tab1.active,
button#profile-tab2,
button#profile-tab2.active {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
}

/* Exception: Active button gets border-left only */
.servers-wrp button.nav-link.active#home-tab1,
.servers-wrp button.nav-link.active#profile-tab1,
.servers-wrp button.nav-link.active#profile-tab2 {
    border-left: 4px solid #ff6311 !important;
}

/* Orange color for headings and icons */
.inner-serv-dt .tab-box h4,
.servers-wrp .tab-box h4,
.inner-serv-dt .nav-link span,
.servers-wrp .nav-link span {
    color: #ff6311 !important;
}

/* Purple icon circles to orange - Updated filter for better color conversion */
.inner-serv-dt .nav-link span img,
.servers-wrp .nav-link span img,
.servers-wrp img[src*="Security_icon"],
.servers-wrp img[src*="Scalable_icon"],
.servers-wrp img[src*="Robust_icon"],
.servers-wrp img[src*="Honesty_icon"],
.servers-wrp img[src*="Transparency_icon"],
.servers-wrp img[src*="Accountability_icon"] {
    filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(346deg) brightness(104%) contrast(101%) !important;
}

/* HIDE Our Infrastructure / Our Core Values section - RESTORED
.servers-wrp,
section.servers-wrp {
    display: none !important;
} */

/* HIDE the language changer */
.choose-language,
.language-dropdown,
.language-selector,
.lang-dropdown,
.language-section,
.dropdown-lang,
#languageChooser,
.nav-item.language-item,
.dropdown.lang-dropdown,
.top-nav .language,
.header-language-picker {
    display: none !important;
}

/* All purple borders to orange */
.hp-product-card,
.services-box,
.product-card,
*[style*="border-color: #673DE6"],
*[style*="border: 1px solid #673DE6"] {
    border-color: #ff6311 !important;
}

/* CloudX specific product/service cards */
.hp-product-card .action-box a:hover,
.services-box .info h4 a:hover,
.product-box h4 a:hover {
    color: #e5540a !important;
}

/* Icon buttons in client area */
.action-icon-btns a figure i,
.action-icon-btns a.card-accent-teal i,
.action-icon-btns a.card-accent-pomegranate i,
.action-icon-btns a.card-accent-sun-flower i,
.action-icon-btns a.card-accent-asbestos i,
.action-icon-btns a.card-accent-green i {
    color: #ff6311 !important;
}

/* Override ALL purple (#673DE6) colors to DuHosting orange */
header.header .main-navbar-wrapper .navbar-nav a::before {
    background-color: #ff6311 !important;
}

#DomainSearchResults .domain-price button.btn.btn-primary.btn-add-to-cart {
    background-color: #ff6311 !important;
}

header.header a.login-btn-cloudx {
    background-color: #ff6311 !important;
}

header.header a.login-btn-cloudx:hover,
#registration .btn-primary:hover,
#frmCheckout button#btnCompleteOrder:hover,
#frmProductDomainSelections button#btnDomainContinue:hover,
.home-page-slider-panel .promo-banner .card-body .btn-success:hover,
.card-body.store-promoted-product .btn-success:hover {
    border-color: #ff6311 !important;
    color: #ff6311 !important;
}

header.header .main-navbar-wrapper .cart-btn span.badge.badge-info {
    background-color: #ff6311 !important;
}

.tab-content.margin-bottom div#tabOverview .product-details .product-status .product-icon i {
    color: #ff6311 !important;
}

.card-sidebar .card-footer a.btn.btn-default.btn-sm.btn-block,
.sidebar .card-footer .btn-success {
    color: #ff6311 !important;
}

.client-home-cards .card h3.card-title i {
    color: #ff6311 !important;
}

.client-home-cards .card.card-accent-blue label.label {
    color: #ff6311 !important;
}

.card.card-accent-emerald,
.card.card-accent-emerald .card-header,
.card.card-accent-emerald .card-header .card-title {
    background-color: #ff6311 !important;
}

.client-home-cards .card-header .btn,
.client-home-cards .card-header .bg-color-blue,
.client-home-cards .card-header .btn.bg-color-red {
    color: #ff6311 !important;
}

.client-home-cards .list-group .list-group-item .text-domain,
.client-home-cards .card-body p a {
    color: #ff6311 !important;
}

/* Domain search section - Purple to Orange */
.domain-checker-container,
.domainchecker-homepage {
    background-color: #ff6311 !important;
}

/* Pricing tables */
/* Standard Pricing Table */
.standard-pricing-table .pricing-card.featured,
.pricing-table .pricing-card.featured {
    border-color: #ff6311 !important;
}

/* ========================================================================
   USER REQUESTS (Feb 2026)
   ======================================================================== */

/* 1. Remove "Sale" Badge at top corner
   (Likely caused by .sale-badge absolute positioning escaping the table) */
.sale-badge {
    display: none !important;
}

/* 2. Navbar Fonts - Change to Red-Orange (#ef4036) as requested */
.nav-primary-top-nav-section #nav>li>a,
header #nav>li>a,
.header-nc #nav>li>a {
    color: #ef4036 !important;
    font-weight: 700 !important;
}

/* Hover: Darker Red-Orange */
.nav-primary-top-nav-section #nav>li>a:hover,
header #nav>li>a:hover,
.header-nc #nav>li>a:hover {
    color: #d12a20 !important;
}

.pricing-table .pricing-card .price,
.standard-pricing-table .pricing-card .price {
    color: #ff6311 !important;
}

/* Buttons and links with purple */
.btn-success,
.btn-primary {
    background-color: #ff6311 !important;
    border-color: #ff6311 !important;
}

.btn-success:hover,
.btn-primary:hover {
    background-color: #e5540a !important;
    border-color: #e5540a !important;
}

/* Hero section domain search */
section.domainchecker-homepage,
.domain-sec-homepage {
    background-color: #ff6311 !important;
}

/* Feature boxes icons */
.feature-box i,
.choose-box i {
    color: #ff6311 !important;
}

/* Accordion active states */
.accordion-button:not(.collapsed) {
    background-color: rgba(255, 99, 17, 0.1) !important;
    color: #ff6311 !important;
}

/* Slick slider dots */
.slick-dots li.slick-active button:before {
    color: #ff6311 !important;
}

/* Plan card featured border */
.domain-pricing-section .domain-card.featured {
    border: 3px solid #ff6311 !important;
}

.domain-pricing-section .domain-card-desc p strong {
    color: #ff6311 !important;
}

/* Domain Pricing Boxes */
.domain-price-box {
    background: #fff;
    border-radius: 10px;
    padding: 25px 20px;
    text-align: center;
    margin-bottom: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.domain-price-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.12);
}

.domain-price-box h3 {
    color: #FF6311;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 5px;
}

.domain-price-box .domain-type {
    color: #666;
    font-size: 14px;
    margin-bottom: 15px;
}

.domain-price-box .price-tag {
    margin-bottom: 20px;
}

.domain-price-box .price-tag .period {
    display: block;
    color: #999;
    font-size: 12px;
    text-transform: uppercase;
}

.domain-price-box .price-tag .amount {
    display: block;
    color: #333;
    font-size: 20px;
    font-weight: 600;
}

.domain-price-box .btn-main {
    background: #FF6311;
    color: #fff;
    padding: 10px 25px;
    border-radius: 25px;
    display: inline-block;
    text-decoration: none;
    transition: background 0.3s ease;
}

.domain-price-box .btn-main:hover {
    background: #e5540a;
}

/* New Domain Card Styles - Matching Reference Design */
.domain-pricing-section {
    padding: 60px 0 !important;
    background: #f8f9fa !important;
}

.domain-pricing-section .domain-card {
    background: #fff !important;
    border-radius: 15px !important;
    padding: 30px 25px !important;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.3s ease !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    border: 1px solid #e8e8e8 !important;
}

.domain-pricing-section .domain-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15) !important;
}

.domain-pricing-section .domain-card.featured {
    border: 3px solid #5B3AC2 !important;
}

.domain-pricing-section .domain-card-header {
    margin-bottom: 10px !important;
}

.domain-pricing-section .domain-name {
    color: #333 !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    margin: 0 0 5px 0 !important;
}

.domain-pricing-section .domain-card-price {
    margin-bottom: 15px !important;
}

.domain-pricing-section .price-amount {
    font-size: 36px !important;
    font-weight: 700 !important;
    color: #333 !important;
}

.domain-pricing-section .price-period {
    font-size: 16px !important;
    color: #888 !important;
    font-weight: 400 !important;
}

.domain-pricing-section .domain-divider {
    border: none !important;
    border-top: 1px solid #eee !important;
    margin: 15px 0 !important;
}

.domain-pricing-section .domain-card-desc {
    flex-grow: 1 !important;
    margin-bottom: 20px !important;
}

.domain-pricing-section .domain-card-desc p {
    color: #666 !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    margin: 0 !important;
}

.domain-pricing-section .domain-card-desc p strong {
    color: #5B3AC2 !important;
}

.domain-pricing-section .btn-domain-order {
    display: block !important;
    background: linear-gradient(135deg, #FF6311 0%, #FF8A4D 100%) !important;
    color: #fff !important;
    text-align: center !important;
    padding: 16px 30px !important;
    border-radius: 30px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    letter-spacing: 1px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase !important;
    border: none !important;
}

.domain-pricing-section .btn-domain-order:hover {
    background: linear-gradient(135deg, #e5540a 0%, #FF6311 100%) !important;
    transform: scale(1.03) !important;
    text-decoration: none !important;
    box-shadow: 0 5px 20px rgba(255, 99, 17, 0.4) !important;
}

/* Domain Reseller Page Styles */
.domain-extensions-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
    padding: 20px 0;
}

.domain-badge {
    background: #fff;
    color: #FF6311;
    padding: 12px 25px;
    border-radius: 30px;
    font-weight: 600;
    font-size: 16px;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.domain-badge:hover {
    background: #FF6311;
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(255, 99, 17, 0.3);
}

/* Reseller Contact Info */
.reseller-contact-info {
    margin-top: 30px;
}

.contact-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 20px;
}

.contact-item i {
    font-size: 24px;
    color: #FF6311;
    width: 30px;
    flex-shrink: 0;
}

.contact-item strong {
    display: block;
    color: #333;
    font-size: 16px;
    margin-bottom: 5px;
}

.contact-item p {
    margin: 0;
    color: #666;
    font-size: 14px;
}

.contact-item a {
    color: #FF6311;
    text-decoration: none;
}

.contact-item a:hover {
    text-decoration: underline;
}

/* Reseller Form Card */
.reseller-form-card {
    background: #fff;
    padding: 35px;
    border-radius: 15px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}

.reseller-form-card h3 {
    color: #333;
    font-size: 24px;
    margin-bottom: 25px;
    font-weight: 600;
}

.reseller-form .form-group {
    margin-bottom: 20px;
}

.reseller-form label {
    display: block;
    color: #333;
    font-weight: 500;
    margin-bottom: 8px;
}


/* Namecheap Theme Overrides - Header & Hero Redesign */

/* Typography */
body {
    font-family: "Museo Sans", "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

/* Header & Utility Bar */
.top-utility-bar {
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    font-size: 13px;
    font-weight: 600;
    padding: 10px 0;
}

.top-utility-bar a {
    color: #2c2c2c !important;
    transition: color 0.2s ease;
}

.top-utility-bar a:hover {
    color: #fd4f00 !important;
    text-decoration: none;
}

.header-nc {
    background: #fff;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    padding: 15px 0;
    position: relative;
    z-index: 1000;
}

/* Static Navigation — force horizontal layout */
.static-nc-nav .navbar-collapse {
    display: flex !important;
    flex-wrap: nowrap !important;
}

.static-nc-nav .navbar-nav {
    flex-direction: row !important;
    align-items: center !important;
}

.static-nc-nav .nav-link {
    color: #dd3b32 !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    padding: 8px 12px !important;
    transition: color 0.2s;
    white-space: nowrap !important;
}

.static-nc-nav .nav-link:hover {
    color: #b52e27 !important;
}

/* Badges */
.badge-warning {
    background-color: #fd4f00 !important;
    color: #fff !important;
    font-size: 9px !important;
    padding: 3px 5px !important;
    border-radius: 3px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    vertical-align: text-top;
}

.badge-primary {
    background-color: #438bf0 !important;
    color: #fff !important;
    font-size: 9px !important;
    padding: 3px 5px !important;
    border-radius: 3px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    vertical-align: text-top;
}

/* Hero Section Gradients */
.nc-hero-section {
    background: linear-gradient(135deg, #438bf0 0%, #6e45e2 100%);
    padding: 80px 0 100px;
    color: #fff;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.nc-hero-title {
    font-size: 3.5rem;
    font-weight: 800;
    margin-bottom: 30px;
    letter-spacing: -1px;
}

/* Search Tabs - Clean Underline Style */
.nc-search-tabs {
    display: inline-flex;
    justify-content: center;
    margin-bottom: 20px;
    gap: 0;
    background: #f5f5f5;
    border-radius: 30px;
    padding: 5px;
}

.nc-tab-btn {
    padding: 10px 35px;
    color: #666;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
    background: transparent;
    border: none;
    border-radius: 25px;
    transition: all 0.3s ease;
    position: relative;
}

.nc-tab-btn:hover {
    color: #1a1a2e;
}

.nc-tab-btn.active {
    background: #fff;
    color: #1a1a2e;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.nc-search-container {
    background: #fff;
    padding: 8px;
    border-radius: 50px;
    display: flex;
    max-width: 600px;
    margin: 0 auto;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}

/* Specific class for first tab active to handle corner radius */
.nc-search-tabs.register-active .nc-search-container {
    border-radius: 50px;
}

.nc-search-input {
    border: none;
    font-size: 16px;
    padding: 15px 25px;
    flex-grow: 1;
    outline: none;
    color: #333;
    background: transparent;
    border-radius: 50px 0 0 50px;
}

.nc-search-input::placeholder {
    color: #999;
}

.nc-search-btn {
    background: #FF6311;
    color: #fff;
    font-weight: 600;
    border: none;
    padding: 15px 35px;
    font-size: 16px;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.nc-search-btn:hover {
    background: #e5540a;
    transform: translateY(-1px);
}

.nc-promo-text {
    margin-top: 20px;
    font-size: 1.1rem;
    font-weight: 600;
    opacity: 0.95;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Ensure navbar removal doesn't break layout */
.header-topbar {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}



/* Reseller Form Styles */

.reseller-form .form-control {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-size: 14px;
    transition: border-color 0.3s ease;
}

.reseller-form .form-control:focus {
    outline: none;
    border-color: #FF6311;
    box-shadow: 0 0 0 3px rgba(255, 99, 17, 0.1);
}

.reseller-form textarea.form-control {
    resize: vertical;
    min-height: 100px;
}

.reseller-form .btn-domain-order {
    width: 100%;
    margin-top: 10px;
}

/* ========================================================================
   CRITICAL FIX: Remove orange backgrounds from inner infrastructure tabs
   These rules have MAXIMUM specificity to override everything else
   ======================================================================== */

/* Force remove backgrounds from Security, Scalable, Robust/Reliable buttons */
section.servers-wrp .inner-serv-dt .inner-lst-bx ul.nav.nav-tabs button.nav-link,
section.servers-wrp .inner-serv-dt .inner-lst-bx ul.nav.nav-tabs button.nav-link.active,
section.servers-wrp .inner-serv-dt .inner-lst-bx ul#myTab button.nav-link,
section.servers-wrp .inner-serv-dt .inner-lst-bx ul#myTab button.nav-link.active,
section.servers-wrp div.inner-serv-dt ul.nav button.nav-link.active,
section.servers-wrp div.inner-lst-bx ul.nav-tabs button.nav-link.active,
button.nav-link.active#home-tab1,
button.nav-link.active#profile-tab1,
button.nav-link.active#profile-tab2,
li.nav-item button.nav-link.active#home-tab1,
li.nav-item button.nav-link.active#profile-tab1,
li.nav-item button.nav-link.active#profile-tab2 {
    background-color: transparent !important;
    background: none !important;
    border: none !important;
}

/* Add left border only for active state */
section.servers-wrp button.nav-link.active#home-tab1,
section.servers-wrp button.nav-link.active#profile-tab1,
section.servers-wrp button.nav-link.active#profile-tab2 {
    border-left: 4px solid #ff6311 !important;
    background-color: transparent !important;
    background: none !important;
}

/* ===== Promotional Service Banners Hover Effects ===== */
.promo-card {
    cursor: pointer;
}

.promo-card:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2) !important;
}

.promo-btn {
    transition: all 0.3s ease;
}

.promo-card:hover .promo-btn {
    background: #e5540a !important;
    transform: scale(1.05);
}

/* ===== Top Utility Bar ===== */
.top-utility-bar {
    background-color: #f4f4f4;
    padding: 8px 0;
    font-size: 13px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.top-utility-bar .container {
    max-width: 1400px;
}

.utility-bar-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.utility-left,
.utility-right {
    display: flex;
    align-items: center;
    gap: 20px;
}

.utility-link {
    color: #2e3442;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 6px;
    background: none;
    border: none;
    padding: 5px 10px;
    border-radius: 4px;
    transition: all 0.2s ease;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
}

.utility-link:hover {
    color: #673DE6;
    background-color: rgba(103, 61, 230, 0.1);
    text-decoration: none;
}

.utility-link i {
    font-size: 12px;
    color: #673DE6;
}

.utility-currency {
    background-color: transparent;
    color: #2e3442;
    font-weight: 600;
    padding: 5px 12px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 18px;
}

.utility-currency:hover {
    background-color: rgba(103, 61, 230, 0.1);
    color: #673DE6;
    border-color: #673DE6;
}

.utility-lang {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 5px 10px;
}

.utility-lang .iti-flag {
    transform: scale(1.1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    border-radius: 2px;
}

.utility-lang span {
    font-size: 11px;
    color: #2e3442;
}

.utility-account {
    display: flex;
    align-items: center;
    gap: 4px;
}

.utility-account i {
    font-size: 10px;
    color: #2e3442 !important;
}

.utility-cart {
    position: relative;
    padding: 5px 12px;
}

.utility-cart i {
    color: #2e3442 !important;
    font-size: 16px;
}

.utility-cart .cart-count {
    background-color: #ff6311;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    min-width: 16px;
    height: 16px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 4px;
}

/* ========================================================================
   UTILITY BAR - PAYMENT METHOD LOGOS
   ======================================================================== */

.utility-payment-methods {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid #ddd;
}

.utility-accept-label {
    font-size: 12px;
    font-weight: 600;
    color: #555;
    white-space: nowrap;
}

.utility-payment-logo {
    height: 22px;
    width: auto;
    object-fit: contain;
    transition: transform 0.2s ease;
}

.utility-payment-logo:hover {
    transform: scale(1.1);
}

/* Mobile responsive */
@media (max-width: 768px) {
    .top-utility-bar {
        padding: 6px 0;
    }

    .utility-bar-content {
        flex-wrap: wrap;
        gap: 8px;
    }

    .utility-left,
    .utility-right {
        gap: 8px;
    }

    .utility-link {
        font-size: 11px;
        padding: 4px 8px;
    }

    .utility-lang span {
        font-size: 10px;
    }

    .utility-currency,
    .utility-cart .cart-count {
        display: flex !important;
    }

    .utility-payment-methods {
        display: none;
    }
}

@media (max-width: 480px) {
    .utility-left {
        display: none;
    }

    .utility-right {
        justify-content: flex-end;
        width: 100%;
    }
}

/* ========================================================================
   REMOVE CLIENT AREA HOME PANELS (Nuclear Option)
   ======================================================================== */
[menuitemname*="How can we help"],
[menuitemname*="Your Account"],
h2:contains("How can we help"),
h2:contains("Your Account"),
.shortcut-panel,
.panels-container,
.client-shortcuts,
.home-panels,
.row:has(h2:contains("Account")),
.row:has(h2:contains("help")),
.tiles+.row:last-child,
div.tile-group,
div.icon-container,
.support-options,
.account-options,
.quick-links,
.action-icon-btns,
h2.text-center.m-4 {
    display: none !important;
}

/* Also hide any orange icons that might be left */
i.orange,
.fa-orange,
[class*="orange"] {
    display: none !important;
}


/* Nuke remaining product grids, pricing sections, hosting plans, showcase tabs */
.hosting-plans-wrp,
.products-grid,
.product-showcase-tabs,
.plan-section,
.browse-products-section,
.services-grid,
.product-cards,
.pricing-grid,
[class*='product-showcase'],
[class*='plan-section'],
h2:contains('Browse our Products'),
h2:contains('Products/Services'),
.row:has(.product-card),
section.products,
div.product-showcase,
.card.product,
.browse-products,
.hosting-plans {
    display: none !important;
}

/* FINAL NUKE - remove all generic product grids */
/* But ALLOW .product-showcase-tabs (the one we want) */

.products-grid,
.hosting-plans-wrp,
.plan-section-layout,
.browse-products-section,
h2:contains("Browse our Products"),
h2:contains("Products/Services"),
.card.product-card:not(.tab-content .card),
/* specific exception for cards in tabs */
.services-grid,
.row:has(> .card.product):not(.tab-content .product-grid),
/* specific exception for grid in tabs */
section.products:not(.product-showcase-section),
div.grid.products:not(.product-grid) {
    display: none !important;
}

section.services,
div.grid.products,
.browse-section {
    display: none !important;
}

/* Remove Blue/Purple Backgrounds from Infrastructure/Core Values Icons */
.inner-lst-bx .nav-tabs li button span {
    background: transparent !important;
    box-shadow: none !important;
}

.inner-lst-bx .nav-tabs .nav-link.active span {
    background: transparent !important;
    box-shadow: none !important;
}

/* Ensure Scalable Icon (and others) are Orange */
.inner-lst-bx .nav-tabs .nav-link.active h4 {
    color: #ff6311 !important;
}


/* Higher specificity rules for blue removal */
.servers-wrp .inner-lst-bx .nav-tabs li button.nav-link span,
.inner-lst-bx .nav-tabs li button span,
.inner-lst-bx .nav-tabs .nav-link span {
    background-color: transparent !important;
    background: none !important;
    box-shadow: none !important;
}

/* Force active tab text/icon color to orange */
.servers-wrp .inner-lst-bx .nav-tabs .nav-link.active h4,
.inner-lst-bx .nav-tabs .nav-link.active h4 {
    color: #ff6311 !important;
}

/* Hide WHMCS Powered By Link Global */
p a[href*="www.whmcs.com"],
div a[href*="www.whmcs.com"],
a[href*="whmcs.com"] {
    display: none !important;
}

/* Namecheap Theme Overrides - Header & Hero Redesign */

/* Typography */
body {
    font-family: "Museo Sans", "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

/* Header & Utility Bar */
.top-utility-bar {
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    font-size: 13px;
    font-weight: 600;
    padding: 10px 0;
}

.top-utility-bar a,
.top-utility-bar button {
    color: #2c2c2c !important;
    background: transparent !important;
    /* Force transparent background */
    border: none !important;
    box-shadow: none !important;
    /* Remove any shadows */
    transition: color 0.2s ease;
}

/* Specific overrides for icons inside buttons/links */
.top-utility-bar a i,
.top-utility-bar button i {
    color: #2c2c2c !important;
    /* Change icon color to black */
    background: transparent !important;
    font-size: 16px;
    /* Ensure visible size */
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Hover effects */
.top-utility-bar a:hover,
.top-utility-bar a:hover i,
.top-utility-bar button:hover,
.top-utility-bar button:hover i {
    color: #fd4f00 !important;
    text-decoration: none;
    background: transparent !important;
}

/* ========================================================================
   NAMECHEAP DROPDOWN MENU - HOVER ACTIVATION + FINAL POLISH
   ======================================================================== */

.static-nc-nav .navbar-nav>li.dropdown {
    position: relative;
}

/* Dropdown hidden by default */
.static-nc-nav .dropdown-menu {
    display: block !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-10px) !important;

    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    border-top: none !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12) !important;
    border-radius: 0 0 10px 10px !important;
    margin-top: 0 !important;
    padding: 8px 0 !important;
    min-width: 220px !important;
    transition: all 0.25s ease !important;
    top: 100% !important;
}

/* Show on hover - CRITICAL FOR NAMECHEAP BEHAVIOR */
.static-nc-nav .navbar-nav>li.dropdown:hover>.dropdown-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
}

/* Dropdown items styling */
.static-nc-nav .dropdown-item {
    padding: 14px 24px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #2D3748 !important;
    background: transparent !important;
    border: none !important;
    display: block !important;
    transition: all 0.2s ease !important;
}

.static-nc-nav .dropdown-item:hover {
    background-color: rgba(255, 107, 53, 0.08) !important;
    color: #FF6311 !important;
}

.static-nc-nav .dropdown-item+.dropdown-item {
    border-top: 1px solid rgba(0, 0, 0, 0.04) !important;
}

/* Disable Bootstrap click behavior */
.static-nc-nav .navbar-nav>li.dropdown>a[data-toggle] {
    pointer-events: none !important;
}

/* Animated caret on hover */
.static-nc-nav .navbar-nav>li.dropdown>a .fa-angle-down {
    transition: transform 0.2s ease;
}

.static-nc-nav .navbar-nav>li.dropdown:hover>a .fa-angle-down {
    transform: rotate(180deg);
}

.static-nc-nav .navbar-nav>li.dropdown:hover>a .fa-angle-down {
    transform: rotate(180deg);
}

/* ========================================================================
   2. DOMAIN PRICING CAROUSEL
   ======================================================================== */

.domain-pricing-section,
.domain-tld-carousel {
    background-color: #f8f9fa !important;
    padding: 60px 0 !important;
    overflow: hidden !important;
}

/* Carousel Container */
.domain-pricing-section .container,
.domain-tld-carousel .container {
    max-width: 100% !important;
    padding: 0 !important;
}

/* Scrolling Row */
.domain-pricing-section .row,
.tld-slider {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 20px !important;
    animation: scroll-domains 40s linear infinite !important;
    width: max-content !important;
    padding: 0 20px !important;
}

.domain-pricing-section .row:hover,
.tld-slider:hover {
    animation-play-state: paused !important;
}

@keyframes scroll-domains {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

/* Cards */
.domain-pricing-section .col-md-4,
.domain-pricing-section [class*="col-"],
.tld-card {
    flex: 0 0 200px !important;
    max-width: 200px !important;
    min-width: 200px !important;
}

/* ========================================================================
   3. PRODUCT SHOWCASE (SINGLE ORANGE SCHEME)
   ======================================================================== */

.product-showcase-section {
    background-color: #ffffff !important;
    padding: 80px 0 !important;
}

/* Badges - Single Orange */
.promo-badge {
    background-color: #FF6311 !important;
    color: #ffffff !important;
    position: absolute !important;
    top: 15px !important;
    left: 15px !important;
    padding: 6px 14px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

/* Buttons - Single Orange */
.product-card-btn {
    background-color: #FF6311 !important;
    color: #ffffff !important;
    border: none !important;
    padding: 14px 35px !important;
    border-radius: 25px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    width: 100% !important;
    transition: all 0.3s ease !important;
}

.product-card-btn:hover {
    background-color: #e5540a !important;
    transform: scale(1.02) !important;
    box-shadow: 0 6px 20px rgba(255, 99, 17, 0.4) !important;
}

/* Tabs - Single Orange */
.product-tab-btn {
    background-color: #f5f5f5 !important;
    color: #666 !important;
    border: none !important;
    padding: 12px 30px !important;
    border-radius: 25px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.product-tab-btn:hover {
    background-color: #ffe8dc !important;
    /* Light orange tint */
    color: #FF6311 !important;
}

.product-tab-btn.active {
    background-color: #FF6311 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(255, 99, 17, 0.3) !important;
}

/* Spacing between tabs and cards */
.product-tabs-nav {
    margin-bottom: 40px !important;
    justify-content: center !important;
}

/* Cards */
.product-showcase-card {
    background: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 12px !important;
    padding: 35px 30px !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.product-showcase-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12) !important;
    border-color: #FF6311 !important;
}

/* Icons - Black */
.product-card-icon {
    width: 70px !important;
    height: 70px !important;
    margin: 0 auto 25px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.product-card-icon i,
.product-card-icon svg {
    color: #2c2c2c !important;
    font-size: 48px !important;
}

/* Titles and Text */
.product-card-title {
    color: #2c2c2c !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    margin-bottom: 12px !important;
}

.product-card-category {
    color: #999 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    margin-bottom: 20px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.product-card-description {
    color: #666 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    margin-bottom: 25px !important;
}

/* Price */
.price-amount {
    color: #2c2c2c !important;
    font-size: 2rem !important;
    font-weight: 700 !important;
}

.price-period {
    color: #666 !important;
    font-size: 16px !important;
}

/* Tab Grid Layout */
.product-cards-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
    gap: 30px !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
}

/* Responsive */
@media (max-width: 768px) {
    .product-cards-grid {
        grid-template-columns: 1fr !important;
    }
}

/* ========================================================================
   PRODUCT SHOWCASE TAB CONTENT VISIBILITY
   ======================================================================== */

/* Hide all tab content by default */
.tab-content-panel {
    display: none !important;
}

/* Show only active tab content */
.tab-content-panel.active {
    display: grid !important;
}

/* Ensure grid layout for active content */
.product-cards-grid.tab-content-panel.active {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
    gap: 30px !important;
}

/* ========================================
   STICKY DOMAIN SEARCH BAR (Namecheap Style)
   ======================================== */

.sticky-search-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: #ffffff;
    border-bottom: 1px solid #e0e0e0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transform: translateY(-100%);
    transition: transform 0.3s ease;
    padding: 10px 0;
}

.sticky-search-bar.visible {
    transform: translateY(0);
}

.sticky-search-content {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.sticky-logo {
    flex-shrink: 0;
}

.sticky-logo img {
    height: 32px;
    width: auto;
}

.sticky-search-tabs {
    display: flex;
    background: #f0f0f0;
    border-radius: 25px;
    padding: 4px;
    flex-shrink: 0;
}

.sticky-tab-btn {
    padding: 8px 20px;
    border: none;
    background: transparent;
    border-radius: 20px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    color: #666;
    transition: all 0.3s ease;
}

.sticky-tab-btn.active {
    background: #FF6311;
    color: #fff;
}

.sticky-tab-btn:hover:not(.active) {
    background: #e0e0e0;
}

.sticky-search-form {
    display: flex;
    flex: 1;
    min-width: 300px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    transition: border-color 0.3s ease;
}

.sticky-search-form:focus-within {
    border-color: #FF6311;
}

.sticky-search-input {
    flex: 1;
    padding: 10px 16px;
    border: none;
    outline: none;
    font-size: 14px;
    background: transparent;
}

.sticky-search-input::placeholder {
    color: #999;
}

.sticky-search-btn {
    padding: 10px 24px;
    background: #FF6311;
    color: #fff;
    border: none;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.3s ease;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.sticky-search-btn:hover {
    background: #e55a0f;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .sticky-search-content {
        gap: 6px;
        flex-wrap: nowrap;
    }

    .sticky-logo {
        display: none;
    }

    .sticky-search-tabs {
        padding: 3px;
        flex-shrink: 0;
    }

    .sticky-tab-btn {
        padding: 5px 10px;
        font-size: 11px;
    }

    .sticky-search-form {
        flex: 1;
        min-width: 0;
    }

    .sticky-search-input {
        padding: 8px 10px;
        font-size: 13px;
        min-width: 0;
        width: 100%;
    }

    .sticky-search-btn {
        width: 42px;
        min-width: 42px;
        padding: 0;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
    }

    .sticky-search-btn-text {
        display: none;
    }
}

/* Sticky hamburger button */
.sticky-hamburger {
    background: transparent;
    border: none;
    padding: 5px;
    cursor: pointer;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 6px;
}

/* ========================================
   DOMAIN PRICING TABLE (WHMCS Default Style)
   ======================================== */

.domain-pricing {
    margin: 40px 0;
    padding: 30px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.domain-pricing-header h2 {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    margin-bottom: 25px;
}

.domain-pricing-filter-row {
    display: flex;
    gap: 15px;
    margin-bottom: 25px;
    flex-wrap: wrap;
}

.tld-filters {
    flex: 0 0 250px;
}

.tld-search {
    flex: 1;
    min-width: 200px;
}

.tld-category-select,
#tldSearchFilter {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 10px 15px;
    font-size: 14px;
    transition: border-color 0.3s ease;
}

.tld-category-select:focus,
#tldSearchFilter:focus {
    border-color: #FF6311;
    outline: none;
    box-shadow: 0 0 0 3px rgba(255, 99, 17, 0.1);
}

/* Domain Pricing Table */
.domain-pricing-table {
    width: 100%;
    border-collapse: collapse;
}

.domain-pricing-table thead th {
    background: #f8f9fa;
    padding: 15px;
    text-align: left;
    font-weight: 600;
    color: #666;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 2px solid #e0e0e0;
}

.domain-pricing-table tbody tr {
    border-bottom: 1px solid #f0f0f0;
    transition: background 0.2s ease;
}

.domain-pricing-table tbody tr:hover {
    background: #f8f9fa;
}

.domain-pricing-table td {
    padding: 15px;
    vertical-align: middle;
}

/* TLD Name Column */
.tld-name {
    font-weight: 600;
}

.tld-logo {
    display: inline-flex;
    align-items: center;
}

.tld-logo img {
    height: 32px;
    width: auto;
    margin-right: 10px;
}

.tld-text-icon {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    padding: 8px 12px;
    background: linear-gradient(135deg, #f5f5f5, #e8e8e8);
    border-radius: 6px;
    min-width: 60px;
    text-align: center;
}

/* Price Columns */
.tld-register .price,
.tld-transfer .price,
.tld-renew .price {
    font-weight: 700;
    color: #333;
    font-size: 14px;
}

.tld-register .period,
.tld-transfer .period,
.tld-renew .period {
    display: block;
    font-size: 11px;
    color: #999;
    margin-top: 2px;
}

/* Register Button */
.btn-register-tld {
    background: #FF6311;
    color: #fff;
    border: none;
    padding: 8px 20px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-register-tld:hover {
    background: #e55a0f;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(255, 99, 17, 0.3);
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .domain-pricing {
        padding: 15px;
        margin: 20px 0;
    }

    .domain-pricing-filter-row {
        flex-direction: column;
    }

    .tld-filters {
        flex: 1;
    }

    .domain-pricing-table thead {
        display: none;
    }

    .domain-pricing-table tbody tr {
        display: block;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        margin-bottom: 10px;
        padding: 15px;
    }

    .domain-pricing-table td {
        display: block;
        padding: 5px 0;
        text-align: left;
    }

    .domain-pricing-table td::before {
        font-weight: 600;
        color: #666;
        font-size: 12px;
        margin-right: 10px;
    }

    .tld-name {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .tld-action {
        margin-top: 10px;
    }
}

/* ========================================
   NAVBAR DROPDOWN MENU DIVIDERS
   ======================================== */

.navbar .dropdown-menu .dropdown-item {
    border-bottom: 1px solid #eee;
    padding: 10px 20px;
}

.navbar .dropdown-menu .dropdown-item:last-child {
    border-bottom: none;
}

.navbar .dropdown-menu .dropdown-item:hover {
    background-color: #f8f9fa;
    color: #FF6311;
}

/* ========================================
   ABOUT DUHOSTING SECTION - MODERN REDESIGN
   ======================================== */

/* Section Styling - White Background */
.about-wrp.about-redesigned {
    background: #ffffff !important;
    padding: 100px 0 !important;
    position: relative;
}

/* Remove purple gradient completely */
.about-wrp.about-redesigned.bg-purple,
.about-wrp.about-home.about-redesigned {
    background: #ffffff !important;
    background-image: none !important;
}

/* Left Content Column */
.about-redesigned .abt-bx {
    padding-right: 40px;
}

/* Section Title */
.about-redesigned h2 {
    color: #2c2c2c !important;
    font-size: 2.8rem !important;
    font-weight: 700 !important;
    margin-bottom: 25px !important;
    line-height: 1.2 !important;
}

/* Main Description */
.about-redesigned .abt-bx>p {
    color: #666 !important;
    font-size: 1.1rem !important;
    line-height: 1.8 !important;
    margin-bottom: 30px !important;
}

/* Highlight Box (Quote/Mission Statement) */
.about-redesigned .abt-info {
    background: linear-gradient(135deg, #fff8f5 0%, #ffe8dc 100%) !important;
    border-left: 4px solid #FF6311 !important;
    padding: 25px 30px !important;
    border-radius: 8px !important;
    margin-bottom: 35px !important;
    box-shadow: 0 4px 15px rgba(255, 99, 17, 0.1) !important;
}

.about-redesigned .abt-info p {
    color: #333 !important;
    font-size: 1.05rem !important;
    font-weight: 500 !important;
    margin: 0 !important;
    font-style: italic !important;
}

/* Button Group */
.about-redesigned .btn-group {
    display: flex !important;
    gap: 15px !important;
    flex-wrap: wrap !important;
}

/* Primary Button (Email) */
.about-redesigned .btn-group .btn-main {
    background: #FF6311 !important;
    color: #ffffff !important;
    border: 2px solid #FF6311 !important;
    padding: 14px 30px !important;
    border-radius: 30px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    transition: all 0.3s ease !important;
}

.about-redesigned .btn-group .btn-main:hover {
    background: #e5540a !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(255, 99, 17, 0.4) !important;
    color: #ffffff !important;
}

/* Secondary Button (Phone) - Also Orange */
.about-redesigned .btn-group .btn-main.tell-btn {
    background: #FF6311 !important;
    color: #ffffff !important;
    border: 2px solid #FF6311 !important;
}

.about-redesigned .btn-group .btn-main.tell-btn:hover {
    background: #e5540a !important;
    color: #ffffff !important;
}

/* Right Image Column */
.about-redesigned .about-home-right {
    position: relative;
}

.about-redesigned .about-home-right img {
    width: 100% !important;
    height: auto !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    object-fit: contain !important;
    background: transparent !important;
}

/* Decorative element removed - no rectangle behind image */

/* Statistics Row */
.about-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 30px;
    margin-top: 50px;
    padding-top: 50px;
    border-top: 1px solid #e0e0e0;
}

.stat-item {
    text-align: center;
}

.stat-number {
    color: #FF6311;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 10px;
}

.stat-label {
    color: #666;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .about-wrp.about-redesigned {
        padding: 60px 0 !important;
    }

    .about-redesigned h2 {
        font-size: 2rem !important;
    }

    .about-redesigned .abt-bx {
        padding-right: 0;
        margin-bottom: 40px;
    }

    .about-redesigned .btn-group {
        flex-direction: column;
    }

    .about-redesigned .btn-group .btn-main {
        width: 100%;
        justify-content: center;
    }

    .about-redesigned .about-home-right::before {
        display: none;
    }

    .about-stats {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .stat-number {
        font-size: 2rem;
    }
}

/* ========================================
   HIDE BROWSE PRODUCTS/SERVICES SECTION
   ======================================== */
.container>h2.text-center.m-4,
.container>.card-columns.home {
    display: none !important;
}

/* ========================================================================
   HERO SECTION - LIGHT CLEAN BACKGROUND
   ======================================================================== */

.nc-hero-section,
section.nc-hero-section {
    background: #FFF8F5 !important;
    /* Light peachy-orange tint */
    background-image: none !important;
}

/* Adjust text colors for light background */
.nc-hero-section .nc-hero-title {
    color: #2c2c2c !important;
}

.nc-hero-section .nc-hero-subtitle {
    color: #666666 !important;
}

/* Promo text for light background */
.nc-hero-section .promo-text,
.nc-hero-section .domain-promo {
    color: #333333 !important;
}

/* ALL text in hero section - force dark colors */
.nc-hero-section p,
.nc-hero-section span,
.nc-hero-section h1,
.nc-hero-section h2,
.nc-hero-section h3,
.nc-hero-section h4,
.nc-hero-section h5,
.nc-hero-section h6,
.nc-hero-section .hero-text,
.nc-hero-section .hero-desc,
.nc-hero-section .sub-text,
.nc-hero-section .text-white {
    color: #333333 !important;
}

/* Transfer tab text fix */
.nc-hero-section .nc-domain-tabs .tab-btn,
.nc-hero-section .hero-tabs button,
.nc-hero-section .nc-tab-btn {
    color: #333333 !important;
}

/* Active tab styling */
.nc-hero-section .nc-domain-tabs .tab-btn.active,
.nc-hero-section .hero-tabs button.active {
    color: #ffffff !important;
    background: #FF6311 !important;
}

/* ========================================
   CENTER PRODUCT SHOWCASE TABS
   ======================================== */
.product-tabs-nav {
    display: flex !important;
    justify-content: center !important;
    gap: 15px !important;
    margin-bottom: 40px !important;
}

/* ========================================
   HERO SECTION - RESPONSIVE STYLES
   ======================================== */

/* Mobile devices */
@media (max-width: 576px) {
    .nc-hero-section {
        padding: 40px 15px 50px !important;
    }

    .nc-hero-section .nc-hero-title {
        font-size: 1.8rem !important;
        line-height: 1.2 !important;
        margin-bottom: 15px !important;
    }

    .nc-hero-section p.mb-5 {
        font-size: 1rem !important;
        margin-bottom: 25px !important;
    }

    /* Search Tabs */
    .nc-hero-section .nc-search-tabs {
        display: flex !important;
        justify-content: center !important;
        gap: 10px !important;
        margin-bottom: 15px !important;
    }

    .nc-hero-section .nc-tab-btn {
        padding: 8px 20px !important;
        font-size: 14px !important;
    }

    /* Search Container */
    .nc-hero-section .nc-search-container {
        width: 100% !important;
        padding: 0 10px !important;
    }

    .nc-hero-section .nc-search-container form {
        flex-direction: column !important;
        gap: 10px !important;
    }

    .nc-hero-section .nc-search-input {
        width: 100% !important;
        border-radius: 25px !important;
        padding: 12px 20px !important;
        font-size: 14px !important;
    }

    .nc-hero-section .nc-search-btn {
        width: 100% !important;
        border-radius: 25px !important;
        padding: 12px 20px !important;
    }
}

/* Tablets */
@media (min-width: 577px) and (max-width: 992px) {
    .nc-hero-section {
        padding: 60px 20px 70px !important;
    }

    .nc-hero-section .nc-hero-title {
        font-size: 2.2rem !important;
    }

    .nc-hero-section .nc-search-container {
        max-width: 600px !important;
        margin: 0 auto !important;
    }
}

/* Desktop (ensure proper sizing) */
@media (min-width: 993px) {
    .nc-hero-section {
        padding: 80px 0 100px !important;
    }

    .nc-hero-section .nc-hero-title {
        font-size: 2.8rem !important;
    }

    .nc-hero-section .nc-search-container {
        max-width: 700px !important;
        margin: 0 auto !important;
    }
}

/* ========================================
   SEARCH BUTTON - ICON ON MOBILE, TEXT ON DESKTOP
   ======================================== */

/* Default: Show text, hide icon on desktop */
.nc-search-btn .nc-search-icon {
    display: none;
}

.nc-search-btn .nc-search-text {
    display: inline;
}

/* Mobile: Show icon, hide text */
@media (max-width: 576px) {
    .nc-search-btn .nc-search-icon {
        display: inline !important;
        font-size: 16px !important;
        color: #fff !important;
    }

    .nc-search-btn .nc-search-text {
        display: none !important;
    }

    .nc-hero-section .nc-search-btn {
        min-width: 48px !important;
        width: 48px !important;
        height: 48px !important;
        padding: 0 !important;
        border-radius: 8px !important;
        /* Square with rounded corners like Namecheap */
        background: #FF6311 !important;
        /* Orange color */
        border: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .nc-hero-section .nc-search-btn:hover {
        background: #e5540a !important;
    }

    /* Keep search form inline on mobile with icon button */
    .nc-hero-section .nc-search-container form {
        flex-direction: row !important;
        gap: 0 !important;
        align-items: stretch !important;
        background: #fff !important;
        border-radius: 50px !important;
        /* Fully rounded pill */
        overflow: hidden !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
        border: 1px solid #e0e0e0 !important;
    }

    .nc-hero-section .nc-search-input {
        flex: 1 !important;
        border-radius: 0 !important;
        /* Remove individual radius */
        border: none !important;
        height: 48px !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .nc-hero-section .nc-search-btn {
        border-radius: 0 50px 50px 0 !important;
        /* Rounded on right side only */
        flex-shrink: 0 !important;
        border: none !important;
        background: #FF6311 !important;
    }

    /* Remove padding/margin from search container */
    .nc-hero-section .nc-search-container {
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    /* Register/Transfer tabs - Namecheap style */
    .nc-hero-section .nc-search-tabs {
        display: flex !important;
        justify-content: center !important;
        gap: 0 !important;
        margin-bottom: 15px !important;
        background: #fff !important;
        border-radius: 25px !important;
        padding: 4px !important;
        width: fit-content !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
    }

    .nc-hero-section .nc-tab-btn {
        padding: 8px 20px !important;
        font-size: 14px !important;
        border: none !important;
        background: transparent !important;
        color: #333 !important;
        border-radius: 20px !important;
        transition: all 0.3s ease !important;
    }

    .nc-hero-section .nc-tab-btn.active {
        background: #fff !important;
        color: #333 !important;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
    }
}

/* ========================================
   PRODUCT SHOWCASE TABS - RESPONSIVE (2 per row on mobile)
   ======================================== */

@media (max-width: 576px) {
    .product-tabs-nav {
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 10px !important;
        padding: 0 10px !important;
    }

    .product-tabs-nav .product-tab-btn {
        flex: 0 0 calc(50% - 10px) !important;
        /* 2 tabs per row */
        max-width: calc(50% - 10px) !important;
        text-align: center !important;
        padding: 10px 15px !important;
        font-size: 13px !important;
    }
}

@media (min-width: 577px) and (max-width: 768px) {
    .product-tabs-nav {
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 10px !important;
    }

    .product-tabs-nav .product-tab-btn {
        flex: 0 0 auto !important;
        padding: 10px 20px !important;
        font-size: 14px !important;
    }
}

/* ========================================
   SIMPLE AND AFFORDABLE PRICING SECTION
   ======================================== */

.simple-pricing-section {
    padding: 80px 0;
    background: #f8f9fa;
}

.simple-pricing-section .section-header h2 {
    font-size: 2.5rem;
    font-weight: 700;
    color: #2c2c2c;
    margin-bottom: 15px;
}

.simple-pricing-section .section-subtitle {
    font-size: 1.1rem;
    color: #666;
    max-width: 700px;
    margin: 0 auto;
}

.pricing-cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
    margin-top: 40px;
}

.pricing-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden;
}

.pricing-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}

.pricing-card-body {
    padding: 30px;
    text-align: center;
}

.pricing-card-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #2c2c2c;
    margin-bottom: 10px;
}

.pricing-card-desc {
    font-size: 0.95rem;
    color: #666;
    margin-bottom: 20px;
    min-height: 45px;
}

.pricing-card-btn {
    background: #FF6311 !important;
    border: none !important;
    color: #fff !important;
    padding: 12px 30px !important;
    border-radius: 25px !important;
    font-weight: 600 !important;
    transition: background 0.3s ease !important;
}

.pricing-card-btn:hover {
    background: #e5540a !important;
    color: #fff !important;
}

/* Responsive */
@media (max-width: 768px) {
    .simple-pricing-section {
        padding: 50px 0;
    }

    .simple-pricing-section .section-header h2 {
        font-size: 1.8rem;
    }

    .simple-pricing-section .section-subtitle {
        font-size: 1rem;
        padding: 0 15px;
    }

    .pricing-cards-grid {
        padding: 0 15px;
    }
}

/* ========================================
   PRICING SECTION - CLEAN CARD DESIGN (like Image 1)
   ======================================== */

/* Section Header */
.hosting-plans-wrp.pricing-section-layout-1 .titlebar {
    width: 100%;
    max-width: 700px;
    margin: 0 auto 40px;
}

.hosting-plans-wrp.pricing-section-layout-1 .titlebar h2 {
    font-size: 2.5rem;
    color: #1a1a2e;
    font-weight: 700;
}

.hosting-plans-wrp.pricing-section-layout-1 .titlebar p {
    color: #666;
}

/* Billing Cycle Tabs */
.hosting-plans-wrp .serv-maintabs .nav-tabs {
    background: transparent;
    border: none;
    display: flex;
    justify-content: center;
    gap: 0;
    margin-bottom: 40px;
}

.hosting-plans-wrp .serv-maintabs .nav-tabs li {
    margin: 0;
}

.hosting-plans-wrp .serv-maintabs .nav-tabs .nav-link {
    padding: 12px 30px;
    border-radius: 25px;
    font-weight: 600;
    color: #333;
    background: #f0f0f0;
    border: none;
    transition: all 0.3s ease;
}

.hosting-plans-wrp .serv-maintabs .nav-tabs .nav-link.active {
    background: #FF6311;
    color: #fff;
}

/* Plan Cards Container */
.hosting-plans-wrp .product_boxes_without_slider {
    padding: 0;
}

/* Plan Card Styling */
.hosting-plans-wrp .plan-block {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 16px;
    padding: 30px;
    margin-bottom: 30px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.hosting-plans-wrp .plan-block:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transform: translateY(-5px);
}

/* Popular Card - Purple/Blue Border */
.hosting-plans-wrp .plan-block.populer-box {
    border: 2px solid #673fed;
}

.hosting-plans-wrp .plan-block.populer-box label {
    background: #673fed;
    color: #fff;
    padding: 6px 20px;
    font-size: 12px;
    margin: -48px auto 15px;
}

/* Plan Header (Name) */
.hosting-plans-wrp .plan-plat {
    background: transparent;
    border-radius: 0;
    margin: 0 0 15px;
    padding: 0;
}

.hosting-plans-wrp .plan-plat h3 {
    text-align: left;
    font-size: 1.3rem;
    font-weight: 700;
    color: #1a1a2e;
    padding: 0;
    border-bottom: none;
    line-height: 1.3;
}

/* Price Section */
.hosting-plans-wrp .plan-price-section {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.hosting-plans-wrp .pricing-min-main {
    display: flex;
    align-items: baseline;
    gap: 5px;
}

.hosting-plans-wrp .product-min-price.product-price-ly-1 {
    font-size: 2.2rem;
    font-weight: 800;
    color: #1a1a2e;
}

.hosting-plans-wrp .product-bill-cycle.bill-cycle-ly-1 {
    font-size: 1rem;
    font-weight: 400;
    color: #888;
}

/* Popular Card Price Color */
.hosting-plans-wrp .plan-block.populer-box .product-min-price.product-price-ly-1 {
    color: #673fed;
}

/* Feature List - Clean Design */
.hosting-plans-wrp .plan-include {
    padding: 0;
}

.hosting-plans-wrp .plan-include ul {
    list-style: none;
    padding: 0;
    margin: 0 0 25px;
}

.hosting-plans-wrp .plan-include ul li {
    padding: 12px 0 12px 35px;
    font-size: 15px;
    color: #333;
    position: relative;
    margin-bottom: 5px;
}

.hosting-plans-wrp .plan-include ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    /* Circular checkmark icon - purple */
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='none' stroke='%23673fed' stroke-width='2'/%3E%3Cpath d='M7 12l3 3 7-7' fill='none' stroke='%23673fed' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Bold values in feature list */
.hosting-plans-wrp .plan-include ul li strong {
    font-weight: 700;
    color: #673fed;
}

/* Order Button - Orange */
.hosting-plans-wrp .plan-include .btn-main,
.hosting-plans-wrp .product_url_section .btn-main {
    display: block;
    width: 100%;
    padding: 14px 30px;
    background: #FF6311;
    color: #fff !important;
    border: none;
    border-radius: 25px;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.hosting-plans-wrp .plan-include .btn-main:hover,
.hosting-plans-wrp .product_url_section .btn-main:hover {
    background: #e5540a;
}

/* Popular Button Stays Orange */
.hosting-plans-wrp .plan-block.populer-box .btn-main {
    background: #FF6311;
}

/* Hide Promo Text if Present */
.hosting-plans-wrp .plan-include .expiredt {
    display: none;
}

/* Responsive */
@media (max-width: 768px) {
    .hosting-plans-wrp.pricing-section-layout-1 .titlebar h2 {
        font-size: 1.8rem;
    }

    .hosting-plans-wrp .product-min-price.product-price-ly-1 {
        font-size: 1.8rem;
    }
}

/* ========================================
   HOMEPAGE PRICING SLIDER SPECIFIC
   ======================================== */

/* Slider Container */
.homepage-pricing-slider #pricing-section-slider {
    padding: 0 50px;
}

.homepage-pricing-slider .plan-slide-item {
    padding: 0 15px;
}

/* Slider Arrow Buttons - neutral */
.homepage-pricing-slider #pricing-section-slider .slick-prev:before,
.homepage-pricing-slider #pricing-section-slider .slick-next:before {
    color: #fff !important;
    font-size: 18px;
}

/* Feature List with Checkmarks */
.homepage-pricing-slider .plan-include p {
    display: none;
    /* Hide paragraph text */
}

.homepage-pricing-slider .plan-include ul {
    list-style: none;
    padding: 0;
    margin: 0 0 25px;
}

.homepage-pricing-slider .plan-include ul li {
    padding: 12px 0 12px 35px;
    font-size: 15px;
    color: #333;
    position: relative;
    border-bottom: none;
    margin-bottom: 5px;
}

.homepage-pricing-slider .plan-include ul li:last-child {
    margin-bottom: 0;
}

.homepage-pricing-slider .plan-include ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    /* Circular checkmark icon - purple */
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='none' stroke='%23673fed' stroke-width='2'/%3E%3Cpath d='M7 12l3 3 7-7' fill='none' stroke='%23673fed' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Feature values bold styling */
.homepage-pricing-slider .plan-include ul li strong {
    font-weight: 700;
    color: #673fed;
}

/* Plan cards equal height in slider */
.homepage-pricing-slider .plan-block {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.homepage-pricing-slider .plan-include {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.homepage-pricing-slider .product_url_section {
    margin-top: auto;
}

/* Popular label styling */
.homepage-pricing-slider .populer-box label {
    background: #673fed;
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

/* Middle slide highlight (like VPS page) */
.homepage-pricing-slider .middleBoxSlider .plan-block {
    border: 3px solid #673fed;
}

/* ========================================
   BACK TO TOP BUTTON - WHITE ICON
   ======================================== */
#myBtn {
    background: #FF6311 !important;
    border: none !important;
    color: #fff !important;
    box-shadow: 0 4px 15px rgba(255, 99, 17, 0.4);
}

#myBtn:hover {
    background: #e5540a !important;
    color: #fff !important;
}

#myBtn i {
    color: #fff !important;
}

/* ===== FORCE FEATURE SECTION HEADINGS TO BLACK ===== */
.hosting-block h3,
.hosting-features-wrp h3,
.hosting-features-wrp .titlebar h2,
.bg-purple h1,
.bg-purple h2,
.bg-purple h3,
.bg-purple h4,
.bg-purple h5,
.bg-purple h6 {
    color: #1a1a2e !important;
}

.hosting-block p,
.hosting-features-wrp p,
.hosting-features-wrp .titlebar p {
    color: #555 !important;
}

/* Specific override for hero sections if they were blue/purple text */
.about-wrp.bg-purple h1,
.about-wrp.bg-purple h6 {
    color: #1a1a2e !important;
}

/* ===== FORCE WHY CHOOSE US SECTIONS TO BLACK ===== */
.why-choose-wrp h1,
.why-choose-wrp h2,
.why-choose-wrp h3,
.why-choose-wrp h4,
.why-choose-wrp h5,
.why-choose-wrp h6,
.why-cloud-bx h1,
.why-cloud-bx h2,
.why-cloud-bx h3,
.why-cloud-bx h4,
.why-cloud-bx h5,
.why-cloud-bx h6,
.why-indt h1,
.why-indt h2,
.why-indt h3,
.why-indt h4,
.why-indt h5,
.why-indt h6,
.why-ul li h4,
.why-row h3,
.why-row h4,
.support-box h3 {
    color: #1a1a2e !important;
}

.why-choose-wrp p,
.why-cloud-bx p,
.why-indt p,
.why-ul li p,
.why-row p,
.support-box span {
    color: #555 !important;
}

/* Ensure tab navigation text is visible */
.why-choose-wrp .nav-tabs .nav-link {
    color: #555 !important;
}

/* ===== FORCE FAQ & ACCORDION TO BLACK ===== */
.faq-wrapper h2 {
    color: #1a1a2e !important;
}

.accordion-button {
    color: #1a1a2e !important;
    font-weight: 600;
}

.accordion-button:not(.collapsed) {
    color: #FF6311 !important;
    background-color: #fffaf7 !important;
    box-shadow: none !important;
}

.accordion-body p {
    color: #555 !important;
}

/* Bottom CTA Section */
.get-start-bx h2,
.get-start-bx h3,
.get-start-bx p {
    color: #1a1a2e !important;
}

/* Also ensure any other H2/H3 on white/light backgrounds are dark */
section h2,
section h3 {
    color: #1a1a2e;
    /* Without !important to allow specific overrides if needed, but good baseline */
}

/* Also ensure any other H2/H3 on white/light backgrounds are dark */
/* ===== REMOVE PURPLE BACKGROUNDS FROM SECTIONS ===== */
/* Remove purple background from Features and Hero sections */
.hosting-features-wrp.bg-purple,
.vps-host-features.bg-purple,
.about-wrp.bg-purple,
.vps-server-banner.bg-purple,
.microsoft-page-banner.bg-purple,
.standard-ssl-banner.bg-purple,
section.bg-purple

/* Global catch-all for bg-purple sections */
    {
    background: transparent !important;
    background-image: none !important;
    background-color: transparent !important;
}

/* ===== SSL CERTIFICATES PAGE VISUAL UPDATES ===== */
/* Remove background from cards in 'Why Choose Our SSL Certificates' section */
.certificate-box {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Make icons black in 'Why Choose Our SSL Certificates' section */
.certificate-box i,
.certificate-box span i {
    color: #000 !important;
}

/* Ensure the container span doesn't override color */
.certificate-box span {
    color: #000 !important;
}

/* ===== HIDE BREADCRUMB NAVIGATION GLOBALLY ===== */
.master-breadcrumb,
.cloudx-page-breadcrumb,
.breadcrumb {
    display: none !important;
}

/* ===== REMOVE PURPLE BG FROM HOMEPAGE ABOUT SECTION ===== */
.about-home.about-redesigned,
.about-wrp.about-home,
section.about-home {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
}

/* ===== NAVBAR LINK COLOR ===== */
.static-nc-nav .navbar-nav>li>a,
.static-nc-nav .navbar-nav .nav-link {
    color: #dd3b32 !important;
    font-weight: 600 !important;
}

.static-nc-nav .navbar-nav>li>a:hover,
.static-nc-nav .navbar-nav .nav-link:hover {
    color: #b52e27 !important;
}

/* ===== SIDEBAR (HAMBURGER MENU) LINK COLOR ===== */
aside.sidebar li a,
.side-menu-bar-cloudx li a {
    color: #dd3b32 !important;
}

aside.sidebar li a:hover,
.side-menu-bar-cloudx li a:hover {
    color: #b52e27 !important;
}

/* ===== SIMPLE PRICING TITLE FONT ===== */
.pricing-main-title,
h2.pricing-main-title {
    font-style: normal !important;
    font-family: inherit !important;
    /* Reset to body font */
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

/* ===== VPS PAGE ICON STYLING ===== */
/* Hosting Features Section */
.vps-host-features .hosting-block img,
.vps-host-wrp .whyimg img,
.why-us-server .serv-img img {
    /* Use high contrast to push light bg to white and dark fg to black */
    filter: grayscale(100%) contrast(2000%);
    mix-blend-mode: multiply;
}

/* Remove colored backgrounds/shadows from icon containers */
.vps-host-wrp .whyimg,
.why-us-server .serv-img {
    background: transparent !important;
    box-shadow: none !important;
}

/* ===== CLOUD INFRASTRUCTURE & SUPPORT ICONS ===== */
/* 1. Cloud Infra - Left List Bullets (Black Bullet, Remove Purple) */
.why-cloud-bx ul li {
    list-style: none !important;
    position: relative !important;
    padding-left: 20px !important;
}

.why-cloud-bx ul li::before,
.why-choose-wrp .why-cloud-bx ul li::before {
    content: "•" !important;
    /* Black Bullet */
    font-family: inherit !important;
    /* Reset font */
    font-weight: bold !important;
    color: #000000 !important;
    /* Black */
    background: transparent !important;
    /* Remove any purple bg */
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
    border: none !important;
    position: absolute !important;
    left: 0 !important;
    top: 0px !important;
    font-size: 20px !important;
    line-height: 1;
    margin: 0 !important;
    padding: 0 !important;
}
}

/* 2. Cloud Infra - Formatting (Replace SVGs with Font Icons for Black Look) */
.why-ul .whyimg.force-black-icon img {
    display: none !important;
}

.why-ul .whyimg.force-black-icon {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

.why-ul .whyimg.force-black-icon::before {
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome";
    font-weight: 900;
    font-size: 36px;
    color: #000000 !important;
    display: block;
}

/* Specific Icons via nth-child */
/* Reliable Power */
.why-ul ul li:nth-child(1) .whyimg.force-black-icon::before {
    content: "\f0e7";
    /* Bolt */
}

/* HVAC Protection */
.why-ul ul li:nth-child(2) .whyimg.force-black-icon::before {
    content: "\f2dc";
    /* Snowflake */
}

/* Network & Security */
.why-ul ul li:nth-child(3) .whyimg.force-black-icon::before {
    content: "\f3ed";
    /* Shield Alt */
}

/* 3. Support Icons (White on Orange) */
.cnt-icbx i {
    color: #ffffff !important;
    /* White Icon */
}

.cnt-icbx {
    background-color: #ff6311 !important;
    /* Orange Background */
    background: #ff6311 !important;
    box-shadow: none !important;
    border-radius: 50% !important;
    /* Force Circle */
    border: none !important;
}

.why-choose-wrp .cnt-icbx,
.why-row .cnt-icbx {
    background-color: #ff6311 !important;
    /* High Specificity */
    background: #ff6311 !important;
}

.cnt-icbx::before,
.cnt-icbx::after {
    display: none !important;
    /* Hide any pseudo-element circles */
}

display: none !important;
/* Hide any pseudo-element circles */
}

/* Specific Override Class for Shared Hosting Support Icons */
.cnt-icbx.cnt-icbx-orange {
    background-color: #ff6311 !important;
    background: #ff6311 !important;
    border-radius: 50% !important;
    box-shadow: none !important;
    border: none !important;
}

.cnt-icbx.cnt-icbx-orange i {
    color: #ffffff !important;
    background: transparent !important;
}

.cnt-icbx.cnt-icbx-orange::before,
.cnt-icbx.cnt-icbx-orange::after {
    display: none !important;
}

/* 4. VPS Support Icons (Black) */
.support-box span img {
    filter: grayscale(100%) contrast(2000%);
    mix-blend-mode: multiply;
}

.support-box span {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* ========================================================================
   ABOUT DUHOSTING - REMOVE PURPLE BACKGROUND
   ======================================================================== */

/* Force white/light background on About section */
.about-wrp,
.about-home,
.about-wrp.about-home,
.about-wrp.about-redesigned,
section.about-wrp,
section.about-home,
.about-section {
    background: #ffffff !important;
    /* Pure white */
    /* OR use light cream: */
    /* background: #FFFAF7 !important; */
    background-color: #ffffff !important;
    background-image: none !important;
}

/* Ensure the container inside also has no purple */
.about-wrp .container,
.about-home .container {
    background: transparent !important;
}

/* Remove any purple gradient overlays */
.about-wrp::before,
.about-wrp::after,
.about-home::before,
.about-home::after {
    display: none !important;
}

/* Ensure the row has no purple */
.about-wrp .row,
.about-home .row {
    background: transparent !important;
}

/* ========================================================================
   PRICING CAROUSEL - ARROW STYLING
   ======================================================================== */

/* Allow arrows to sit outside the slider */
.homepage-plans-section .container,
.homepage-plans-grid {
    overflow: visible !important;
}

/* Arrow base style — dark circle with white icon */
.homepage-plans-section .slick-arrow,
.homepage-plans-section .slick-prev,
.homepage-plans-section .slick-next,
.homepage-plans-section button.slick-prev,
.homepage-plans-section button.slick-next,
#pricing-section-slider .slick-arrow,
#pricing-section-slider .slick-prev,
#pricing-section-slider .slick-next,
#pricing-section-slider button.slick-prev,
#pricing-section-slider button.slick-next {
    background-color: #FF6311 !important;
    background: #FF6311 !important;
    background-image: none !important;
    border: none !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1 !important;
    z-index: 100 !important;
    box-shadow: 0 2px 8px rgba(255, 99, 17, 0.3) !important;
    transition: background 0.2s ease !important;
}

/* Hover */
.homepage-plans-section .slick-arrow:hover,
.homepage-plans-section .slick-prev:hover,
.homepage-plans-section .slick-next:hover,
#pricing-section-slider .slick-arrow:hover,
#pricing-section-slider .slick-prev:hover,
#pricing-section-slider .slick-next:hover {
    background-color: #e5540a !important;
    background: #e5540a !important;
}

/* White arrow icons */
.homepage-plans-section .slick-prev:before,
.homepage-plans-section .slick-next:before,
#pricing-section-slider .slick-prev:before,
#pricing-section-slider .slick-next:before {
    color: #ffffff !important;
    opacity: 1 !important;
    font-size: 18px !important;
    line-height: 1 !important;
}

/* Position arrows OUTSIDE the cards */
.homepage-plans-section .slick-prev,
#pricing-section-slider .slick-prev {
    left: -50px !important;
}

.homepage-plans-section .slick-next,
#pricing-section-slider .slick-next {
    right: -50px !important;
}

/* Remove card hover jump */
.homepage-plans-section .plan-block,
.homepage-pricing-slider .plan-block,
#pricing-section-slider .plan-block,
.plan-slide-item .plan-block {
    transition: box-shadow 0.3s ease !important;
    transform: none !important;
}

.homepage-plans-section .plan-block:hover,
.homepage-pricing-slider .plan-block:hover,
#pricing-section-slider .plan-block:hover,
.plan-slide-item .plan-block:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12) !important;
    transform: none !important;
}

/* Mobile: small arrows near edges but outside content */
@media (max-width: 768px) {

    .homepage-plans-section .slick-prev,
    #pricing-section-slider .slick-prev {
        left: -18px !important;
    }

    .homepage-plans-section .slick-next,
    #pricing-section-slider .slick-next {
        right: -18px !important;
    }

    .homepage-plans-section .slick-arrow,
    .homepage-plans-section .slick-prev,
    .homepage-plans-section .slick-next,
    #pricing-section-slider .slick-arrow,
    #pricing-section-slider .slick-prev,
    #pricing-section-slider .slick-next {
        width: 32px !important;
        height: 32px !important;
    }
}

/* 4. REMOVE ANY PINK/MAGENTA COLORS */
/* Target any pink backgrounds */
button[style*="rgb(255, 20, 147)"],
button[style*="pink"],
button[style*="magenta"],
/* ========================================================================
   SSL PAGE ICONS - FORCE BLACK
   ======================================================================== */

/* 1. Benefits of SSL Certificates (Icons - Fix Black Circle Issue) */
.ssl-benifits-box img,
.ssl-benifits-wrp .ssl-benifits-box img {
    filter: grayscale(100%) contrast(2000%) !important;
    mix-blend-mode: multiply !important;
    opacity: 1 !important;
}

/* Ensure no background on the box */
.ssl-benifits-box,
.ssl-benifits-wrp .ssl-benifits-box {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* 2. Why Choose Our SSL Certificates (Icons) */
.certificate-box span i,
.certificates-feature-wrp .certificate-box span i {
    color: #000000 !important;
    /* Black Icon */
}

.certificate-box span,
.certificates-feature-wrp .certificate-box span {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    color: #000000 !important;
}

/* ========================================================================
   MOBILE MENU TOGGLE FIX
   ======================================================================== */
button.navbar-toggler {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 5px !important;
}

button.navbar-toggler svg {
    stroke: #dd3b32 !important;
    width: 28px !important;
    height: 28px !important;
}

/* Ensure sidebar slides in when active */
.side-menu-bar-cloudx {
    z-index: 99999 !important;
    transition: all 0.3s ease-in-out;
}

.side-menu-bar-cloudx.expand-menu-open {
    left: 0 !important;
    display: block !important;
    visibility: visible !important;
}

/* Close button styling */
.side-menu-bar-cloudx .close-btn {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 24px;
    color: #FF6311;
    cursor: pointer;
    z-index: 100000;
}

/* ========================================================================
   LOGIN PAGE COLORS - Updated #dd3b32
   ======================================================================== */
.login-wrapper .fgtlinks,
.login-wrapper .login-frm p a {
    color: #dd3b32 !important;
}

.login-wrapper .fgtlinks:hover,
.login-wrapper .login-frm p a:hover {
    color: #b52e27 !important;
    text-decoration: underline !important;
}

/* ========================================================================
   REGISTER PAGE STYLING
   ======================================================================== */

/* Titles & Subtitles - Black */
.register-wrapper .titlebar h2,
.register-wrapper .titlebar p,
.register-wrapper .form-title h2 {
    color: #000000 !important;
}

/* Login Button - Orange */
.reg-login-btn {
    background: #ff6311 !important;
    color: #ffffff !important;
    border: none !important;
    transition: all 0.3s ease !important;
}

.reg-login-btn:hover {
    background: #e5540a !important;
    color: #ffffff !important;
}

/* Register Page Labels & Text - Black */
.register-wrapper label,
.register-wrapper .field-help-text,
.register-wrapper .form-check,
.register-wrapper .form-switch span,
.register-wrapper .text-muted,
.register-wrapper p,
.register-wrapper .d-block {
    color: #000000 !important;
}

/* Generate Password Button - Orange */
.register-wrapper .generate-password,
.generate-password {
    background-color: #ff6311 !important;
    border-color: #ff6311 !important;
    color: #fff !important;
}

.register-wrapper .generate-password:hover {
    background-color: #e5540a !important;
    border-color: #e5540a !important;
}