body {
background: #fff;
}

.main-header .nav-item .nav-link:hover {
    color: #fff;
}

.account-box {
    background: #f9f9f9;
  
}


.bottom-bar .container {
max-width: 100%;
}




    .main-header .js-mobile-menu-open, 
.main-header .js-mobile-menu-open:focus,
.main-header .js-search-open
{
color: rgba(255, 255, 255, 1);
}

@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap');

.category-sidebar .filter-box,
.category-page .sort-box {
    background: rgba(0,0,0,0.02);
}

body {
    font-family: 'Inter', sans-serif;
}

.home-page .article-section .heading-box .heading:after {
    left: 30%;
}

.home-page .article-section .heading-box {
    text-align: center;
}

.article-item .meta-data .category {
    border: none;
    color: #fff;
    background: #0DDFEE;
}

.article-item .detail-link {
    font-weight: 300;
    color: #555 !important;
}

.blog-sidebar li:not(.active) a:hover {
    background: #0DDFEE;
    color: #fff;
}

.blog-sidebar li:not(.active) a:hover .count {
    color: rgba(255,255,255,0.8);
}

.product-page .tabinator-content {
    margin-top: 15px;
}

.category-sidebar .filter-box.cat-list-box .cat-list a:hover, 
.category-sidebar .filter-box.cat-list-box .cat-list a.active {
    color: #0DDFEE !important;
}

.category-sidebar .filter-box.cat-list-box .cat-list a.active {
    font-weight: 600 !important;
}

.category-sidebar .filter-box.cat-list-box .cat-list li > a {
    font-weight: 400;
}

.category-sidebar .filter-box.cat-list-box .cat-list .opened ul a {
    font-weight: 400;
}



.container {
    max-width: 1300px;
}

.product-page .tabinator {
    overflow-x: auto;
    white-space: nowrap;
}

.product-page .main-info {
    background: transparent;
    padding: 0;
}

.heading-box .heading {
    font-size: 30px;
}

.product-page .product-main-info .rating-bar i {
    color: rgba(0, 0, 0, 0.07);
    font-size: 18px;
}

.product-page .product-main-info .rating-box .small {
    color: #444;
}

.product-page .product-main-info .product-code {
    font-size: 14px;
    color: #333;
}

.product-page .product-main-info .product-desc {
    font-size: 15px;
    font-weight: 300;
    color: #000;
}

.product-page .product-main-info .input-group.count > div span {
    background: #000;
    color: #fff;
    font-size: 20px;
}

.product-page .gallery-box .lSAction a {
    background: #0DDFEE;
  
}

.product-page .gallery-box .lSAction a:after {
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
}

.home-page .text-box .container .content {
    background: #f9f9f9;
}

.btn-primary {
    background: #0DDFEE;
}

.account-box .icon-box {
    background: #0DDFEE;
}

.account-box .form-heading {
    font-size: 15px;
    border-bottom: 1px solid #0DDFEE;
}

.product-page .gallery-box .lSPager li a img {
    width: 100%;
    height: 100%;
    aspect-ratio: unset;
    object-fit: cover !important;
}

.product-page .gallery-box .lSPager li a {
    padding: 0;
    border: none;
    aspect-ratio: 1/1;
}

.category-page .sort-box {
    background: #f9f9f9;
}

.category-page .sort-box .count-box {
    font-size: 11px;
}

@media (min-width: 992px) {
    .main-header .main-bar .search-box .form-control {
        height: 48px;
        padding-left: 35px;
        border: none;
        background: #f9f9f9;
        color: #000;
        border-bottom-left-radius: 25px;
        border-top-left-radius: 25px;
    }
    
    .main-header .main-bar {
        padding: 10px 0;
        border-bottom: 1px solid #000;
    }
    


    .main-header .top-bar {
        background: #fff;
        border-bottom: 1px solid #f1f1f1;
    }
    


    .main-header .main-bar .search-box .form-control:focus {
        background: #f9f9f9;
    }

    .main-header .main-bar .search-box .form-control::placeholder {
        color: #000;
    }

    .main-header .main-bar .search-box button {
        border-bottom-right-radius: 25px !important;
        border-top-right-radius: 25px !important;
        background: #f9f9f9;
        color: #000;
    }

    .op-box a:hover {
        background: none !important;
    }

    .main-header .main-bar .op-box {
        height: auto;
    }

    .main-header .main-bar .op-box .dropdown > a,
    .main-header .main-bar .op-box li:first-of-type .dropdown-toggle {
        padding: 0 8px;
        border: none;
    }
}



