@import url("testimonial-style-2.css");

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-weight: 400;
}

input,
textarea,
select,
.fakebox {
    border: 1px solid var(--primary);
}


header .header-top {
    flex-direction: column;
    min-height: 70px;
}

.header-info::before {
    left: calc(50% - 50vw - 8px);
}

.company-logo,
body.scrolled:not(.non-sticky-header) .company-logo {
    height: 80px;
    display: block;
    margin: 10px auto 0px auto !important;
}

.company-logo a {
    display: flex;
    text-align: center;
    justify-content: center;
}

.text-logo {
    background: var(--primary);
    padding: 0 15px;
    border-radius: var(--circle-oval-radius);
    height: 100%;
    display: flex;
    align-items: center;
}


.header-icons-wrap,
.center-align-desktop-menu .header-icons-wrap {
    position: absolute;
    width: 100% !important;
    top: 0;
}

#header .search-icon,
#header .header-profile-icon,
#header .cart-icon,
#header .header-wishlist-icon {
    position: absolute;
    top: 60px;
}

#header.logo-removed .search-icon,
#header.logo-removed .header-profile-icon,
#header.logo-removed .cart-icon,
#header.logo-removed .header-wishlist-icon {
    top: 22px;
}

#header .search-icon {
    left: 0;
}

#header.drawer-menu-visible .search-icon {
    left: 40px;
}

#header .header-profile-icon,
#header.search-box-visible.drawer-menu-visible .header-profile-icon {
    left: 40px;
}

#header.drawer-menu-visible .header-profile-icon {
    left: 80px;
}

#header.search-box-visible:not(.drawer-menu-visible) .header-profile-icon {
    left: 0px;
}

#header .cart-icon {
    right: 0;
}

#header .header-wishlist-icon {
    right: 40px;
}

#header .drawer-menu-icon-wrap {
    position: absolute;
    top: 58px;
    left: 0;
}

#header.logo-removed .drawer-menu-icon-wrap {
    top: 20px;
}

#header .cart-badge {
    background-color: #e55f5f;
}

.search-box-wrap button.btn {
    background-color: transparent;
    color: var(--primary-color);
}

/*#header .header-info * {
    color: var(--menu-text-color) !important;
}

#header .header-info .flex:not(.full)>*:hover * {
    color: var(--menu-hover-text-color) !important;
}*/

.menu-btn:hover i,
.cart-btn:hover i,
.search-btn:hover i,
.header-profile:hover i,
.header-wishlist:hover i {
    color: var(--menu-hover-text-color);
}

.right-align-desktop-menu .desktop-menu-wrap {
    padding-right: 0;
    margin-right: -15px;
}

.left-align-desktop-menu .desktop-menu-wrap {
    padding-left: 0;
    margin-left: -15px;
}

.desktop-menu ul li.parent:hover>ul,
body.scrolled:not(.non-sticky-header) .desktop-menu ul li.parent ul {
    transform: translateY(-10px);
    box-shadow: 0px 0px 12px -4px #00000030;
}

.desktop-menu ul li.parent ul {
    box-shadow: 0px 0px 12px -4px #00000030;
    padding: 5px 0px;
}

.desktop-menu ul li.parent>ul li {
    text-align: left;
    border-bottom: 0;
    padding: 5px 15px;
}

.desktop-menu>ul>li>a,
body.scrolled:not(.non-sticky-header) .desktop-menu>ul>li>a {
    padding: 20px 8px;
    display: block;
}

.desktop-menu ul li.parent ul li a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    border-top: 1px solid var(--menu-hover-text);
    bottom: -2px;
    left: 0;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}

.desktop-menu ul li.parent ul li:hover a:after {
    transform: scaleX(0.5);
}

.desktop-menu ul li.parent:after {
    top: 40%;
}

.special-banner .special-banner-image .block-text {
    text-shadow: none;
    color: #fff;
}

.category-display img {
    transition: transform 0.4s ease;
}

.category-display:hover img {
    transform: scale(1.1);
}

.category-display span {
    position: absolute;
    align-items: flex-end;
    justify-content: flex-start;
    padding-bottom: 0;
    width: 90%;
    height: 90%;
    color: #fff;
}



span.span-button .btn {
    background-color: transparent;
    border: 2px solid #fff;
    transition: all 0.3s ease;
    letter-spacing: normal;
}

span.span-button .btn:hover {
    background-color: var(--primary);
    border: 2px solid var(--primary);
}

