.deal-button {
    color: var(--theme-color);
    padding: calc(6px + (15 - 6) * ((100vw - 320px) / (1920 - 320))) calc(11px + (20 - 11) * ((100vw - 320px) / (1920 - 320)));
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    z-index: 0;
}

.deal-button::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #f5f2ef;
    opacity: 1;
    z-index: -1;
}

.show-product {
    width: 100%;
    border-radius: 25px;
    background-color: #f5f2ef;
    font-size: calc(10px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
    color: var(--theme-color) !important;
}

.footer-service-icon {
    font-size: 30px;
}
.footer-number i {
    font-size: 20px;
}

.main-footer .social-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 6px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 20px;
}

.main-footer .social-icon li {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: relative;
    z-index: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.main-footer .social-icon li a {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #4a5568;
}

.main-footer .social-icon li::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: var(--theme-color);
    opacity: 0.06;
    border-radius: 50%;
    z-index: -1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.main-footer .social-icon li:hover::after {
    opacity: 1;
}

.main-footer .social-icon li:hover i {
    color: #fff;
}

a:hover {
    color: var(--theme-color1);
}

header .header-nav .header-nav-left .category-dropdown{
    /* left: inherit;
    right: 0; */
}
header .onhover-category-list .onhover-category-box{
    /* left: inherit;
    right: 100%; */
}
.category-box::after{
    background-image: none;
}
.information-box ul li {
    color: #4a5568;
    width: 100%;
    display: list-item;
    list-style-type: circle;
    margin-left: 35px;
    font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320)));
}
.information-box ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 7px;
}
header .top-nav .navbar-top .middle-box .search-box .input-group button{
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
header .top-nav .navbar-top .web-logo img{
    width: auto;
    height: 40px;
}
footer .main-footer .footer-logo .theme-logo a img{
    width: auto;
    height: 40px;
}
.vendor-box .verndor-contain .vendor-image{
    width: 100%;
}
.btn-primary{
    background-color: var(--theme-color);
    color: #fff;
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.btn-primary:hover{

    background-color: var(--theme-color1);
    border-color: var(--theme-color1);

}
.btn-primary:active,.btn-primary:active:focus,.btn-primary:focus{
    background-color: var(--theme-color1);
    border-color: var(--theme-color1);
    box-shadow:none;
}
.product-box-4 .product-detail a .name{
    -webkit-line-clamp:2;
}
.left-slider .slick-list .slick-track .slick-slide img{
    filter:none;
    -webkit-filter:none;
}
.newsletter-section .newsletter-box .newsletter-contain .newsletter-detail .input-box .sub-btn{
    background-color:var(--theme-color) !important;
}