<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.category-cont {
    display: block;
    text-align: center;
}
a.btn.btn-shop {
    background: var(--bg-color);
    border-radius: 20px;
    margin-top: 6px;
    display: inline-block;
    padding: 10px 24px;
}
.product-box-4 .product-detail .price {
    color: var(--bg-color) !important;
}
.banner-contain-3 .banner-detail h4 span {
    margin-top: 0px;
}
.title h2 {
    color: var(--bg-color);
}
span.view-all-color {
    color: var(--bg-color);
    
}
.title.doub-icon a i {
    color: var(--bg-color);
}

.service-contain-2 svg path {
    fill: var(--bg-color);
}
.pop-cat-img img {
    border: 1px solid var(--bg-color);
}
.product-box-4 {
    border: 1px solid var(--bg-color);
}
header .header-top {
    background: var(--bg-color);
}
header .top-nav .navbar-top .middle-box .search-box .input-group button {
    background-color: var(--bg-color);
}
.bottom-footer {
    background-color: var(--bg-color);
}
.footer-number:hover svg path {
    fill: var(--bg-color);
}
.social-link ul li:hover svg circle {
    fill:  var(--bg-color);
}
.social-link ul li:hover svg {
    border: 1px solid  var(--bg-color);
}
.theme-option .back-to-top {
    background-color: var(--bg-color);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
    border: 2px solid #fff;
}
.depart-category-title h2 {
    color: var(--bg-color);
    font-size: 20px;
    text-align: center;
    margin: 0px 0px 20px;
}
.depart-category-title {
    padding: 10px 16px;
}
footer .main-footer .footer-contain ul li a:hover{
    color: var(--bg-color);
}
footer .main-footer .footer-contain ul li a::before {
   
    background-color: var(--bg-color);
}
footer .main-footer .footer-contain ul li a::after {
  
    background-color: var(--bg-color);
    
}
.cart__lines {
    stroke: var(--bg-color);
}
body:has(header.active) .depart-wise-logo {
    top: 75px;
}
.depart-wise-logo img {
    width: 54px;
}
.depart-wise-logo {
    position: fixed;
    right: 20px;
    top: 125px;
    background: #fff;
    z-index: 5;
    border: 2px solid var(--bg-color);
    border-radius: 5px;
    transition: top .3s ease-in-out;
}
@media only screen and (max-width: 1199px) {
    body:has(header.active) .depart-wise-logo {
        top: 80px;
    }
    .depart-wise-logo {
        top: 140px;
    }
}
@media only screen and (max-width: 767px) {
    body:has(header.active) .depart-wise-logo {
        top: inherit;
        bottom: 117px;
        right: 10px;
    }
    .depart-wise-logo {
        top: inherit;
        bottom: 117px;
        right: 10px;
    }
}
</pre></body></html>