.btn:not(.fa-icon):hover {
    padding-right: 40px;
}

.btn:not(.fa-icon):hover::after {
    content: "➔";
    position: absolute;
    left: 76%;
    top: 0;
    color: inherit;
    height: calc(100% - 2px);
    display: flex;
    align-items: center;
}

.view-all-btn {
    padding-top: 20px;
    text-align: left;
    border-top: 1px solid var(--secondary);
    margin-top: 20px;
}

.view-all-btn .btn:not(.fa-icon):hover::after {
    left: 84%;
}


.banners297242342 .banner-text {
    font-size: 1.5em;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 30px;
    letter-spacing: 1.3px;
    font-weight: 400;
}

.banners297242342 .banner-text div {
    align-items: center;
    gap: 40px;
}

.special-banner .promo-image,
.special-banner .promo-image .promo-image-container,
.special-banner .special-banner-image img,
.special-banner.text-below-image .special-banner-image .block-text {
    border-radius: var(--half-border-radius);
}

.main section .section-content {
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
}

.main .section-title span {
    display: none;
}

.main .section-title {
    justify-content: center;
}

.main .section-subtitle {
    padding-top: 10px;
}

.breadcrumbs {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 10px;
}

.title-section.stripe .highlighter {
    background: none;
    background-color: var(--secondary);
    color: #fff;
}

.title-section.stripe .highlighter .section-title,
.title-section.stripe .highlighter a {
    color: #fff;
}

.product-card-shop img {
    transition: transform 0.3s ease;
}

.product-card-shop:hover img {
    transform: scale(1.5);
}

.product-card-shop {
    background: transparent;
    border-radius: var(--half-border-radius);
    box-shadow: none;
    padding: 5px;
}

.product-card-slider .slick-prev,
.product-card-slider .slick-next {
    top: unset;
    background-color: transparent;
    bottom: -93px;
    border: 1px solid var(--secondary);
    border-radius: 0;
    height: 32px;
}

.product-card-slider .slick-prev:before,
.product-card-slider .slick-next:before {
    color: var(--secondary);
}

.product-card-slider .slick-next {
    right: 5px !important;
}

.product-card-slider .slick-prev {
    left: unset !important;
    right: 60px;
}

.product-card-image>a {
    border: 1px solid #834a3f6e;
    background-color: #fff;
}

.product-card-slider .slick-slide {
    margin: 5px 7.5px;
}

@media (min-width: 1024px) {
    .columns.col-lg-4 {
        gap: 15px;
    }
}

@media (min-width: 576px) {
    .columns.col-md-3 {
        gap: 15px;
    }
}

.single-product .product-description {
    background-color: transparent;
    padding: 0;
    box-shadow: none;
    border-radius: unset;
}


.brands4673453523 .brand-image {
    border-radius: var(--half-border-radius);
    padding: 0;
    background-color: transparent;
    box-shadow: none;
    border: 1px solid #834a3f6e;
}

.brands4673453523 .brand-image img {
    border-radius: var(--half-border-radius);
}


.blog-grid .blog-grid-item {
    box-shadow: none;
    border-radius: var(--half-border-radius);
}

.blog-grid .blog-image img {
    width: 100%;
    height: auto;
    display: inline-block;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    box-shadow: none;
    border-radius: var(--half-border-radius);
}

.blog-grid .blog-content {
    text-align: left;
}



.highlight-card .icon-box {
    display: none;
}

.highlight-card.box {
    padding: 25px;
    border: 1px solid var(--primary);
    background-color: #fff;
    border-radius: var(--half-border-radius);
}

.highlight-card .content {
    text-align: center;
}

.highlight-card .h5::after {
    content: "";
    position: absolute;
    width: 60px;
    height: 1px;
    background-color: var(--secondary);
    margin: 8px auto;
    bottom: -15px;
    left: 0;
    right: 0;
    transition: all 0.3s ease;
}

.highlight-card:hover .h5::after {
    width: 100%;
}

.footer-card.links-card ul {
    list-style: none;
    padding-left: 0;
    width: 45%;
}

.full-width-layout footer .menu-contact-social .social-card,
.full-width-layout footer .contact-menu-social .social-card {
    text-align: left;
}

.full-width-layout footer .contact-menu-social .social-card .section-title,
.full-width-layout footer .menu-contact-social .social-card .section-title {
    align-items: flex-start;
    text-align: left;
}

