html body { .navbar-wrapper{background:#222}
.navbar-custom .navbar-nav .nav-item .nav-link{color:white !important;height: 30px !important;}
.iccl{color:white !important}
.navbar-custom .topbar-toolbar a{color:white !important; fill:white !important;}
.navbar-custom .topbar-toolbar a .tcount {
    background: #00aeef !important;
}

.navbar-brand img{max-height: 70px !important;}
  

.btn-primary {
    background-color: #000000 !important;
  color:#ffffff !important;
    border: none !important;
}
.wishlist-bt{background:white !important}

.btn-primary:hover {
    background-color: #00aeef !important;
   color:#ffffff !important;
    border: none !important;
}

.btn-teal { 
    background-color: #000000 !important;
    border: none !important;
}

.btn-teal:hover { 
    background-color: #00aeef !important;
    border: none !important;
}

.btn-info { 
     background-color: #222222 !important;
    border: none !important;
}

.btn-info:hover { 
    color: #00aeef !important;
    border: none !important;
}

.btn-dark { 
     background-color: #222222 !important;
    border: none !important;
}
.btn-dark:hover { 
      color: #00aeef !important;
    border: none !important;
}

.btn-secondary { 
     background-color: #222222 !important;
    border: none !important;
}

.h__top {
    background-color: #222222;
}

.h__top {
    color: white !important;
}

.h__top a {
    color: white !important;
    transition: color 0.3s ease;
}

.h__top a:hover {
    color: #00aeef !important;
}

.h__top .text-muted {
    color: white !important;
    transition: color 0.3s ease;
}

.h__top .text-muted:hover {
    color: #00aeef !important;
}

.top-menu .menu li a {
    color: white !important;
    transition: color 0.3s ease;
}

.top-menu .menu li a:hover {
    color: #00aeef !important;
}

.footer {background-color: #222222 !important;}
.footer.bg-light {
    color: white !important;
}
.footer.bg-light p,
.footer.bg-light span,
.footer.bg-light .text-muted,
.footer.bg-light .accordion-button,
.footer.bg-light h5 {
    color: white !important;
    transition: color 0.3s ease;
}
.footer.bg-light .text-reset {
    color: white !important;
    transition: color 0.3s ease;
}
.footer.bg-light .footer-subscribe input::placeholder {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Hover effects */
.footer.bg-light p:hover,
.footer.bg-light span:hover,
.footer.bg-light .text-muted:hover,
.footer.bg-light .accordion-button:hover,
.footer.bg-light h5:hover {
    color: #00aeef !important; /* Change to your preferred hover color */
}

.footer.bg-light .text-reset:hover {
    color: #00aeef !important; /* Change to your preferred hover color */
}

.footer.bg-light a:hover {
    color: #00aeef !important; /* For any links in the footer */
}

.compact-navbar{
  background-color: #222222;}

.footer #footer-accordion .footer-accordion-item .footer-accordion-button::before {background-color: #222222 !important; }

.footer #footer-accordion .footer-accordion-item .footer-accordion-button::after {background-color: #222222 !important; }

.facl{
  color: #00aeef !important; }
a:hover { color: #00aeef !important;}



.service{   
  background-color: #222222;}

.service-item .promo-title {
    color: white !important;
}

.service-item .service-icon {
    color: #00aeef !important;
     background-color: #222222 !important;
}

.btn-info{color:#00aeef !important}
.wishlist-btn{background-color:white !important}
.compact-navbar .tcount{background-color:#00aeef !important}
@media (max-width: 500px) {
        .navbar-brand img {
            max-width: 150px !important;
        }
    }

@media (max-width: 991.98px) {
    .topbar-toolbar a {
        position: relative;
        fill: white !important;
    }
}
.list-group .btn-info{background:white !important}
.btn .position-absolute{background:#00aeef !important;border-radius: 50rem !important;}
.compact-navbar .nav-link {
    color: white !important;
}

   #product-grid .iccl {
        color: black !important;
    }
html body {
    .footer #footer-accordion .footer-accordion-item .footer-accordion-button::before {
        background-color: white !important;
    }
}
.footer #footer-accordion .footer-accordion-item .footer-accordion-button::before, 
.footer #footer-accordion .footer-accordion-item .footer-accordion-button::after
{background-color:white !important;}

.searchBtn{
  background-color: #00aeef  !important;}

#icon-filter{
  color: #222222 !important; }


#filter-icon:hover {
    color: #00aeef;
}

.large-header{
  font-size: 1.53125rem;
  font-weight: 600;
} }