.ng-shadow {
border: none;
}

.home-page .text-box {
    background: #f9f9f9;
}

.home-page .text-box .content {
    box-shadow: none;
}

.home-page .includer-slider-box .main-slider {
    border: none;
}

.home-page .includer-slider-box .main-slider .carousel-item img {
    height: auto;
    object-fit: contain;
}

.product-main-item .img-box a img {
   width: 100%;
    height: 270px;
object-fit: contain;
}

.product-main-item .img-box {
    height: auto;
    padding: 0;
}

.product-main-item {
    background: transparent;
box-shadow: none;
border: none;

}

.product-main-item:hover {
box-shadow: none !important;
background: none;
}

.product-main-item .title {
    margin-top: 15px;
    text-align: center;
    font-weight: 500;
    min-height: unset;
    font-size: 13px;
}

.product-main-item .price-box {
    justify-content: center;
}

.product-main-item .price.sale > span {
    font-size: 17px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.55);
}

.product-main-item .price {
    font-weight: 600;
    font-size: 20px;
    color: var(--main-color);
}

.product-main-item .price-box .price {
    justify-content: center;
}

.product-main-item:hover::after,
.product-main-item:hover::before {
    display: none;
}

.product-main-item .btn-box {
    transition: unset;
}

.product-main-item:hover::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    backdrop-filter: blur(10px);
    transition: unset;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}



.product-main-item:hover .btn-box {
    bottom: 50%;
    left: 50%;
    transform: translate(-50%,50%);
    transition: unset;
    z-index: 5;
    padding: 15px;
}

.product-main-item .btn.btn-primary {
    background: #0DDFEE;
    color: #000;
}

.product-main-item .btn.btn-primary:hover,
.product-main-item .btn.btn-primary:focus {
    background: #fff !important;
    color: #000 !important;
}

.product-main-item .price-box .price {
    color: #0DDFEE;
}

.product-main-item .title {
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

#product-slider {
    height: auto !important;
}

#product-slider li img {
    width: 100%;
    max-width: 100%;
}

.product-page .gallery-box {
    padding: 0;
    background: none;
}




@media (min-width: 992px) {
.main-header .bottom-bar {
    border: none;
    background: #fff;
}

.main-header .bottom-bar .nav-link {
    letter-spacing: 0.7px;
    font-size: 12px !important;

    font-weight: 600 !important;
}

.main-header .bottom-bar .nav-link:hover {
    background: rgba(0,0,0,0.15);
    color: #000;
}

}

.heading-box .heading:after {
    background: #0DDFEE;
}

.heading-box .heading {
    font-weight: 700;
    font-size: 37px;
}

.home-page .benefit-box {
    border: none;
    background: #fffcfc;
}

.home-page .benefit-box .title {
    font-size: 16px;
    color: #111;
    margin-bottom: 5px;
}

.home-page .benefit-box p {
    font-size: 14px;
    font-weight: 300;
    color: #444;
}

.home-page .benefit-box .img-box {
    background: #0DDFEE;
    border: unset;
    width: 70px;
    height: 70px;
    font-size: 32px;
    color: #fff;
}


.home-page .faq-page .container {
    max-width: 1000px;
}

.home-page .faq-page .heading-box {
    text-align: center;
}

.home-page .faq-page .heading-box .heading:after {
    left: 30%;
}