.full-width-layout footer .contact-menu-social .social-list-inner,
.full-width-layout footer .menu-contact-social .social-list-inner {
    justify-content: flex-start;
}

footer .section-title span {
    height: 1px;
    background-color: #fff;
    margin-left: 0;
    width: 100%;
}

footer .footer-card li a.btn {
    background-color: var(--secondary) !important;
    border: 1px solid #fff;
    border-radius: var(--circle-oval-radius);
}

footer .footer-card li a.btn:hover {
    background-color: #fff !important;
    padding-right: 0 !important;
}

footer .footer-card li a.btn i {
    color: #fff;
}

footer .footer-card li a.btn:hover i {
    color: var(--secondary);
}

footer .footer-card .btn:hover::after {
    content: unset;
}

.footer-wrap {
    padding: 40px 0px 40px 0px;
    border-bottom: 0;
}

.footer-card li a:hover {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.footer-card li:hover::before {
    color: #fff;
    opacity: 0.7;
}

.newsletter-wrap .newsletter-box-wrap button {
    background-color: transparent;
    color: var(--text-color);
}

.newsletter-wrap .newsletter-box-wrap button.btn:not(.fa-icon):hover {
    padding-right: 6px;
}

.inserted-title {
    position: absolute;
    top: 20px;
}




@media (max-width: 1340px) {
    header .container {
        height: auto;
    }

    .header-icons-wrap,
    .drawer-menu-icon-wrap {
        max-width: unset;
    }

    .company-logo,
    body.scrolled:not(.non-sticky-header) .company-logo {
        margin: 10px auto 0px auto;
    }

}

@media (max-width: 1200px) {
    .desktop-menu-wrap {
        height: 0px;
    }

    #header .search-icon {
        left: 40px;
    }

    #header.search-box-visible .header-profile-icon,
    #header.search-box-visible:not(.drawer-menu-visible) .header-profile-icon {
        left: 40px;
    }

    #header:not(.search-box-visible) .header-profile-icon {
        left: 80px;
    }

    .company-logo,
    body.scrolled:not(.non-sticky-header) .company-logo {
        margin: 10px auto 10px auto;
    }

    .btn:not(.fa-icon):hover {
        padding-right: 20px;
    }

    .btn:not(.fa-icon):hover::after {
        content: unset;
    }
}

@media (max-width: 768px) {

    .text-logo {
        padding: 20px;
    }

    .company-logo,
    body.scrolled:not(.non-sticky-header) .company-logo {
        margin: 0px auto 0px auto !important;
    }

    #header .drawer-menu-icon-wrap {
        top: 28px;
    }

    #header .search-icon,
    #header .header-profile-icon,
    #header .cart-icon,
    #header .header-wishlist-icon {
        top: 30px;
    }

    .category-display {
        width: calc(50% - 7px);
        margin: 0;
    }

    .footer-card.links-card,
    .footer-card.social-card {
        width: 100%;
    }

    .footer-card.social-card .section-title {
        display: none;
    }

    .footer-card .social-list {
        justify-content: center;
    }

    .footer-card .search-box-wrap {
        text-align: center;
    }

    .footer-wrap {
        padding-bottom: 0;
    }

}

@media (max-width: 480px) {
    .btn {
        padding: 11px 15px;
        font-size: 14px;
    }

    #header .header-wishlist-icon {
        display: block;
    }

    #header .search-icon {
        left: 30px;
    }

    #header .header-profile-icon,
    #header.search-box-visible.drawer-menu-visible .header-profile-icon {
        left: 60px;
    }

    #header .header-wishlist-icon {
        right: 30px;
    }

    .banners297242342 .banner-text {
        font-size: 1.2em;
        padding-bottom: 5px;
        letter-spacing: 1.2px;
    }

    .product-card-slider .slick-prev {
        right: 45px;
    }

    .category-display span {
        padding: 0px 0 5px 5px;
    }


    .highlights-wrap {
        gap: 5px;
        flex-direction: row;
    }

    .highlight-card.box {
        padding: 15px;
    }

    .highlight-card .content .h5 {
        font-weight: 400;
    }

    .blog-grid .blog-title {
        padding-top: 5px;
    }

    .featured-blog .blog-grid {
        gap: 5px;
    }

    .inserted-title {
        position: relative;
        top: 0;
        text-align: center;
        display: block !important;
    }

    .filter-list .lh-normal.small {
        display: none;
    }

    .filter-list select {
        width: 100% !important;
    }
}