/* ============================================================
   CITY PRINT LAB — NEON ELECTRIC BRAND OVERHAUL v9
   Colors: Cyan #00e5ff | Magenta #ff00cc | Lime #c6ff00 | Navy #0a1118
   Includes: All v1-v8 fixes + Phase 2 UX + Phase 3 SEO enhancements
   ============================================================ */

/* === GOOGLE FONTS === */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Montserrat:wght@400;600;700;800;900&display=swap');

/* === BASE === */
body { background-color: #0a1118 !important; color: #f6f8fa !important; font-family: 'Inter', sans-serif !important; }
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { color: #f6f8fa !important; font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important; }
p { color: #c8d4e0 !important; }
a { color: #52a6ec !important; transition: all .3s ease !important; }
a:hover { color: #00e5ff !important; text-decoration: none !important; }
.text-info { color: #00e5ff !important; }
.text-primary { color: #ff00cc !important; }
.text-success { color: #c6ff00 !important; }
.text-dark { color: #f6f8fa !important; }
.text-muted { color: #8b9bb4 !important; }
.bg-white { background-color: #1a2636 !important; }
.bg-light { background-color: #121b26 !important; }
.bg-light.top-header { background-color: #121b26 !important; border-bottom: 1px solid rgba(0,229,255,.15) !important; }
.bg-primary { background-color: #1a2636 !important; }

/* Advance Search Modal*/
.advance-search .categories-data h4, .advance-search .trending-product-data-div h4{ color: #091018 !important; }

/* === TOP HEADER === */
.top-header .top-links li span { color: #8b9bb4 !important; }
.top-header .top-links li a { color: #8b9bb4 !important; }
.top-header .top-links li a:hover { color: #00e5ff !important; }
#loginid_popup #login_signup_popup .dropdown-item-text{color: #fff;}

/* === NAVBAR === */
nav.sticky-mobile.navbar { background: rgba(10,17,24,.95) !important; backdrop-filter: blur(14px) !important; -webkit-backdrop-filter: blur(14px) !important; border-bottom: 1px solid rgba(255,0,204,.2) !important; box-shadow: 0 4px 30px rgba(0,0,0,.5) !important; }
.navbar { background: rgba(10,17,24,.95) !important; backdrop-filter: blur(14px) !important; -webkit-backdrop-filter: blur(14px) !important; border-bottom: 1px solid rgba(255,0,204,.2) !important; }

/* === HAMBURGER TOGGLER === */
.navbar-toggler { border-color: rgba(0,229,255,.4) !important; color: #f6f8fa !important; }
.navbar-toggler:focus { box-shadow: 0 0 8px rgba(0,229,255,.4) !important; outline: none !important; }
.navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28246%2C248%2C250%2C1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important; }

/* === NAV LINKS === */
.navbar .navbar-nav { flex-wrap: nowrap !important; }
.navbar-nav .nav-link {align-content: center; text-wrap: wrap; color: #f6f8fa !important; height: 100% ; font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; font-size: 13px !important; text-transform: uppercase !important; letter-spacing: 1.2px !important; text-align: center ; transition: all .3s ease !important; }
.navbar-nav .nav-link:hover { color: #ffffff !important; text-shadow: 0 0 10px rgba(0,229,255,.5) !important; }
.dropdown-menu { background: #0f1c2e !important; border: 1px solid rgba(0,229,255,.2) !important; box-shadow: 0 10px 40px rgba(0,0,0,.6) !important; border-radius: 12px !important; }
.dropdown-item { color: #8b9bb4 !important; transition: all .2s ease !important; }
.dropdown-item:hover { background: rgba(0,229,255,.08) !important; color: #00e5ff !important; }
.navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu > .dropdown-item:hover {background: #40eaf2 !important; }
.navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu.active > .dropdown-item {background: #40eaf2 !important; color: #313131 !important;}
.navbar-nav .nav-item.position-static > .dropdown-menu {padding: 20px !important;}
.navbar-nav .nav-item.position-static > .dropdown-menu .card{overflow: hidden;}
.navbar .navbar-nav .nav-item.show .nav-link{ color: #ffffff !important; }
.navbar .navbar-nav .nav-item.show{ background-color: #10dbe5 !important; }
.nav-item .dropdown-primary > .dropdown-submenu .dropdown-item:hover, .nav-item .dropdown-primary > li .dropdown-item:hover{ background: #40eaf2 !important; color: #313131 !important;}
.nav-item .dropdown-primary .dropdown-submenu .dropdown-menu li{background: #0f1c2e !important; border: 1px solid rgba(0, 229, 255, .2) !important;}
/* === LOGO === */
.navbar-brand { padding: 0 !important; }
.navbar .navbar-brand, .sticky-mobile .navbar-brand, nav .navbar-brand { max-width: 220px !important; min-width: 120px !important; flex-shrink: 0 !important; }
.navbar-brand img, .sticky-mobile .navbar-brand img, nav .navbar-brand img { height: 70px !important; width: auto !important; max-width: 200px !important; object-fit: contain !important; filter: drop-shadow(0 0 12px rgba(0,229,255,0.45)) drop-shadow(0 0 4px rgba(255,0,204,0.3)) !important; transition: filter .3s ease !important; }
.navbar-brand img:hover { filter: drop-shadow(0 0 22px rgba(0,229,255,0.8)) drop-shadow(0 0 10px rgba(255,0,204,0.6)) !important; }

/* === BUTTONS === */
.btn-primary { background: transparent !important; border: 2px solid #ff00cc !important; color: #ff00cc !important; border-radius: 50px !important; padding: 10px 26px !important; font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important; font-size: 13px !important; text-transform: uppercase !important; letter-spacing: 1.5px !important; transition: all .3s ease !important; box-shadow: 0 0 10px rgba(255,0,204,.5) !important; }
.btn-primary:hover { background: #ff00cc !important; color: #fff !important; box-shadow: 0 0 28px rgba(255,0,204,.8) !important; transform: translateY(-2px) !important; }
.btn-info { background: transparent !important; border: 2px solid #ff00cc !important; color: #ff00cc !important; border-radius: 50px !important; padding: 10px 26px !important; font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important; font-size: 13px !important; text-transform: uppercase !important; letter-spacing: 1.5px !important; transition: all .3s ease !important; box-shadow: 0 0 10px rgba(255,0,204,.5) !important; }
.btn-info:hover { background: #ff00cc !important; color: #fff !important; box-shadow: 0 0 28px rgba(255,0,204,.8) !important; transform: translateY(-2px) !important; }
.btn-secondary { background: transparent !important; border: 1px solid #00e5ff !important; color: #00e5ff !important; box-shadow: 0 0 10px rgba(0,229,255,.5) !important; font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1.5px !important; transition: all .3s ease !important; }
.btn-secondary:hover { background: #00e5ff !important; color: #000 !important; box-shadow: 0 0 28px rgba(0,229,255,.8) !important; }
.btn-success { background: transparent !important; border: 2px solid #c6ff00 !important; color: #c6ff00 !important; border-radius: 50px !important; font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1.5px !important; transition: all .3s ease !important; box-shadow: 0 0 10px rgba(198,255,0,.4) !important; }
.btn-success:hover { background: #c6ff00 !important; color: #000 !important; box-shadow: 0 0 28px rgba(198,255,0,.7) !important; transform: translateY(-2px) !important; }

/* === PRODUCT CARDS === */
.product-box .card { background: #1a2636 !important; border: 1px solid rgba(0,229,255,.12) !important; border-radius: 16px !important; overflow: hidden !important; transition: all .4s ease !important; box-shadow: 0 8px 30px rgba(0,0,0,.5) !important; }
/*.product-box .card:hover { transform: translateY(-10px) !important; border-color: #00e5ff !important; box-shadow: 0 20px 50px rgba(0,0,0,.6), 0 0 15px rgba(0,229,255,.5) !important; }*/
.product-box .card .card-body .card-title, .product-box .card-title, .product-box .card-title.text-info, .product-box h3.card-title, .card-title, .product-box .card-title h3 { color: #f6f8fa !important; font-family: 'Montserrat', sans-serif !important; font-size: 1.05rem !important; font-weight: 700 !important;  margin: 0 !important; border-top: 0 !important;}
.product-box .card-body { background: #1a2636 !important; }
.product-box .card-text { color: #8b9bb4 !important; font-size: .9rem !important; }
.product-box .btn { background: transparent !important; border: 2px solid #ff00cc !important; color: #ff00cc !important; border-radius: 50px !important; padding: 8px 20px !important; font-size: 12px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1px !important; box-shadow: 0 0 10px rgba(255,0,204,.5) !important; transition: all .3s ease !important; }
.product-box .btn:hover { background: #ff00cc !important; color: #fff !important; box-shadow: 0 0 25px rgba(255,0,204,.8) !important; transform: translateY(-2px) !important; }
.product-box .card-img-top { display: block !important; width: 100% !important;  object-fit: cover !important; object-position: center !important; transition: transform .4s ease !important; }
.product-box .card:hover .card-img-top { transform: scale(1.06) !important; }
.product-box .slideup .card-body .card-title{padding-bottom: 1rem !important;}
.product-box .title-top .card-title{padding: 0.8rem !important;}
.product-box .triangle-slide-overlay .card-body .card-title{
    margin-bottom: 1rem !important;
}

/* === POPULAR PRODUCTS SECTION === */
.popular-products-section { background: linear-gradient(180deg, #0a1118 0%, #050c14 100%) !important; padding: 80px 0 !important; border-top: 1px solid rgba(0,229,255,.15) !important; border-bottom: 1px solid rgba(255,0,204,.15) !important; }

/* === HERO BANNER === */
#top-banner { border-bottom: 2px solid rgba(0,229,255,.2) !important; }
#top-banner .carousel-indicators li.active { background-color: #ff00cc !important; box-shadow: 0 0 10px rgba(255,0,204,.5) !important; }

/* === SEARCH BAR === */
#top_search, .search-form input[type="search"] { background: rgba(255,255,255,.05) !important; border: 1px solid rgba(0,229,255,.3) !important; color: #f6f8fa !important; border-radius: 50px !important; }
#top_search:focus, .search-form input[type="search"]:focus { border-color: #00e5ff !important; box-shadow: 0 0 15px rgba(0,229,255,.4) !important; }
#top_search::placeholder { color: #8b9bb4 !important; }

/* === CART === */
.cart-link, a[href*="cart"] { color: #00e5ff !important; }
.cart-link:hover, a[href*="cart"]:hover { color: #ff00cc !important; }

/* === CUSTOMIZE / STEPS SECTION === */
.customize_prod_sec { background: #121b26 !important; border-top: 1px solid rgba(255,0,204,.2) !important; border-bottom: 1px solid rgba(0,229,255,.2) !important; padding: 80px 0 !important; }
.customize_prod_sec h2 { color: #c6ff00 !important; text-shadow: 0 0 10px rgba(198,255,0,.5) !important; font-family: 'Montserrat', sans-serif !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 2px !important; }
.customize_prod_sec h3, .customize_prod_sec h4 { color: #f6f8fa !important; font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important; }
.customize_prod_sec p { color: #8b9bb4 !important; }

/* === TESTIMONIALS === */
.testimonial_home { background: linear-gradient(135deg, #05080c 0%, #121b26 100%) !important; padding: 80px 0 !important; border-top: 1px solid rgba(198,255,0,.2) !important; }
.testimonial_home h2 { color: #ff00cc !important; text-shadow: 0 0 10px rgba(255,0,204,.5) !important; font-family: 'Montserrat', sans-serif !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 2px !important; }
.testimonial_home .card { background: #1a2636 !important; border: 1px solid rgba(255,0,204,.2) !important; border-radius: 16px !important; box-shadow: 0 10px 30px rgba(0,0,0,.4) !important; transition: all .3s ease !important; }
.testimonial_home .card:hover { border-color: #ff00cc !important; box-shadow: 0 15px 40px rgba(0,0,0,.5), 0 0 12px rgba(255,0,204,.5) !important; transform: translateY(-5px) !important; }
.testimonial_home .card p { color: #8b9bb4 !important; font-style: italic !important; }
.testimonial_home .card strong { color: #00e5ff !important; }

/* === FOOTER === */
.middle-footer-content { background: #05080c !important; border-top: 2px solid #00e5ff !important; box-shadow: 0 -5px 30px rgba(0,229,255,.15) !important; }
footer, .footer, #footer, .footer-section { background-color: #060d14 !important; border-top: 1px solid rgba(0,229,255,.15) !important; }
.middle-footer-content h4, .middle-footer-content h5 { color: #00e5ff !important; font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important; text-transform: uppercase !important; }
.middle-footer-content a, footer p, footer span, footer li, footer a, .footer p, .footer span, .footer li, .footer a { color: #8b9bb4 !important; }
.middle-footer-content a:hover, footer a:hover, .footer a:hover { color: #00e5ff !important; }
footer img.img-fluid, .footer-logo img { height: 70px !important; width: auto !important; max-width: 280px !important; object-fit: contain !important; filter: drop-shadow(0 0 8px rgba(0,229,255,0.4)) !important; }

/* === FORMS === */
.form-control:not(.bootstrap-select) { background: #253140 !important; border: 1px solid rgba(0,229,255,.25) !important; color: #f6f8fa !important; border-radius: 8px !important; }
.form-control:focus { background: rgba(255,255,255,.08) !important; border-color: #00e5ff !important; box-shadow: 0 0 10px rgba(0,229,255,.5) !important; color: #f6f8fa !important; }
label { color: #8b9bb4 !important; }
input::placeholder, textarea::placeholder { color: #4a5a6a !important; }
.form-group .col-form-label{background: #253140 !important;}
.form-group .input-group-append .input-group-text.bg-white{ background: #253140 !important;}
.bootstrap-select > .dropdown-toggle {background: #253140 !important; color: #8b9bb4 !important; border-color: rgba(0,229,255,.25) !important;}
.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active, .dropdown-item:active{background: rgba(0,229,255,.08) !important}

/* === CARDS (GENERAL) === */
.card { background: #1a2636 !important; border: 1px solid rgba(0,229,255,.1) !important; border-radius: 12px !important; }
.card-header { background: #0d1a28 !important; border-bottom: 1px solid rgba(0,229,255,.15) !important; }
.card-header a, .card-header .btn, .card-header button { color: #f6f8fa !important; }
.card-body { background: #1a2636 !important; }

/* === BADGES === */
.badge-primary { background: rgba(255,0,204,.2) !important; color: #ff00cc !important; border: 1px solid rgba(255,0,204,.4) !important; border-radius: 50px !important; }
.badge-info { background: rgba(0,229,255,.15) !important; color: #00e5ff !important; border: 1px solid rgba(0,229,255,.3) !important; border-radius: 50px !important; }
.badge-success { background: rgba(198,255,0,.15) !important; color: #c6ff00 !important; border: 1px solid rgba(198,255,0,.3) !important; border-radius: 50px !important; }

/* === ALERTS === */
.alert-info { background: rgba(0,229,255,.1) !important; border: 1px solid rgba(0,229,255,.3) !important; color: #00e5ff !important; }
.alert-success { background: rgba(198,255,0,.1) !important; border: 1px solid rgba(198,255,0,.3) !important; color: #c6ff00 !important; }
.alert-warning { background: rgba(255,165,0,.1) !important; border: 1px solid rgba(255,165,0,.3) !important; color: #ffa500 !important; }

/* === PAGINATION === */
.page-link { background: #1a2636 !important; border-color: rgba(0,229,255,.2) !important; color: #8b9bb4 !important; }
.page-link:hover { background: rgba(0,229,255,.1) !important; color: #00e5ff !important; }
.page-item.active .page-link { background: #ff00cc !important; border-color: #ff00cc !important; color: #fff !important; }

/* === BREADCRUMBS === */
.breadcrumb { background: transparent !important; }
.breadcrumb-item a { color: #52a6ec !important; }
.breadcrumb-item.active { color: #8b9bb4 !important; }
.breadcrumb-item + .breadcrumb-item::before { color: #4a5a6a !important; }

/* === PRODUCT DETAIL PAGE === */
.product-detail-section { background: #0a1118 !important; }
.product-detail-section h1, .product-detail-section h2 { color: #f6f8fa !important; font-family: 'Montserrat', sans-serif !important; }
.product-detail-section .price, .product-price { color: #c6ff00 !important; font-family: 'Montserrat', sans-serif !important; font-weight: 800 !important; font-size: 1.6rem !important; text-shadow: 0 0 10px rgba(198,255,0,.4) !important; }
.product-detail-section .product-description, .product-detail-section p { color: #8b9bb4 !important; }
.product-detail-section .nav-tabs { border-bottom: 1px solid rgba(0,229,255,.2) !important; }
.product-detail-section .nav-tabs .nav-link { color: #8b9bb4 !important; border: none !important; border-bottom: 2px solid transparent !important; }
.product-detail-section .nav-tabs .nav-link.active { color: #00e5ff !important; border-bottom-color: #00e5ff !important; background: transparent !important; }
.product-detail-section .tab-content { background: #1a2636 !important; border-radius: 0 0 12px 12px !important; padding: 20px !important; }
.product-detail-section .tab-content p, .product-detail-section .tab-content li { color: #8b9bb4 !important; }
.product-detail-section select.form-control, .product-detail-section .custom-select { background: #1a2636 !important; border-color: rgba(0,229,255,.3) !important; color: #f6f8fa !important; }

/* === ABOUT US PAGE === */
.about-us-section, .about-page { background: #0a1118 !important; }
.about-us-section h1, .about-us-section h2, .about-page h1, .about-page h2 { color: #00e5ff !important; font-family: 'Montserrat', sans-serif !important; font-weight: 900 !important; }
.about-us-section h3, .about-page h3 { color: #ff00cc !important; font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important; }
.about-us-section p, .about-page p { color: #8b9bb4 !important; line-height: 1.8 !important; }
.about-us-section .team-card, .about-page .team-card { background: #1a2636 !important; border: 1px solid rgba(0,229,255,.15) !important; border-radius: 16px !important; transition: all .3s ease !important; }
.about-us-section .team-card:hover, .about-page .team-card:hover { border-color: #00e5ff !important; transform: translateY(-5px) !important; }

/* === CONTACT PAGE === */
.contact-page h1, .contact-section h1 { color: #00e5ff !important; font-family: 'Montserrat', sans-serif !important; font-weight: 900 !important; }
.contact-page .contact-info-item, .contact-section .contact-info { color: #8b9bb4 !important; }
.contact-page .contact-info-item i, .contact-section .contact-icon { color: #ff00cc !important; }
.contact-page .card, .contact-section .card { background: #1a2636 !important; border: 1px solid rgba(0,229,255,.15) !important; border-radius: 16px !important; }

/* === FAQ SECTION === */
.faq-section, .accordion { background: #0a1118 !important; }
.faq-section .card { background: #1a2636 !important; border: 1px solid rgba(0,229,255,.1) !important; margin-bottom: 8px !important; }
.faq-section .card-header { background: #0d1a28 !important; }
.faq-section .card-header a { color: #f6f8fa !important; font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; }
.faq-section .card-header a:hover { color: #00e5ff !important; }
.faq-section .card-body { color: #8b9bb4 !important; }

/* === TABLE === */
table { background: #1a2636 !important; }
table th { background: #0d1a28 !important; color: #00e5ff !important; border-color: rgba(0,229,255,.2) !important; font-family: 'Montserrat', sans-serif !important; }
table td { color: #8b9bb4 !important; border-color: rgba(0,229,255,.1) !important; }
table tr:hover td { background: rgba(0,229,255,.05) !important; }

/* === MODAL === */
.modal-content { background: #1a2636 !important; border: 1px solid rgba(0,229,255,.2) !important; border-radius: 16px !important; }
.modal-header { background: #0d1a28 !important; border-bottom: 1px solid rgba(0,229,255,.2) !important; }
.modal-header .modal-title { color: #f6f8fa !important; font-family: 'Montserrat', sans-serif !important; }
.modal-body { color: #8b9bb4 !important; }
.modal-footer { background: #0d1a28 !important; border-top: 1px solid rgba(0,229,255,.15) !important; }
.close, .btn-close { color: #f6f8fa !important; opacity: 0.7 !important; }
.close:hover, .btn-close:hover { opacity: 1 !important; color: #00e5ff !important; }

/* === LOADING / SPINNER === */
.spinner-border { color: #00e5ff !important; }
.spinner-grow { color: #ff00cc !important; }

/* ============================================================
   MOBILE RESPONSIVE - PHASE 1C FIX: 3-column flexbox navbar
   ============================================================ */
@media (max-width: 767.98px) {
  nav.sticky-mobile.navbar > .container,
  nav.sticky-mobile.navbar > .container-fluid,
  .navbar > .container,
  .navbar > .container-fluid { display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; }

  .navbar-toggler { order: 1 !important; flex: 0 0 auto !important; margin-right: 0 !important; }

  .navbar-brand { order: 2 !important; flex: 1 1 auto !important; display: flex !important; justify-content: center !important; align-items: center !important; margin: 0 !important; padding: 0 !important; max-width: none !important; }
  .navbar-brand img { height: 52px !important; width: auto !important; max-width: 160px !important; display: block !important; }

  .navbar-search, .cart-icon, a[href*="cart"], .search-icon,
  form[role="search"], .top-search-form { order: 3 !important; flex: 0 0 auto !important; }

  #navbarText.show, .navbar-collapse.show,
  #navbarText.collapsing, .navbar-collapse.collapsing { background: rgba(10,17,24,0.98) !important; border-top: 1px solid rgba(0,229,255,0.2) !important; padding: 10px 14px !important; }

  #navbarText.show .nav-link, .navbar-collapse.show .nav-link { color: #f6f8fa !important; border-bottom: 1px solid rgba(0,229,255,0.07) !important; }
  #navbarText.show .dropdown-item, .navbar-collapse.show .dropdown-item { color: #8b9bb4 !important; }
  #navbarText.show .dropdown-item:hover, .navbar-collapse.show .dropdown-item:hover { color: #00e5ff !important; background: rgba(0,229,255,0.08) !important; }

  .product-box .card .card-body .card-title, .product-box .card-title, .card-title { color: #f6f8fa !important; }
  .product-box .card-img-top { height: 160px !important; }

  .customize_prod_sec h3, .customize_prod_sec h4, .customize_prod_sec p, .customize_prod_sec .btn { color: #f6f8fa !important; }

  .card-header a, .card-header .btn, .card-header button { color: #f6f8fa !important; }

  body, p, li, td, th { color: #c8d4e0 !important; }
  h1, h2, h3, h4, h5, h6 { color: #f6f8fa !important; }

  .popular-products-section { padding: 50px 0 !important; }
  .customize_prod_sec { padding: 50px 0 !important; }
  .testimonial_home { padding: 50px 0 !important; }
}

/* === TABLET: 768px - 991px === */
@media (min-width: 768px) and (max-width: 991px) {
  .navbar .navbar-brand, .sticky-mobile .navbar-brand { max-width: 180px !important; }
  .navbar-brand img, .sticky-mobile .navbar-brand img { height: 65px !important; width: auto !important; }
}

/* === NEWSLETTER === */
button#subscribe { background: linear-gradient(90deg, #00e5ff, #0070ff) !important; border: none !important; color: #000 !important; border-radius: 50px !important; font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1.5px !important; box-shadow: 0 0 15px rgba(0,229,255,.5) !important; transition: all .3s ease !important; }
button#subscribe:hover { box-shadow: 0 0 30px rgba(0,229,255,.8) !important; transform: translateY(-2px) !important; }

/* === SCROLLBAR === */
::-webkit-scrollbar { width: 8px !important; }
::-webkit-scrollbar-track { background: #0a1118 !important; }
::-webkit-scrollbar-thumb { background: rgba(0,229,255,.3) !important; border-radius: 4px !important; }
::-webkit-scrollbar-thumb:hover { background: rgba(0,229,255,.6) !important; }

/* === SELECTION === */
::selection { background: rgba(0,229,255,.25) !important; color: #f6f8fa !important; }
::-moz-selection { background: rgba(0,229,255,.25) !important; color: #f6f8fa !important; }

/* Sidebar CSS */
.sidebar .card-header, .sidebar .card-title{background: transparent !important;}
.sidebar .card-title{padding: 0 !important;}
.sidebar .card-body .list-group-item {background-color: transparent !important; border-color: rgba(0,229,255,.15) !important;}
.sidebar .card-body .accordion-menu .list-group-item > a.text-info, .sidebar .card-body .list-group-item a, .sidebar #verticalmenu_sidebar .card-body #cssmenu .list-group-item > a.text-info{color: #fff !important;}

/* Product Info Section */
#product-info .imageGalleryBlock .img-thumbnail {padding: 0;}
#productpricetotal{padding: 10px; border-radius: 12px;}
.allbtn .btn-img-text .media-body .h4 { color: #4fa0e3 !important; }
.allbtn .btn-img-text:hover .media-body .h4 { color: #313131 !important; }  
#product_info #price_calculator, #product_info #price_calculator .card-header, #product_info #price_calculator .card-body, #product_info #price_calculator .card-body form#pricecalulate  { background: transparent !important; }
#product_info #price_calculator{ border:0 !important; }
#product_info #price_calculator .card-header .card-title{ padding-bottom: 0.5rem !important; }
#product_info #price_calculator .card-header{ padding: 0 !important; }
#product_info #price_calculator .price_calculator #pricecalulate{ padding: 0 !important; }
#product_info #price_calculator .card-header .card-title #generate_link, #product_info #price_calculator .card-header .card-title #generate_link i::before{ color: #fff !important; } 

/* My Account */
#account_btns .account_dashboard_box.media .media-body .h4{color: #1a2636 !important;}
#myaccount_menu li a{color: #fff !important}
#quote_listing .input-group .bootstrap-select {border: 0 !important; }
#quote_listing .input-group .bootstrap-select .dropdown-toggle {border-radius: 12px !important;
}

/*Extra CSS*/
.form-group .form-control.input-valid ~ .input-group-append .input-group-text{
    border-color: #00e5ff !important;
    box-shadow: 0 0 10px rgba(0, 229, 255, .5) !important;
}
.form-group .input-group-append .input-group-text{
    border-color: rgba(0,229,255,.25) !important;
}
.form-group .input-group-append .input-group-text i, .form-group .input-group-append .input-group-text .pwd-icon{ color:#8b9bb4 !important; }
.product-box .slide-hover .card-body .card-title { left: 0; text-align: left; padding: 8px 40px 8px 16px !important; font-size: 14px !important; }
.customize_prod_sec #accordion .card{ border: 0 !important; background: transparent !important; } 
.customize_prod_sec #accordion .card .card-header{ background: transparent !important; border: 0 !important; }
.customize_prod_sec #accordion .card .card-body{ background: transparent !important;}
.testimonial_home #testimonial_multi_sidebar{ padding: 1.5rem !important;  } 
.testimonial_home #testimonial_multi_sidebar .card{ box-shadow: none !important; }
.testimonial_home #testimonial_multi_sidebar .card:hover{ transform: translateY(5px) !important; }
#testimonial_multi_sidebar .card-body .star-list{ display: flex; align-items: center; justify-content: center; }
.testimonial_home #testimonial_multi_sidebar .card-body .card .card-body small{ align-self: center !important; margin-top: 0.625rem; }
.testimonial_home #testimonial_multi_sidebar .card-body .card .card-body .star-list{ display: flex; justify-content: center; }
#footer .newsletter #footersubscribe_sidebar {border: 0 !important;}
#footer .newsletter #footersubscribe_sidebar .card-body {background: transparent !important;}
#footer .footer-top .footer-column .bottom-links{margin-top: 0.625rem !important; }
#footer .bottom_footer .contact-detail a, #footer .bottom_footer .social-icon li i::before{color: #52a6ec !important;}
#footer .bottom_footer .contact-detail a:hover, #footer .bottom_footer .social-icon li:hover i::before{color: #00e5ff !important;}
.fancybox__container .fancybox__carousel .fancybox__viewport .fancybox__slide.has-html .f-html{background: #0a1118;}