.faq-item .faq-question {
    border-radius: 8px;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.faq-item .faq-question .title {
    font-size: 16px !important;
    font-weight: 500;
    color: #000;
}

.faq-item .roller {
    color: #0DDFEE;
}

.faq-item:hover {
    box-shadow: none !important;
}

.faq-item.active .faq-question  .title {
    color: #fff;
}

.faq-page .faq-item .faq-answer {
    padding: 15px;
    font-size: 14px;
    font-weight: 300;
    background: none;
}

.main-bar {
    background: #000;
}

nav.path {
    background: rgba(0,0,0,0.02);
}

.top-bar {
    display: none;
}

.product-main-item .img-box {
    border: 1px solid #f1f1f1
}

.main-header .main-bar .op-box .icon-layer i {
    font-size: 17px;
    color: rgba(255,255,255,0.8);
}



.main-header .op-box .icon-layer {
    background: rgba(255, 255, 255, 0.1);
}

.main-header .main-bar .op-box .small-title {
    color: rgba(255,255,255,0.62);
    text-transform: uppercase;
    font-weight: 600;
}

   


@media (min-width: 992px) {
    .main-header .main-bar .search-box .form-control {
        background: rgba(255,255,255,0.09);
        border: none;
        color: #fff;
    }
    
    .main-header .bottom-bar {
        border: none;
        background: #fff;
    }
    
    .main-header .main-bar .search-box .form-control:focus {
        background: rgba(255,255,255,0.12);
    }
    
    .main-header .main-bar .search-box .form-control::placeholder {
        color: rgba(255,255,255,0.62);
    }
    
     .main-header .main-bar .search-box button {
        background: rgba(255,255,255,0.09);
         border: none;
        color: #fff;
    }

.product-page .gallery-box {
    padding-right: 100px;
}
}


  .main-header .bottom-bar {
border-bottom: 1px solid rgba(0,0,0,0.04);
}


.main-footer .main-foot,
.main-footer .copyright {
    background: #000;
    color: rgba(255,255,255,0.8);
}
    
.main-footer .copyright {
    border-color: rgba(255,255,255,0.2);
    color: rgba(255,255,255,0.8);
}

.main-footer .copyright a {
    color: #fff;
}

.main-footer .main-foot a {
    color: rgba(255,255,255,0.9);
}

.contact-info-box {
    background: #f9f9f9;
    padding: 25px;
    border-radius: 5px;
}

.contact-page .contact-form-box {
    background: #f9f9f9;
    border-radius: 5px;
}

.contact-page .contact-info-box ul li, .contact-page .contact-info-box ul li a {
    color: #333;
    font-weight: 300;
    font-size: 14px;
}

.form-group label {
    color: #333;

}

.main-footer .footer-heading {
    color: #fff;
}

.main-footer .social-links a {
    display: inline-flex;
    background: rgba(255,255,255,0.1);
    color: #0DDFEE;
    border: none;
}

.cart-page .info-sale-box {
    background: #ffe2e2;
    font-size: 14px;
    color: #000;
    padding-top: 45px;
}

.cart-page .coupone-box {
    background: #f9f9f9;
}

.cart-page .info-sale-box i {
    background: #fff;
    color: #0DDFEE;
}

.cart-page .info-sale-box strong {
    color: #000;
}

.cart-page .cart-product-item .count-box .input-group.count > div span {
    color: #fff;
}

.cart-sidebar .price-item {
    background: #f9f9f9;
    padding: 15px;
}

.delivery-page .country-box {
    background: #f9f9f9;
}

.contact-cart-page .contact-box {
    background: #f9f9f9;
}


@media (max-width: 992px) {
    .main-header .main-nav .dropdown-toggle:hover:after {

        border-top: 2px solid #fff;
        border-right: 2px solid #fff;

    }

.home-page .benefit-box .img-box {
    width: 40px;
    height: 40px;
    font-size: 22px;
}

.home-page .benefit-box .title {
    font-size: 14px;
}

.main-header .bottom-bar {
    border-bottom: 1px solid rgba(0, 0, 0, 1) !important;
}

    .search-opened .main-header .search-box .form-control:focus {
        background: #fff !important;
}

.product-main-item:hover::after {
all: unset !important;
}
.product-main-item:hover .btn-box {
position: static !important;
transform: unset !important;
padding: 0 !important;
}

.heading-box .heading {
    font-size: 27px;
}

.product-page .heading {
    font-size: 20px;
}

.main-header .dropdown-item:hover {
color: #fff !important;
}

}


@media (min-width: 992px) {
    .main-header .bottom-bar .nav-link {
        letter-spacing: 0.7px;
        font-size: 12px !important;
        font-weight: 500 !important;
    }
}

.main-header .main-nav .menu-list .nav-link {
    padding: 15px 10px;
}
.product-main-item .img-box {
    border: none;
}


.product-main-item::after,
.product-main-item::before {
    all: unset !important;
}

.product-main-item .btn.btn-primary:hover, .product-main-item .btn.btn-primary:focus {
    background: #000 !important;
    color: #fff !important;
}

.product-main-item .btn.btn-primary {
    background: #B2CF5E;
    color: #000;
}


.includer-slider-box .banner-col {
    display: none !important;
}

.includer-slider-box .col-lg-8 {
    width: 100% !important;
}


.benefit-box .info-box {
    flex: 1;
}


.product-page iframe {
max-width: 100% !important;
}
	:root {
			--send-main-color: #000000;
			--send-main-color-2: #000000;
			--send-main-light-color: #000000;
		}