/*
* ------------------------------------------------------------------
*
* Project: Grocery - Multipurpose HTML Template
* Version: 1.0
* Created : 12/03/2025
* Template URI: http://nayrathemes.com/demo/html/grocery
* Author Name: NayraThemes
* Author URI: http://nayrathemes.com/
* Description: Business, Finance HTML Template
* Develope By: NayraThemes;
*
*
* -------------------------------------------------------------------
*
============================================
*   [Table of contents]
* ==========================================
    Theme Default Css
    01.	Common CSS
    02. Preloader
    03.	Top
    04. Above Header
    05. Cart
    06. Categories Slider
    07. Main Slider
    08. Info Service Slider
    09.	Deals-of-day Products
    10.	Banner Section
    11.	Products
    12.	Saleinfo Section
    13.	Discount Banner Section
    14.	Banner info Section
    15.	Hot Deal Section
    16.	Testimonial Section
    17.	Brand Section
    18.	Footer Section
    19.	Footer Small Menu
    20.	Home Four Banner Section
    21.	Marquee Section
    22.	Breadcrumb Section
    23.	About Section
    24.	Service Section
    25.	Team Section
    26.	About Testimonial Section
    27.	Funfact Section
    28.	Features Section
    29.	Sponsor Section
    30.	404 Section
    31.	Login Section
    32.	FAQs Section
    33.	Blog Section
    34.	Blog Single Page
    35.	Contactform Section
    36.	Client Review Section
    37.	Map Section
    38.	Subscribe Section
    39.	My Account Section 
    40.	Shop Section
    41. Cart Section
    42. Checkout Section


========================================== */

/*------ Theme Default Css
=======================================*/

/* Color Switcher */
/* @import url('../style-configurator/style-configurator.css'); */

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*===== 01. Common CSS =====*/

:root {
    --hue: 223;
    --dark-1: #fff;
    --dark-2: #f7f7f7;
    --dark-3: #111f42;
}

.dark-mode:root {
    --dark-1: #0C0C0C;
    --dark-2: #292929;
    --dark-3: #ebebeb;
}

body {
    background: var(--dark-1);
    overflow-x: hidden;
}

body.fixed,
body.docker-popup-active {
    overflow: hidden;
}

a {
    /* text-decoration: none; */
    color: var(--sp-primary);
}

/* h1, h2, h3, h4, h5, h6 {
    color: var(--sp-gray2);
} */

p {
    text-decoration: none;
    color: var(--sp-gray);
}

.st-py-default {
    padding: 50px 0;
}

.st-py-default2 {
    padding: 75px 0;
}

ins {
    text-decoration: none;
}

.text-primary {
    color: var(--sp-primary) !important;
}

.text-primary2 {
    color: var(--sp-primary2) !important;
}

.container-wrapper {
    padding: 18px 16px;
    border: 1px solid var(--sp-border-dark);
    border-radius: 1px;
}
.container-wrapper:has(.post-slider){
    padding-bottom: 10px;
}

.container-wrapper.style2 {
    border: none;
    border-radius: 0;
    padding: 25px 0px;
    border-top: 1px solid var(--sp-border-dark);
}

/** Text ellipsis **/
.ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropdown-item:active {
    background-color: transparent;
}

a.btn {
    padding: 0;
    border: none;
    width: fit-content;
    position: relative;
    display: inline-block;
    text-transform: capitalize;
    overflow: hidden;
    text-decoration: none;
    transition: 0.5s;
    font-weight: 500;
    border-radius: var(--sp-radius);
}

a.btn>span {
    padding-left: 10px;
}

a.btn>i {
    margin-left: 10px;
    line-height: 2.5;
    width: 40px;
    height: 100%;
    transition: 0.5s;
}

.btn-primary {
    background-color: var(--sp-primary2);
}

.btn-primary>i {
    background-color: var(--sp-secondary);
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
    background-color: var(--sp-secondary) !important;
}

.btn-primary:active>i,
.btn-primary:focus>i,
.btn-primary:hover>i {
    background-color: var(--sp-primary2);
}

.btn.main {
    padding: 12px 20px;
    font-weight: 600;
    color: var(--sp-secondary);
    background-color: var(--sp-primary);
}
.btn.main:focus,
.btn.main:hover {
    color: var(--sp-primary);
    background-color: var(--sp-secondary);
}

/* MIXIUP filter */
/* .product-filter-init .owl-item{
    width: 100%;
    display: none;
}    */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: scale(0.95);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
        transform: scale(1);
    }

    to {
        opacity: 0;
        transform: scale(0.95);
    }
}

/* Show and Hide Animation Classes */
.animate-show {
    animation: fadeIn 0.3s ease-out forwards;
}

.animate-hide {
    animation: fadeOut 0.3s ease-out forwards;
}

/* Hidden state to completely hide the element after animation ends */
.hidden {
    display: none !important;
}

/*===== 02. Preloader =====*/

.min-w-400 {
    min-width: 400px;
}

.preloader {
    text-align: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(199 199 199 / 15%);
    backdrop-filter: blur(10px);
}

.preloader__text {
    position: relative;
    height: 1.5em;
}

.preloader__msg {
    animation: msg 0.3s 5.7s linear forwards;
    position: absolute;
    width: 100%;
    color: var(--sp-secondary);
}

.preloader__msg--last {
    animation-direction: reverse;
    animation-delay: 6s;
    visibility: hidden;
}

.preloader__close-btn {
    border: none;
    background: none;
    margin-top: 55px;
    padding: 0;
    color: var(--sp-secondary2);
}

button.preloader__close-btn:focus,
button.preloader__close-btn:hover {
    text-decoration: none;
    outline: unset;
    color: var(--sp-secondary2);
    background: none;
}

.preloader__close-btn .outer {
    position: relative;
    margin: auto;
    width: 40px;
}

.preloader__close-btn .inner {
    width: inherit;
    text-align: center;
}

.preloader__close-btn label {
    font-size: .8em;
    line-height: 2.5em;
    text-transform: uppercase;
    color: inherit;
    transition: all .3s ease-in;
    opacity: 0;
    cursor: pointer;
}

.preloader__close-btn .inner:before,
.preloader__close-btn .inner:after {
    position: absolute;
    content: '';
    height: 1px;
    width: inherit;
    background: var(--sp-secondary2);
    left: 0;
    transition: all .3s ease-in;
}

.preloader__close-btn .inner:before {
    top: 50%;
    transform: rotate(45deg);
}

.preloader__close-btn .inner:after {
    bottom: 50%;
    transform: rotate(-45deg);
}

.preloader__close-btn .outer:hover label {
    opacity: 1;
}

.preloader__close-btn .outer:hover .inner:before,
.preloader__close-btn .outer:hover .inner:after {
    transform: rotate(0);
}

.preloader__close-btn .outer:hover .inner:before {
    top: 0;
}

.preloader__close-btn .outer:hover .inner:after {
    bottom: 0;
}

/* preloader cart icone  */
.preloader .cart {
    display: block;
    margin: 0 auto 1.5em auto;
    width: 8em;
    height: 8em;
}

.cart__lines,
.cart__top,
.cart__wheel1,
.cart__wheel2,
.cart__wheel-stroke {
    animation: cartLines 2s ease-in-out infinite;
}

.cart__lines {
    stroke: var(--sp-primary2);
}

.cart__top {
    animation-name: cartTop;
}

.cart__wheel1 {
    animation-name: cartWheel1;
    transform: rotate(-0.25turn);
    transform-origin: 43px 111px;
}

.cart__wheel2 {
    animation-name: cartWheel2;
    transform: rotate(0.25turn);
    transform-origin: 102px 111px;
}

.cart__wheel-stroke {
    animation-name: cartWheelStroke
}

.cart__track {
    stroke: hsla(var(--hue), 10%, 10%, 0.1);
    transition: stroke 0.3s;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
    :root {
        --dark-2: hsl(var(--hue), 10%, 10%);
        --fg: hsl(var(--hue), 10%, 90%);
    }

    .cart__track {
        stroke: hsla(var(--hue), 10%, 90%, 0.1);
    }
}

/* Animations */
@keyframes msg {
    from {
        opacity: 1;
        visibility: visible;
    }

    99.9% {
        opacity: 0;
        visibility: visible;
    }

    to {
        opacity: 0;
        visibility: hidden;
    }
}

@keyframes cartLines {

    from,
    to {
        opacity: 0;
    }

    8%,
    92% {
        opacity: 1;
    }
}

@keyframes cartTop {
    from {
        stroke-dashoffset: -338;
    }

    50% {
        stroke-dashoffset: 0;
    }

    to {
        stroke-dashoffset: 338;
    }
}

@keyframes cartWheel1 {
    from {
        transform: rotate(-0.25turn);
    }

    to {
        transform: rotate(2.75turn);
    }
}

@keyframes cartWheel2 {
    from {
        transform: rotate(0.25turn);
    }

    to {
        transform: rotate(3.25turn);
    }
}

@keyframes cartWheelStroke {

    from,
    to {
        stroke-dashoffset: 81.68;
    }

    50% {
        stroke-dashoffset: 40.84;
    }
}


/*===== 03. Top =====*/

.top_bar {
    padding: 20px 0 30px;
}

.top_bar .top_bar_text {
    margin-bottom: 10px;
}

.top_bar .top_bar_text .amount {
    color: var(--sp-secondary2);
}

.progress-bar {
    position: relative;
    display: block;
    margin-bottom: 30px;
    width: 100%;
    height: 8px;
    z-index: 0;
    padding: 10px 0;
    overflow: unset;
    background-color: transparent;
}

.progress-bar:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto 0;
    width: 100%;
    height: 8px;
    border-radius: 10px;
    border: 1px solid var(--sp-border-dark);
    background: #f1f1f1;
    opacity: 0.3;
    z-index: -1;
    -webkit-transition: 0.4s linear;
    transition: 0.4s linear;
    -webkit-transition-property: width, background-color;
    transition-property: width, background-color;
}

.progress-fill {
    position: absolute;
    width: 0;
    bottom: 0;
    top: 0;
    left: 0;
}

.progress-fill:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto 0;
    width: 100%;
    height: 8px;
    border-radius: 10px;
    background: var(--sp-secondary2);
    z-index: 0;
}

.top_bar .progress-bar {
    width: 100%;
    margin: auto;
}

.top_bar .progress-bar:after {
    height: auto;
}

.top_bar .progress-fill:before {
    height: auto;
}

.top_bar .count-bar {
    position: absolute;
    top: 0px;
    left: 10px;
    z-index: 1;
    color: var(--sp-white);
    font-size: 14px;
    font-weight: 600;
}

.top_bar .count-bar::after {
    content: " %";
    /* Adds a space and percentage sign */
}

.top_bar .progressIcon {
    width: 40px;
    height: 40px;
    background: var(--sp-primary);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: bold;
    color: var(--sp-secondary);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    z-index: 1;
    margin-left: -12px;
}

/*===== // =====*/

/*===== 04. Above Header =====*/

.header-above-info {
    background-color: var(--sp-primary2);
    padding: 5px 0px;
    width: 100%;
}

.grocery_info_widget .widget-title,
.header-above-info .widget-title {
    display: none;
}

.widget.grocery_info_widget ul {
    padding: 0;
    margin: 0;
}

.widget.grocery_info_widget li {
    display: inline-block;
    margin-right: 5px;
}

.widget.grocery_info_widget li>a.tool-bottom-left {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 3px;
    border-radius: 25px;
    font-size: 14px;
    color: var(--sp-primary);
    text-align: left;
    line-height: 1;
    background-color: var(--sp-secondary);
	text-decoration: none;
}

.header.header-three .widget.grocery_info_widget li>a.tool-bottom-left>i {
    font-size: 24px;
    background-color: transparent;
}

.widget.grocery_info_widget li>a.tool-bottom-left>i {
    padding: 7px 8px;
    border-radius: 100px;
    color: var(--sp-white);
    background-color: var(--sp-secondary2);
}

.widget.grocery_info_widget li>a.tool-bottom-left span {
    font-weight: 600;
    padding-right: 10px;
}

.header-above-info .widget-left,
.header-above-info .widget-right {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-above-info .widget-right aside:not(:last-child),
.header-above-info .widget-left aside:not(:last-child) {
    position: relative;
    margin-right: 20px;
}

.header-above-info .widget-right aside:not(:last-child)::after,
.header-above-info .widget-left aside:not(:last-child)::after {
    position: absolute;
    right: -20px;
    margin: 0 10px;
    content: "";
    width: 1px;
    height: 15px;
    background: #ffffff;
    top: 50%;
    transform: translateY(-50%);
    opacity: 50%;
}

#above-header .widget_nav_menu a:not(#menu-language li > a), #above-header .widget_none a, #above-header .widget p, #above-header .widget > span, #above-header .widget > div  {
    color: #ffffff;
}

#above-header .widget p {
	margin-bottom: 0;
}

#above-header .widget .menu-language-container .menu li {
    padding-top: 0;
    line-height: 3;
    padding-bottom: 0;
    width: 100%;
}

#above-header .widget .menu-language-container .menu li .sub-menu {
    width: 200px;
    top: 72px;
}

#above-header .widget .menu-language-container .menu li>a {
    width: 100%;
    /* font-size: 18px; */
}

.woo-multi-currency.wmc-shortcode .wmc-currency {
    background: none;
}

#above-header select,
#above-header .widget-contact i,
#above-header .widget-contact p {
    color: #ffffff;
    min-height: unset;
    padding: 5px 8px 5px 0px;
}

#above-header select option {
    color: var(--sp-black);
}

select {
    border-radius: 0;
    display: block;
    /* font-size: 92%; */
    font-weight: 500;
    padding: 0.375rem 0.75rem;
    min-height: 50px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
    width: 100%;
    box-shadow: none;
    overflow: auto !important;
    border: none;
    background-color: initial;
}

.header-above-info .newstextwidget {
    width: 320px;
}

.newsflash.owl-carousel .owl-nav button.owl-prev,
.newsflash.owl-carousel .owl-nav button.owl-next {
    width: 21px;
    height: 21px;
    line-height: 2.2;
    font-size: 10px;
    background: var(--sp-white);
}

.newsflash .textslide-item {
    font-weight: 500;
}

.newsflash .textslide-item .icon-holder {
    color: var(--sp-secondary);
}

.daytextwidget .daytext-content {
    position: relative;
    padding: 4px 15px;
    margin-right: 20px;
    border-radius: 20px;
    background: var(--sp-secondary2);
}

.daytextwidget .daytext-content::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -10px;
    transform: translateY(-50%);
    width: 12px;
    height: 15px;
    background: var(--sp-secondary2);
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
}

.header .right-widget {
    display: flex;
    align-items: center;
    justify-content: center;
	min-width: 200px;
    padding: 6px 15px;
    position: relative;
    color: var(--sp-white);
    background-color: var(--sp-secondary2);
}

.header.header-two .right-widget {
    background-color: var(--sp-primary);
    border-radius: var(--sp-radius);
    max-width: 215px;
    padding: 4px 5px;
    margin-left: auto;
}

.header.header-three .right-widget {
    border-radius: 0 4px 4px 0;
}

.header.header-three .right-widget {
    border-radius: 0 4px 4px 0;
}

.header.header-three .sticky-nav.sticky-menu .right-widget {
    border-radius: 0;
}

.header.header-two .right-widget::before {
    position: absolute;
    left: -40px;
    margin: 0 15px;
    content: "";
    width: 1px;
    height: 155%;
    background: #e9e9e980;
    top: 50%;
    transform: translateY(-50%);
    opacity: 50%;
}

.header.header-four .right-widget {
    padding: 0;
    padding-left: 30px;
    background-color: transparent;
}

.header.header-four .widget-contact .contact-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--sp-secondary2);
}

.header.header-four .widget-contact .contact-area .contact-info>p {
    color: var(--sp-gray);
}

.header.header-two .right-widget .widget-contact .contact-area .contact-info>a,
.header.header-four .widget-contact .contact-area .contact-info>a {
    color: var(--sp-secondary);
}

.header.header-three .right-widget .widget-contact .contact-area>a {
    color: var(--sp-white);
}

.header-one .right-widget::before,
.header-three .right-widget::before {
    content: '';
    position: absolute;
    top: 0;
    left: -24px;
    width: 25px;
    height: 20px;
    background-color: var(--sp-secondary2);
    clip-path: polygon(0 0, 100% 100%, 100% 0);
}

.header-two .daytextwidget .daytext-content,
.header-three .daytextwidget .daytext-content,
.header-four .daytextwidget .daytext-content {
    background: transparent;
    padding: 0;
}

.header-three .daytextwidget .daytext-content {
    margin-right: 4px;
}

.header-two .daytextwidget .daytext-content::after,
.header-three .daytextwidget .daytext-content::after,
.header-four .daytextwidget .daytext-content::after {
    content: unset;
}

.header-two .header-above-info .newstextwidget,
.header-four .header-above-info .newstextwidget {
    width: 365px;
}

.header-three .header-above-info .newstextwidget {
    width: 420px;
}

.header-two .newsflash .textslide-item .icon-holder,
.header-three .newsflash .textslide-item .icon-holder,
.header-four .newsflash .textslide-item .icon-holder {
    font-size: 14px;
    font-weight: 400;
    border-bottom: 1px solid;
}

.header-two .header-above-info,
.header-two .header-search-form form>button.header-search-button {
    background-color: var(--sp-primary);
}

.header>.nav-area {
    background-color: #f9f9f9;
}

.header.header-one>.nav-area,
.header.header-four>.nav-area {
    border-top: 1px solid var(--sp-border-dark);
    border-bottom: 1px solid var(--sp-border-dark);
}

.header.header-two .main-navigation-area {
    overflow: hidden;
    border-top: 1px solid #e9e9e957;
    border-bottom: 1px solid #e9e9e957;
}

.header.header-two>.nav-area,
.header.header-two .main-navigation-area {
    background-color: var(--sp-primary2);
}

.header .main-menu-right .menu-right-list li>button, .header .main-menu-right .menu-right-list li>a {
    color: var(--sp-primary);
}

.header.header-two .main-menu-right .menu-right-list li>button,.header.header-two .main-menu-right .menu-right-list li>a,
.header.header-two .menubar .menu-wrap li>a {
    color: var(--sp-white);
}

.header.header-two .menubar .dropdown-menu li>a {
    color: var(--sp-gray);
}

.header.header-two .menubar .dropdown-menu li:hover>a {
    color: var(--sp-primary2);
}

.header.header-two .user-wrapper .header-user {
    color: var(--sp-primary);
    background-color: var(--sp-white);
}

.header.header-two .sticky-menu {
    background: var(--sp-primary2);
}

.header.header-two .product-category-browse .product-category-btn,
.header.header-three .product-category-browse .product-category-btn {
    background-color: var(--sp-secondary2);
}

.header.header-three>.nav-area {
    background-color: unset;
}

.header.header-three .nav-area .navigation-content {
    background-color: #f9f9f9;
    border: 1px solid var(--sp-border-dark);
    border-radius: var(--sp-radius);
    align-items: center;
}

.header.header-three .nav-area .sticky-menu .navigation-content {
    border: none;
    border-radius: none;
}

/*===== // =====*/

/*===== 05. Cart =====*/

.cart-wrapper {
    position: relative;
}

.menu-right-list li.cart-wrapper:hover .shopping-cart,
.menu-right-list li.cart-wrapper:focus-within .shopping-cart {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.shopping-cart {
    text-align: left;
}

.shopping-cart {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 999;
    width: 320px;
    line-height: 50px;
    padding: 20px;
    color: var(--sp-primary);
    background: var(--dark-2);
    border-radius: 0 3px 3px;
    border: 0;
    border-top: 3px solid var(--sp-primary);
    opacity: 0;
    visibility: hidden;
    -webkit-box-shadow: 0 15px 30px -5px rgb(0 0 0 / 7%);
    box-shadow: 0 15px 30px -5px rgb(0 0 0 / 7%);
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
}

.shopping-cart .cart-header>i {
    font-size: 20px;
}

.shopping-cart .cart-header {
    display: flex;
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: 15px;
    color: var(--sp-primary);
    line-height: 1;
    justify-content: space-between;
}

.shopping-cart .main-button {
    text-decoration: none;
    border: none;
    width: 100%;
    color: var(--sp-white);
    font-weight: 500;
    display: block;
    font-size: 16px;
    background: var(--sp-secondary);
    border: 1px solid rgba(255 255 255 / 20%);
    padding: 8px;
}

.shopping-cart .cart-header .cart-total {
    color: var(--sp-primary);
    font-size: 16px;
}

.shopping-cart .cart-header .cart-total .woocommerce-Price-amount {
    color: var(--sp-primary2);
}

div.shopping-cart ul.cart-items {
    padding: 0;
    margin: 0;
    padding-top: 10px;
    list-style: none;
    max-height: 188px;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: none;
    box-sizing: unset;
    border-bottom: 1px solid var(--sp-border-dark);
    margin-bottom: 8px;
}

div.shopping-cart ul.cart-items li {
    display: inline-block;
    width: 100%;
    margin: 0 10px 10px 0;
    padding: 0;
    font-size: 15px;
    position: relative;
    border-bottom: 1px solid;
    padding-bottom: 8px;
}

div.shopping-cart ul.cart-items li:last-child {
    border: none;
}

div.shopping-cart ul.cart-items li a {
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    color: var(--sp-secondary);
    transition: 1s;
    display: block;
}

div.shopping-cart ul.cart-items li a:hover,
div.shopping-cart ul.cart-items li a:focus-within {
    color: var(--sp-primary);
    text-decoration: dotted underline;
}

div.shopping-cart ul a.remove {
    float: right;
    margin-top: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 100%;
    color: var(--sp-secondary2) !important;
    /* background-color: var(--dark-bg-2); */
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
    border: 1px solid rgba(255 255 255 / 20%);
    text-decoration: none;
}

.shopping-cart .cart-items .item-img {
    float: left;
    margin-right: 12px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    text-align: center;
    line-height: 4.1;
    border-width: 1px;
    border-style: solid;
    border-color: var(--sp-primary);
}

.shopping-cart .cart-items .item-img img {
    width: 90%;
    border-radius: 50%;
    display: inline-block;
    float: none;
    margin: auto;
}

.shopping-cart .cart-items .item-name {
    font-size: 14px;
    font-weight: 600;
    display: block;
    padding-top: 15px;
    line-height: 1;
    text-align: left;
    color: var(--sp-gray);
}

.shopping-cart .cart-items .item-name:hover,
.shopping-cart .cart-items .item-name:focus-within {
    color: var(--sp-primary);
}

.shopping-cart .cart-badge {
    color: var(--sp-white);
    font-size: 10px;
    margin: 0;
    width: 16px;
    height: 16px;
    line-height: 1.6;
    text-align: center;
    vertical-align: super;
    border-radius: 100px;
    display: inline-block;
    background-color: var(--sp-secondary2);
    margin-left: -10px;
}

.shopping-cart .cart-items .quantity {
    font-size: 12px;
    font-weight: 400;
    color: var(--sp-secondary2);
    line-height: 3;
    float: left;
}

.shopping-cart .cart-items .quantity span bdi {
    color: var(--sp-gray);
    font-weight: 400;
}

.shopping-cart .cart-items .amount {
    font-size: 12px;
    font-weight: 600;
    margin-right: 0;
    color: #222;
}

/*===== // =====*/

/*===== 05. Category & Cart Docker =====*/

.docker-widget-popup .docker-widget-close {
    /* margin-left: 35px; */
    position: relative;
}

.docker-widget-popup {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    z-index: 9999999;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    background-color: rgb(0 0 0 / 0.5);
    -webkit-transition: all .4s ease-in .8s;
    transition: all .4s ease-in .8s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.docker-widget-popup.docker-left.popup-visible {
    left: 0;
    z-index: 9999999;
}

.docker-widget-popup.docker-right.popup-visible {
    right: 0;
    z-index: 9999;
}

.docker-popup-active .docker-widget-popup.popup-visible {
    opacity: 1;
    visibility: visible;
    backdrop-filter: blur(1px);
    -webkit-transition: all .8s ease-in .0s;
    transition: all .8s ease-in .0s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.docker-overlay-layer {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    backface-visibility: hidden;
    background: rgb(255 255 255 / 75%);
    backdrop-filter: blur(20px);
    opacity: 0.8;
    -webkit-transition: all .4s ease-in .8s;
    transition: all .4s ease-in .8s;
}

.docker-widget-popup.docker-left .docker-overlay-layer {
    right: 100%;
}

.docker-widget-popup.docker-right .docker-overlay-layer {
    left: 100%;
}

.docker-popup-active .docker-widget-popup.docker-left.popup-visible .docker-overlay-layer {
    right: 0%;
    opacity: 0.8;
    visibility: visible;
    -webkit-transition: all .8s ease-out 0s;
    transition: all .8s ease-out 0s;
}

.docker-popup-active .docker-widget-popup.docker-right.popup-visible .docker-overlay-layer {
    left: 0%;
    opacity: 0.8;
    visibility: visible;
    -webkit-transition: all .8s ease-out 0s;
    transition: all .8s ease-out 0s;
}

.docker-widget-popup .docker-div {
    max-width: 420px;
    height: 100%;
    position: relative;
    padding-bottom: 32px;
    background-color: var(--dark-2);
    z-index: 1;
    -webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
    transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
}

.docker-widget-popup.docker-left .docker-div {
    -webkit-transform: translate3d(-520px, 0, 0);
    transform: translate3d(-520px, 0, 0);
    margin-right: auto;
}

.docker-widget-popup.docker-right .docker-div {
    max-width: 370px;
    -webkit-transform: translate3d(520px, 0, 0);
    transform: translate3d(520px, 0, 0);
    margin-left: auto;
}

.docker-popup-active .docker-widget-popup.docker-left .docker-div,
.docker-popup-active .docker-widget-popup.docker-right .docker-div {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
    transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
}

.docker-anim {
    width: 100%;
    height: 100%;
    position: relative;
    top: 150px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in .3s;
    -o-transition: all .3s ease-in .3s;
    transition: all .3s ease-in .3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    text-align: left;
}

.docker-popup-active .docker-anim {
    top: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 1s ease-out 1.2s;
    transition: all 1s ease-out 1.2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.close-style {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--sp-white);
    margin-right: 12px;
    border: none;
}

.close-style:hover {
    background: var(--sp-secondary2);
}

.close-style:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.close-style:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.close-style:before,
.close-style:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 30px;
    height: 3px;
    background: var(--sp-primary2);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
}

.close-style:hover:before,
.close-style:hover:after,
.close-style:focus:before,
.close-style:focus:after {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}


.docker-top {
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--sp-primary2);
}

.docker-widget-popup .header-search-form {
    width: 100%;
}

.docker-widget-popup .header-search-form form>button.header-search-button {
    background-color: var(--sp-secondary2);
}

.head_contianer {
    flex: 1;
    position: relative;
}


/* Docker Cart  */
.docker-cart .shopping-cart {
    position: unset;
    opacity: 1;
    visibility: visible;
    width: 100%;
    border-top: 1px solid var(--sp-border-dark);
}

.cart-container .cart-header .cart-top {
    display: flex;
    text-align: center;
    justify-content: space-between;
    gap: 30px;
    padding: 15px;
    border-bottom: 1px solid var(--sp-border-dark);
}

.cart-container .cart-header .cart-top .cart-text {
    font-weight: 600;
    margin-right: auto;
}

.cart-container .cart-header .cart-top .cart-icon {
    position: relative;
}

.cart-container .cart-header .cart-top .cart-icon>i {
    font-size: 24px;
    margin-right: 10px;
    color: var(--sp-primary2);
}

.cart-container .cart-header .cart-top .cart-icon>span {
    position: absolute;
    top: -6px;
    right: -2px;
    font-size: 10px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    color: var(--sp-white);
    background-color: var(--sp-secondary2);
    text-align: center;
    line-height: 18px;
}

.cart-container .cart-header .cart-top .cart-close {
    color: var(--sp-black);
}
.cart-container .cart-header .cart-top .cart-close:hover,
.cart-container .cart-header .cart-top .cart-close:focus {
    color: var(--sp-secondary2);
}

.cart-container .cart-header .cart-top .cart-close>i {
    color: var(--sp-white);
    background-color: var(--sp-primary);
    border-radius: 50%;
    padding: 4px 6px;
    line-height: 1.1;
    transition: var(--sp-transition);
}
.cart-container .cart-header .cart-top .cart-close:hover>i,
.cart-container .cart-header .cart-top .cart-close:focus>i {
    background-color: var(--sp-secondary2);
    transition: var(--sp-transition);
    transform: rotate(360deg);
}

.cart-container .cart-body {
    padding: 15px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--sp-border-dark);
}

.cart-container .cart-body .cart-product {
    display: flex;
    padding: 15px;
    gap: 10px;
    border-bottom: 1px solid var(--sp-border-dark);
}

.cart-container .cart-body .cart-product:last-child {
    border-bottom: none;
}

.cart-container .cart-body .cart-product .cart-img-col {
    display: flex;
    gap: 10px;
    padding-bottom: 10px;
}

.cart-container .cart-body .cart-product .cart-img-col img {
    max-width: 75px;
    height: 75px;
    object-fit: contain;
    border: 1px solid var(--sp-border-dark);
}

.cart-container .cart-body a {
    font-size: 18px;
    font-weight: 600;
    -webkit-line-clamp: 1;
    color: var(--sp-gray);
}
.cart-container .cart-body a:focus,
.cart-container .cart-body a:hover {
    color: var(--sp-primary2);
}

.cart-container .cart-qty-price {
    font-size: 22px;
    color: var(--sp-gray);
    font-weight: 600;
    margin-bottom: 5px;
}

.cart-container .rating {
    font-size: 12px;
    margin-bottom: 4px;
    margin-top: 4px;
}

.cart-container .rating>i {
    margin-right: 3px;
}

.cart-container .cart-qty-price del {
    font-size: 15px;
    font-weight: 600;
    color: grey;
}

.cart-container .cart-action {
    display: flex;
    align-items: center;
    gap: 20px;
}

.cart-container .cart-action .quantity input {
    padding: 4px 0px 4px 10px;
    border: 1px solid var(--sp-border-dark);
    border-radius: var(--sp-radius);
    width: 50px;
}

.cart-container .cart-action a.remove {
    color: var(--sp-secondary2);
    font-size: 16px;
    font-weight: 400;
}


.cart-container .cart-footer {
    padding: 2px 15px;
}

.cart-container .cart-footer .cart-ft-totals {
    margin-bottom: 15px;
    border-radius: var(--sp-radius);
    border: 2px solid var(--sp-primary2);
    padding: 10px;
}

.cart-container .cart-footer .cart-ft-coupon .coupon-container a {
    color: var(--sp-secondary);
    border-bottom: 1px solid;
}

.cart-container .cart-footer .cart-ft-coupon .coupon-input-container {
    display: flex;
    border: 1px solid var(--sp-border-dark);
    border-radius: 30px;
    padding: 4px;
    overflow: hidden;
    align-items: center;
    background: #f0f0f0;
}

.cart-container .cart-footer .cart-ft-coupon .coupon-input {
    border: none;
    padding: 10px;
    outline: none;
    flex: 1;
    background-color: transparent;
    font-weight: 300;
}

.cart-container .cart-footer .cart-ft-coupon input.coupon-input::placeholder {
    color: var(--sp-black);
}

.cart-container .cart-footer .cart-ft-coupon .apply-btn {
    background-color: var(--sp-primary2);
    color: var(--sp-white);
    border: none;
    padding: 10px 25px;
    cursor: pointer;
    border-radius: 30px;
    font-weight: 600;
}

.cart-container .cart-footer .cart-ft-amt.cart-ft-amt-subtotal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--sp-black);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 6px 0;
    border-bottom: 1px solid var(--sp-border-dark);
}

.cart-container .cart-footer .cart-ft-amt.cart-ft-amt-subtotal:last-child {
    border: none;
}

.cart-container .cart-footer .cart-ft-buttons-cont {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

/* Category Cart  */
.docker-category {
    display: flex;
    max-height: 100vh;
}

.docker-category .woocommerce-mini-cart__empty-message {
	line-height: 1;
	margin: 0;
}

.docker-cart .cart-container,
.docker-category .docker-right-list {
    max-height: 100vh;
    overflow-y: scroll;
    margin-bottom: 100px;
}

.grocery_wcpemi-bank::-webkit-scrollbar,
.grocery_wcpemi-plan::-webkit-scrollbar,
.cart-container::-webkit-scrollbar,
.docker-right-list::-webkit-scrollbar {
    width: 2px;
}

.grocery_wcpemi-bank::-webkit-scrollbar-thumb,
.grocery_wcpemi-plan::-webkit-scrollbar-thumb,
.cart-container::-webkit-scrollbar-thumb,
.docker-right-list::-webkit-scrollbar-thumb {
    background-color: var(--sp-secondary2);
}

.docker-category::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari ke liye */
}

.docker-category ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.docker-category .docker-left-list {
    height: 100vh;
    background-color: var(--sp-primary2);
}

.docker-category .docker-left-list>ul>li {
    padding: 10px 15px 5px;
    border-bottom: 1px solid var(--sp-white);
}

.docker-category .docker-left-list>ul>li:last-child {
    border-bottom: none;
}

.docker-category li .like-icon-wrap,
.docker-category li .cart-icon-wrap {
    position: relative;
    border: none;
    background: transparent;
    display: inline-block;
    color: var(--sp-white);
    font-size: 25px;
    width: 45px;
    height: 45px;
    transition: 1s;
    padding: 0;
}

.docker-category li>button span, .docker-category .docker-left-list li.like-wrapper>a span {
    position: absolute;
    top: 2px;
    right: -4px;
    bottom: 30px;
    width: 22px;
    height: 22px;
    margin: auto 0;
    line-height: 22px;
    display: inline-block;
    font-size: 12px;
    color: var(--sp-white);
    border-radius: 50%;
    text-align: center;
    background: var(--sp-secondary2);
}

.docker-category li.cart-wrapper:hover .shopping-cart,
.docker-category li.cart-wrapper:focus-within .shopping-cart {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.docker-category .shopping-cart {
    left: 0;
}

.docker-category .social-wrapper .widget_social_widget {
    margin-top: 10px;
}

.docker-category .social-wrapper .widget_social_widget ul li {
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.docker-category .social-wrapper .widget_social_widget ul li .social-a {
    border-radius: 5px;
    margin-right: unset;
    color: var(--sp-primary2);
    background-color: var(--dark-1);
}
.docker-category .social-wrapper .widget_social_widget ul li .social-a:focus,
.docker-category .social-wrapper .widget_social_widget ul li .social-a:hover {
    color: var(--sp-white);
    background: var(--sp-primary);
}

.product-category-menus-list .main-menu>li {
    position: relative;
    padding: 6px 20px;
}

.product-category-menus-list .main-menu>li>a {
    width: 100%;
    display: inline-flex;
    align-items: center;
    padding: 5px;
    background-color: #f0f0f0;
    border: 1px solid var(--sp-border-dark);
    border-radius: 25px;
    color: var(--sp-gray);
    line-height: 1;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.product-category-menus-list .main-menu>li>a:focus,
.product-category-menus-list .main-menu>li>a:hover,
.product-category-menus-list .main-menu>li.active>a {
   color: var(--sp-primary2);
   background-color: color-mix(in oklab, var(--sp-primary2) 25%, transparent 50%);
}

.product-category-menus-list .main-menu>li>a:focus i,
.product-category-menus-list .main-menu>li>a:hover i,
.product-category-menus-list .main-menu>li.active>a i {
    background-color: var(--sp-white);
}

.product-category-menus-list .main-menu>li.menu-item-has-children>a:hover::after,
.product-category-menus-list .main-menu>li.menu-item-has-children>a:focus::after,
.product-category-menus-list .main-menu>li.menu-item-has-children.active>a::after {
    content: "\2b";
    color: var(--sp-white);
    background-color: var(--sp-primary2);
}

.product-category-menus-list .main-menu>li.menu-item-has-children>a:hover::after,
.product-category-menus-list .main-menu>li.menu-item-has-children>a:focus:after,
.product-category-menus-list .main-menu>li>a:focus i,
.product-category-menus-list .main-menu>li>a:hover i  {
    transition: background-color 0.3s ease, color 0.3s ease;
}

.product-category-menus-list .main-menu>li.menu-item-has-children>a::after,
.product-category-menus-list .more-item button::after {
    content: "\f107";
    font-family: FontAwesome;
    text-align: center;
    line-height: 25px;
    font-size: 110%;
    width: 25px;
    height: 25px;
    margin-left: auto;
    border-radius: 50%;
    border: 1px solid var(--sp-border-dark);
}

.product-category-menus-list.active .main-menu>li a i,
.product-category-menus-list.active .main-menu>li a img {
    border: 1px solid var(--sp-border-dark);
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    margin-right: 10px;
    justify-content: center;
    color: var(--sp-primary2);
}

.product-category-menus-list .menu-item .dropdown-menu {
    position: static;
    top: 0;
    left: 90%;
    visibility: hidden;
    opacity: 0;
    display: unset;
    border: none;
    background: inherit;
    transition: max-height 0.5s ease-in-out, opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
    overflow: hidden;
    z-index: 999;
    animation: open 0.5s ease-in-out;
}

.product-category-menus-list .main-menu .dropdown-menu {
    width: 100%;
    padding-top: 10px;
}

.product-category-menus-list .menu-item.active>.dropdown-menu {
    left: 100%;
    display: list-item;
    visibility: visible;
    opacity: 1;
}

.product-category-menus-list .menu-item.menu-item-has-children .dropdown-menu .menu-item {
    padding: 5px 0;
}

.product-category-menus-list .main-menu>li .dropdown-menu>.menu-item>a {
    position: relative;
    width: 100%;
    display: inline-flex;
    align-items: center;
    padding: 12px 20px;
    background-color: #f0f0f0;
    border: 1px solid var(--sp-border-dark);
    border-radius: 25px;
    color: var(--sp-gray);
    line-height: 1;
    transition: background-color 0.3s ease, color 0.3s ease, padding-left 0.3s ease;
}

.product-category-menus-list .main-menu>li .dropdown-menu>.menu-item>a:focus,
.product-category-menus-list .main-menu>li .dropdown-menu>.menu-item>a:hover {
    color: var(--sp-primary2);
    padding-left: 25px;
    background-color: color-mix(in oklab, var(--sp-primary2) 25%, transparent 50%);
}

.product-category-menus-list .main-menu>li .dropdown-menu>.menu-item>a::before {
    content: '';
    margin-right: 10px;
    width: 6px;
    height: 6px;
    background: var(--sp-primary2);
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%) scale(1);
    opacity: 0;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
}
.product-category-menus-list .main-menu>li .dropdown-menu>.menu-item>a:focus::before,
.product-category-menus-list .main-menu>li .dropdown-menu>.menu-item>a:hover::before {
    transform: translateY(-50%) scale(1);
    opacity: 1;
}

.product-category-menus-list .more-item button {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    line-height: 45px;
    border-radius: 25px;
    background: none;
    border: none;
    padding: 0 18px;
    padding-right: 5px;
    font-weight: 500;
    color: #fff;
    background-color: var(--sp-secondary2);
    font-size: 93%;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.product-category-menus-list .more-item button::after {
    content: "\f067";
    padding-top: 1px;
    color: var(--sp-secondary2);
    background-color: var(--sp-white);
}

.product-category-menus-list .more-item button.browse-more.active::after {
    content: "\f068";
}

/*===== // =====*/



/*===== 06. Categories Slider =====*/

.categories-section {
    padding: 20px 0;
    position: relative;
}

.categories-section:not(:has(.owl-item)) {
	display: none;
}

.categories-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    color: var(--sp-gray2);
}

.categories-item .title a{
    color: var(--sp-gray2);
}

.categories-item .title a:hover,
.categories-item .title a:focus{
    color: var(--sp-primary2);
}

.categories-item .categories-img {
    width: 85px;
    height: 85px;
    overflow: hidden;
    border: 1px solid var(--sp-border-dark);
    border-radius: 100%;
}
.owl-carousel .owl-item .categories-img img {
	height: 100%;
	object-fit: contain;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    width: 35px;
    height: 35px;
    line-height: 2.4;
    font-size: 93%;
    border-radius: 50%;
    color: var(--sp-primary);
    box-shadow: var(--sp-shadow);
    background: transparent;
}

.owl-carousel .owl-nav button.owl-prev {
    left: 0px;
}

.owl-carousel .owl-nav button.owl-next {
    right: 0px;
}

.breadcrumb-categories-slider.owl-carousel .owl-nav button.owl-prev,
.breadcrumb-categories-slider.owl-carousel .owl-nav button.owl-next,
.categories-slider.owl-carousel .owl-nav button.owl-prev,
.categories-slider.owl-carousel .owl-nav button.owl-next {
    color: var(--sp-white);
    background: var(--sp-primary);
}

.main-slider-home-two .owl-carousel .owl-nav button.owl-prev,
.main-slider-home-two .owl-carousel .owl-nav button.owl-next {
    top: unset;
    bottom: -3px;
    left: 70px;
}

.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover,
.breadcrumb-categories-slider.owl-carousel .owl-nav button.owl-prev:hover,
.breadcrumb-categories-slider.owl-carousel .owl-nav button.owl-next:hover .categories-slider.owl-carousel .owl-nav button.owl-prev:hover,
.categories-slider.owl-carousel .owl-nav button.owl-next:hover {
    color: var(--sp-white);
    background: var(--sp-primary2);
}

.main-slider-home-two .theme-table .slider-content {
    padding: 0 25px;
}

.main-slider-home-two .theme-slider div.theme-content {
    margin-bottom: 0;
}

.main-slider-home-two .theme-content h1 {
    font-size: 60px;
    margin-bottom: 10px;
}

.main-slider-home-two .owl-carousel.main-slider .owl-stage-outer {
    border-radius: var(--sp-radius);
}

/*===== // =====*/

/*===== 07. Main Slider =====*/

.slider-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 0;
    color: var(--sp-primary);
    z-index: 0;
}

.main-slider-home-two .banner-item,
.banner-home-three .banner-item,
.banner-home-four .banner-item {
    border-radius: var(--sp-radius);
}

.main-slider {
    position: relative;
}

.main-slider,
.main-slider .owl-item img {
    width: 100%;
    height: 100%;
}

.theme-slider {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: rgba(0, 0, 0, 0.1);
}

.theme-table {
    overflow: hidden;
    display: table;
    width: 100%;
    height: 100%;
}

.theme-table-cell {
    display: table-cell;
    vertical-align: middle;
}

.theme-table .slider-content {
    padding: 0 100px;
}

.theme-slider div.theme-content {
    position: relative;
    max-width: 635px;
    width: 100%;
    margin-bottom: 60px;
    float: left;
}

.theme-slider .theme-content .sub-title {
    width: fit-content;
    margin-bottom: 25px;
}

.theme-content h1 {
    font-size: 70px;
    margin-bottom: 40px;
    font-weight: 800;
    color: var(--sp-secondary);
}

.theme-content h1 span:first-child {
    color: var(--sp-primary2);
}

.theme-content h1 span:last-child {
    color: var(--sp-secondary2);
}

.slider-content a.main-button.btn>i {
    line-height: 3;
}

.theme-content-offer {
    position: absolute;
    top: 50px;
    left: 65%;
    transform: translateX(-50%);
    transition: all 0.3s ease-in-out;
}

.offer-badge {
    width: 150px;
    height: 150px;
    color: var(--sp-white);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: var(--sp-primary2);
    font-family: fantasy;
    transform: rotate(25deg);
}

.offer-badge h1 {
    font-size: 50px;
}

.offer-badge p {
    margin-bottom: 0;
    letter-spacing: 4px;
    color: var(--sp-white);
}

.owl-thumbs-main .item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding: 10px;
    cursor: pointer;
    border-bottom: 1px solid;
    border-right: 1px solid;
    color: var(--sp-white);
    border-color: #e6e6e636;
    background: var(--sp-primary2);
    transition: var(--sp-transition);
}

.owl-thumbs-main .categories-img {
    width: 70px;
    height: 70px;
    overflow: hidden;
    border: 4px solid;
    border-color: var(--sp-border-dark);
    border-radius: 100%;
    transition: var(--sp-transition);
}

.owl-thumbs-main .categories-content h6 {
    color: var(--sp-secondary);
    font-size: 22px;
    margin-bottom: 5px;
    transition: var(--sp-transition);
}

.owl-thumbs-main .categories-content span {
    font-size: 18px;
}

.owl-thumbs-main .item:hover {
    color: var(--sp-secondary2);
    background: var(--sp-white);
}

.owl-thumbs-main .item:hover .categories-img {
    border-color: var(--sp-primary2);
}

.owl-thumbs-main .item:hover .categories-content h6 {
    color: var(--sp-black);
}

.owl-carousel.owl-thumbs-main .owl-stage-outer {
    overflow: unset;
}

.owl-thumbs-main .main-slider-img {
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
    display: block;
    border: 2px solid;
    border-bottom: 4px solid;
    border-bottom: 5px solid;
    border-color: var(--sp-secondary2);
    transform: translateY(100%);
    transition: opacity 0.5s ease-in-out, transform 0.9s ease-in-out;
}

.owl-thumbs-main .item:hover .main-slider-img {
    opacity: 1;
    bottom: 100%;
    transform: translateY(0);
}

.thumb-box {
    position: relative;
}

.thumb-box::before {
    content: '';
    top: -5px;
    position: absolute;
    width: 100%;
    height: 5px;
    opacity: 0.3;
    background: #0000005c;
    z-index: 1;
}

.main-slider.owl-carousel .owl-nav button.owl-prev,
.main-slider.owl-carousel .owl-nav button.owl-next {
    width: 45px;
    height: 45px;
    line-height: 2.5;
    color: var(--sp-white);
    background: var(--sp-primary2);
}

.main-slider.owl-carousel .owl-nav button.owl-prev {
    left: 15px;
}

.main-slider.owl-carousel .owl-nav button.owl-next {
    right: 15px;
}

.main-slider.owl-carousel .owl-nav button.owl-prev:hover,
.main-slider.owl-carousel .owl-nav button.owl-next:hover,
.main-slider.owl-carousel .owl-nav button.owl-prev:focus,
.main-slider.owl-carousel .owl-nav button.owl-next:focus {
    background: var(--sp-secondary);
}

.main-slider.owl-carousel .owl-dots,
.main-slider2.owl-carousel .owl-dots,
.main-slider3.owl-carousel .owl-dots {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    background-color: transparent;
}

.main-slider2.owl-carousel .owl-dots {
    left: 35px;
}

.banner-home-three .main-slider3.owl-carousel .owl-dots {
    left: 42px;
    bottom: 5px;
}
.owl-dots button:focus,
.owl-dots button:focus-visible{
    background: transparent;
}
.main-slider.owl-carousel button:hover,
.main-slider2.owl-carousel button:hover,
.main-slider3.owl-carousel button:hover {
    background-color: transparent;
}

.main-slider.owl-carousel button.owl-dot>span,
.main-slider2.owl-carousel button.owl-dot>span,
.main-slider3.owl-carousel button.owl-dot>span {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    margin: 0px 5px;
    background: var(--sp-primary2);
}

.main-slider.owl-carousel button.owl-dot.active>span,
.main-slider2.owl-carousel button.owl-dot.active>span,
.main-slider3.owl-carousel button.owl-dot.active>span {
    background: var(--sp-secondary);
}

/*===== // =====*/

/*===== 08. Info Service Slider =====*/

.infoservice-section {
    padding: 20px 0;
}

.infoservice-item {
    background-color: var(--dark-2);
    padding: 20px 15px;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    color: var(--sp-gray);
    justify-content: flex-start;
    border: 1px solid var(--sp-border-dark);
    transition: all .4s ease-in-out;
}

.infoservice-home-two .infoservice-item:hover {
    transform: scale(1.05);
    box-shadow: 0 0 15px rgb(0 4 94 / 6%)
}

.infoservice-home-three .infoservice-item:hover,
.infoservice-home-four .infoservice-item:hover {
    transform: scale(1.02);
    box-shadow: 0 0 15px rgb(0 4 94 / 6%)
}

/*=== PULSE GROW =====*/
.infoservice-home-two .infoservice-item:hover .infoservice-icon,
.infoservice-home-three .infoservice-item:hover .infoservice-icon {
    animation: pulse-grow 0.3s linear infinite alternate;
}

@keyframes pulse-grow {
    to {
        transform: scale(1.1);
    }
}

.infoservice-item .infoservice-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    font-size: 35px;
    margin-right: 12px;
    border-radius: var(--sp-radius);
    color: var(--sp-white);
    transition: all 500ms ease;
    background-color: var(--sp-primary2);
}

.infoservice-home-one .infoservice-item:hover .infoservice-icon {
    transform: rotateY(180deg);
}

.infoservice-item .infoservice-content h6 {
    font-size: 16px;
}

.infoservice-item .infoservice-content p {
    margin: 0;
    margin-top: 1px;
    color: #a3a3a3;
    font-size: 14px;
}

.infoservice-home-one .infoservice-item {
    background-image: url('../images/patter/dot-patter.png');
    background-repeat: no-repeat;
    background-position: left;
}

.infoservice-home-two .infoservice-item,
.infoservice-home-three .infoservice-item {
    border-radius: var(--sp-radius);
}

.infoservice-home-two .infoservice-item .infoservice-icon {
    border-radius: 50%;
}

.infoservice-home-three .infoservice-item {
    flex-direction: column;
    text-align: center;
}

.infoservice-home-three .infoservice-item .infoservice-icon {
    height: unset;
    margin-bottom: 8px;
    color: var(--sp-primary2);
    background-color: transparent;
}

.infoservice-home-four .infoservice-item {
    border-radius: 50px;
    padding: 4px 4px;
}

.infoservice-home-four .infoservice-item .infoservice-icon {
    border-radius: 50%;
    color: var(--sp-primary2);
    border: 2px dashed var(--sp-primary2);
    background-color: var(--sp-white);
    transition: transform 0.8s ease-in-out;
}

.infoservice-home-four .infoservice-item:hover .infoservice-icon {
    transform: rotate(360deg);
}

/*===== // =====*/

/*===== 09. Deals-of-day Products =====*/

.heading-default {
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    z-index: 0;
    background-color: var(--dark-2);
    border: 1px solid var(--sp-border-dark);
}

.heading-default .title {
    color: #fff;
    background: var(--sp-secondary2);
    display: inline-block;
    float: left;
    min-width: 135px;
    text-align: left;
    position: relative;
    margin-right: 60px;
    padding: 15px 0px 15px 30px;
}

.heading-default .title h5 {
    animation: headShake 1s infinite;
}

.heading-default .title::after {
    content: "";
    position: absolute;
    top: 0;
    right: -60px;
    width: 60px;
    height: 100%;
    background-color: var(--sp-secondary2);
    clip-path: polygon(0 1%, 0 100%, 100% 100%);
    z-index: -1;
}

.heading-default .heading-text p {
    padding: 0 20px;
    margin: 0;
}

.heading-right {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.dealsofday-timer {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px;
}

.dealsofday-timer h2 {
    color: var(--sp-primary2);
    font-size: 18px;
    font-weight: 600;
}

.dealsofday-timer .dealsofday-item {
    text-align: center;
}

.dealsofday-timer .dealsofday-item .dealsofday-count h6 {
    background: var(--sp-primary2);
    border-radius: 100%;
    width: 24px;
    height: 24px;
    font-size: 12px;
    color: var(--sp-white);
    text-align: center;
    line-height: 24px;
}

.dealsofday-timer .dealsofday-item p {
    font-weight: 500;
    line-height: 1.2;
    margin: 0;
    font-size: 14px;
}

.heading-right a {
    margin-left: 20px;
    margin-right: 5px;
    padding: 2px 15px 2px 0;
    border-radius: 2px;
    color: var(--sp-white);
    background-color: var(--sp-secondary2);
}
.heading-right a.btn>i {
    margin-left: 3px;
}
.heading-right a:focus,
.heading-right a:hover {
    color: var(--sp-white);
    background-color: var(--sp-secondary2);
}

.section-title {
    display: inline-block;
    min-width: 250px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    border-radius: 15px 15px 0 0;
    padding: 12px;
    color: var(--sp-white);
    background-color: var(--sp-primary2);
    background-image: url('../images/patter/section-title.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.tab-filter a {
    position: relative;
    margin-right: 30px;
    font-weight: 500;
    color: var(--sp-gray);
}

.tab-filter a:hover,
.tab-filter a:focus,
.tab-filter a.active {
    color: var(--sp-secondary2);
}

.tab-filter a:not(:last-child)::after {
    position: absolute;
    right: -30px;
    margin: 0 15px;
    content: "";
    width: 1px;
    height: 15px;
    background: var(--sp-gray);
    top: 50%;
    transform: translateY(-50%);
    opacity: 50%;
}

.custom-owl-nav button {
    width: 35px;
    height: 35px;
    line-height: 2.4;
    padding: 0;
    border: none;
    font-size: 93%;
    margin-left: 4px;
    border-radius: 50%;
    color: var(--sp-primary);
    box-shadow: var(--sp-shadow);
    background: transparent;
}

.custom-owl-nav button:focus,
.custom-owl-nav button:hover {
    color: var(--sp-white);
    background: var(--sp-primary2);
}

/*===== // =====*/

/*===== 10. Banner Section =====*/

.banner-section {
    position: relative;
    overflow: hidden;
}

.banner-item {
    padding: 10px 18px;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: space-between;
    box-shadow: inset 0px 0px 25px 10px rgb(67 66 66 / 10%);
}

.banner-item .banner-content {
    color: var(--sp-white);
    z-index: 2;
}

.banner-item .banner-img {
    max-width: 180px;
    min-height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease-in-out 0.3s;
}

.banner-item:hover .banner-img {
    transform: scale(1.08);
}

.banner-item .banner-content>span {
    display: block;
    margin-bottom: 5px;
    font-size: 25px;
    font-weight: 700;
}

.banner-item .banner-content>.banner-badge {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    width: fit-content;
    padding: 2px 10px;
}

.banner-item .banner-content>.banner-badge.style-1 {
    border-radius: 15px;
    margin-bottom: auto;
}

.banner-item .banner-content>.banner-badge.style-2 {
    padding: 5px 10px;
    padding-right: 25px;
}

.banner-item .banner-content>.banner-badge.style-2::after {
    content: '';
    position: absolute;
    top: 0;
    right: -8px;
    width: 25px;
    height: 100%;
    background-color: color-mix(in lch decreasing hue, var(--sp-secondary) 100%, #FFFFFF 40%);
    clip-path: ellipse(99% 50% at 99% 50%);
}

.banner-item .banner-content>.banner-badge.bg-1 {
    color: var(--sp-primary);
    background: var(--sp-secondary);
}

.banner-item .banner-content>.banner-badge.bg-2 {
    color: var(--sp-white);
    background: var(--sp-primary);
}

.banner-item .banner-content h3 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 5px;
}

.banner-item .banner-content h4 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 5px;
}

.banner-item .banner-content h5 {
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 5px;
}

.banner-item .banner-content p {
    margin-bottom: 5px;
    font-weight: 500;
}

.banner-item .banner-content p:last-child {
    margin-bottom: 0;
}

.banner-item .banner-content h4:last-child {
    margin-bottom: 0;
}

.primary-color {
    color: var(--sp-primary);
}

.primary-color2 {
    color: var(--sp-primary2);
}

.secondary-color {
    color: var(--sp-secondary);
}

.secondary-color2 {
    color: var(--sp-secondary2);
}

.banner-item.bg-1 {
    background-image: linear-gradient(var(--sp-primary), color-mix(in srgb, var(--sp-primary2) 100%, #FFFFFF 5%), var(--sp-primary));
}

.banner-item.bg-2 {
    background-image: linear-gradient(var(--sp-primary2), color-mix(in srgb, var(--sp-primary2) 100%, #FFFFFF 50%), var(--sp-primary2));
}

.banner-item.bg-3 {
    background-image: linear-gradient(color-mix(in hsl longer hue, var(--sp-secondary) 100%, #FFFFFF 2%), var(--sp-secondary), color-mix(in hsl longer hue, var(--sp-secondary) 100%, #FFFFFF 2%));
}

.banner-item.bg-4 {
    background-image: linear-gradient(var(--sp-secondary2), color-mix(in srgb, var(--sp-secondary2) 100%, #FFFFFF 25%), var(--sp-secondary2));
}

.banner-item.bg-5 {
    background-image: linear-gradient(color-mix(in hsl longer hue, var(--sp-primary2) 80%, #FFFFFF 20%), color-mix(in hsl longer hue, var(--sp-primary2) 90%, #FFFFFF 30%), color-mix(in hsl longer hue, var(--sp-primary2) 80%, #FFFFFF 20%));
}

/* Banner 2 */

.banner2-section .banner-item {
    color: var(--sp-white);
    border-radius: var(--sp-radius);
    display: block;
}

.banner-item.style-1,
.banner-item.style-2,
.banner-item.style-3,
.banner-item.style-4 {
    position: relative;
    padding: 0;
    height: 100%;
    overflow: hidden;
}

.banner-item.style-1 {
    background: var(--sp-secondary);
}

.banner-item.style-2 {
    background: var(--sp-secondary2);
}

.banner-item.style-3 {
    background-image: linear-gradient(to right, color-mix(in lch decreasing hue, var(--sp-primary2) 35%, var(--sp-secondary2) 10%), color-mix(in lch decreasing hue, var(--sp-primary2) 50%, var(--sp-secondary2) 25%));
}

.banner-item.style-4 {
    background-image: linear-gradient(color-mix(in lch decreasing hue, var(--sp-secondary) 100%, #FFFFFF 40%), var(--sp-secondary));
}

.banner-item.style-1 .banner-img,
.banner-item.style-2 .banner-img {
    max-width: unset;
    padding-top: 2px;
    padding-left: 20px;
    padding-right: 0;
    padding-bottom: 120px;
    float: right;
}

.banner-item.style-1 .banner-img img,
.banner-item.style-2 .banner-img img,
.banner-item.style-3 .banner-img img {
    margin-left: auto;
}

.banner-item.style-3 .banner-img,
.banner-item.style-4 .banner-img {
    max-width: unset;
    padding: 0;
    float: right;
}

.banner-item.style-1 .banner-content,
.banner-item.style-2 .banner-content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 18px;
    padding-right: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.banner-item.style-1 .banner-content p,
.banner-item.style-2 .banner-content p {
    font-size: 20px;
    color: var(--sp-white);
}

.banner-item.style-2 .banner-content,
.banner-item.style-3 .banner-content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 18px;
    max-width: 250px;
    padding-right: 0;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.banner-home-four .banner-item .banner-content {
    padding: 10px;
    max-width: 200px;
}

.banner-home-four .banner-item .banner-content a.btn>i {
    margin-left: 4px;
    line-height: 2.2;
}

.banner-item.style-4 .banner-content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 18px;
    max-width: 260px;
    padding-right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.banner-item.style-1 .banner-content .button.add_to_cart_button,
.banner-item.style-2 .banner-content .button.add_to_cart_button {
    margin-top: 10px;
}

.banner-item.style-1 .banner-content .button.add_to_cart_button i {
    color: var(--sp-secondary);
    background: var(--sp-white);
}

.banner-item.style-2 .banner-content .button.add_to_cart_button {
    background: var(--sp-secondary);
}

.banner-item.style-2 .banner-content .button.add_to_cart_button i {
    background: var(--sp-primary2);
}

.banner-home-three .banner-item .banner-content {
    max-width: 300px;
    padding: 30px 0 5px 30px;
}

.banner-home-three .banner-item .banner-content h3,
.banner-home-four .banner-item .banner-content h3 {
    font-size: 34px;
    font-weight: 700;
}

.banner-home-three .banner-item .banner-content h3 {
	margin-bottom: 15px;
}
.banner-home-four .banner-item.style-3 .banner-img,
.banner-home-four .banner-item.style-3 .banner-img img {
    width: 100%;
    min-height: 177px;
}
.main-slider-home-two .banner-item.style-3 .banner-img,
.main-slider-home-two .banner-item.style-3 .banner-img img {
	width: 100%;
}
.banner-home-four .banner-item .banner-content .btn,
.banner-home-three .banner-item .banner-content .btn {
	font-size: 18px;
}
.banner-home-four .main-slider2 .banner-item .banner-content .btn {
	font-size: 20px;
}
.banner-home-three .banner-item.style-3 .banner-img{
	width: 100%;
}

/*===== // =====*/

/*===== 11. Products =====*/

.products:not(.related.products .products,.related.products, .woocommerce ul.products) {
    list-style: none;
    padding: 0px;
    text-align: left;
    margin: 0;
    border-radius: 1px;
    border-top: none;
    border: 1px solid var(--sp-border-dark);
    border-color: var(--sp-border-dark);
    padding: 15px 10px 0;
    transition: var(--sp-transition);
}
.woocommerce .products {
	padding: 0;
}

.related.products h2 {
	padding-bottom: 15px;
}

.product.type-product {
    margin-bottom: 15px;
    padding: 0px 8px;
}

.product.type-product.hidden {
    display: none;
}

.products .product:not(.type-product),
.shop-section .product:not(.type-product) {
    position: relative;
    overflow: hidden;
    background: var(--dark-1);
    border-radius: var(--sp-radius);
    border: 1px solid;
    border-color: var(--sp-border-dark);
    transition: var(--sp-transition);
}

.products .product:hover:not(.type-product),
.shop-section .product:hover:not(.type-product),
.products .product:focus-within:not(.type-product),
.shop-section .product:focus-within:not(.type-product) {
    border-color: var(--sp-primary2);
}

.products .product-img,
.shop-section .product-img {
    background-color: var(--dark-2);
}

.product-img {
    position: relative;
    /* padding: 15px; */
    margin-bottom: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.woocommerce ul.products.list li.product a img,
.product-img>a>img {
    display: block;
    object-fit: scale-down;
    /* height: 150px; */
    transition: transform .5s ease;
}

.woocommerce ul.products.list li.product a img{
    margin-bottom: 0;
}

.products .product:hover .product-img img {
    transform: scale(1.1);
}

.product-section .product-content,
.shop-section .product-content,
.post-section .product-content {
    padding: 10px;
    position: relative;
}

ul.products li.product h3 {
    line-height: 1.4;
    margin-bottom: 10px;
}

.product-content h3 a {
    -webkit-line-clamp: 1;
    color: var(--sp-gray);
}

.products .product:hover .product-content h3 a {
    color: var(--sp-primary2);
}

/* body:not(.woocommerce-uses-block-theme) ul.products li.product .price, body:not(.woocommerce-uses-block-theme) div.product p.price { */
.price {
    font-size: 22px;
    color: var(--sp-gray);
    font-weight: 600;
    margin-bottom: 5px;
	/* display: flex;
    align-items: center;
    gap: 5px; */
}

.price del {
    font-size: 14px;
    font-weight: 600;
    color: grey;
	order: 2;
}

.price .woocommerce-Price-currencySymbol {
    font-size: 12px;
    vertical-align: super;
}

.product p.rating {
    font-size: 14px;
    margin-bottom: 4px;
}

.product .rating>.fa-star {
    margin-right: 4px;
}

.rating>.fa-star {
    color: #d9d9d9;
}

.rating>.fa-star.filled {
    color: var(--sp-secondary);
}

.product .star-rating + span.star-count,
.product p.rating span {
    color: var(--sp-gray);
    font-weight: 700;
    font-size: 12px;
	padding-left: 5px;
}

.product-quantity {
    margin-bottom: 10px;
}

.variations_form select,
.product-quantity .wc-default-select {
    width: 100%;
    padding: 0px 5px;
    min-height: 35px;
    color: var(--sp-gray);
    border: 1px solid var(--sp-border-dark);
    border-radius: var(--sp-radius);
}

.product-quantity label {
    font-size: 14px;
}

.button.single_add_to_cart_button>span,
.button.add_to_cart_button>span {
    /* padding: 0px 12px; */
}

.button.single_add_to_cart_button>i,
.button.add_to_cart_button>i, a.product_type_grouped >i, a.product_type_external > i {
    line-height: 2.4;
    width: 40px;
    background: var(--sp-secondary);
    transition: background 0.3s ease-in-out;
}


.button:hover.single_add_to_cart_button,
.button:focus.single_add_to_cart_button,

body:not(.woocommerce-block-theme-has-button-styles) .products .product:hover a.button, body:not(.woocommerce-block-theme-has-button-styles) .products .product:hover button.button, body:not(.woocommerce-block-theme-has-button-styles) .products .product:hover a.wc-forward, body:not(.woocommerce-block-theme-has-button-styles) .woocommerce-message a.wc-forward:hover, body:not(.woocommerce-block-theme-has-button-styles) a.button.alt:hover, .woocommerce #review_form #respond .form-submit input:hover, 
body:not(.woocommerce-block-theme-has-button-styles) .products .product:focus a.button, body:not(.woocommerce-block-theme-has-button-styles) .products .product:focus button.button, body:not(.woocommerce-block-theme-has-button-styles) .products .product:focus a.wc-forward, body:not(.woocommerce-block-theme-has-button-styles) .woocommerce-message a.wc-forward:focus, body:not(.woocommerce-block-theme-has-button-styles) a.button.alt:focus, .woocommerce #review_form #respond .form-submit input:focus
{
    background: var(--sp-secondary);
}
body:not(.woocommerce-block-theme-has-button-styles) a.button:hover, body:not(.woocommerce-block-theme-has-button-styles) button.button:hover{
	 color: var(--sp-white);
}

.button:hover.single_add_to_cart_button>i,
.button:focus.single_add_to_cart_button>i,
body:not(.woocommerce-block-theme-has-button-styles) .products .product:hover a.button > i, body:not(.woocommerce-block-theme-has-button-styles) .products .product:hover button.button > i, body:not(.woocommerce-block-theme-has-button-styles) .products .product:hover a.wc-forward, 
body:not(.woocommerce-block-theme-has-button-styles) .products .product:focus a.button > i, body:not(.woocommerce-block-theme-has-button-styles) .products .product:focus button.button > i, body:not(.woocommerce-block-theme-has-button-styles) .products .product:focus a.wc-forward
{
    background: var(--sp-primary2);
}

.button.add_to_shopping {
    font-weight: 600;
    color: var(--sp-white);
    padding: 8px 10px;
    font-size: 18px;
    display: inline-block;
    border-radius: var(--sp-radius);
    background-color: var(--sp-secondary);
}


.product-action div {
    float: inline-end;
}

.product-action .yith-wcwl-add-to-wishlist{
	order: 1;
}

.woocommerce ul.products li.product .button {
	margin-top: 0;
    display: block;
}
.entry-summary .yith-wcwl-add-to-wishlist a,
.product-action .add_to_wishlist {
    line-height: 2.4;
    width: 44px;
    text-align: center;
    font-size: 18px;
    color: var(--sp-white);
    display: inline-block;
    border-radius: var(--sp-radius);
    background: var(--sp-secondary2);
}

.entry-summary .yith-wcwl-add-to-wishlist.in_wishlist a {
	background: var(--sp-primary2);
}

.product-action .in_wishlist  .add_to_wishlist {	
    background: var(--sp-primary2);
}
.entry-summary .yith-wcwl-add-to-wishlist a:hover,
.entry-summary .yith-wcwl-add-to-wishlist a:focus,
.product-action .add_to_wishlist:hover,
.product-action .add_to_wishlist:focus {
    background: var(--sp-primary);
}

body.single-product .entry-summary .yith-wcwl-add-to-wishlist a{
    margin-bottom: 4px;
}

body.single-product.woocommerce  div.product form.cart table.variations th {
	background:none;
	color: var(--sp-gray);
	padding: 0;
}

body.single-product.woocommerce  div.product form.cart table.woocommerce-grouped-product-list.group_table {
	border: 1px solid var(--sp-gray);
}

body.single-product.woocommerce  div.product form.cart table.woocommerce-grouped-product-list.group_table td{
	border: 1px solid var(--sp-gray);
	width: auto;
	padding: 10px;
	text-align: left;
	vertical-align: middle;
}
.woocommerce span.onsale {
	z-index: 7;
}

body.single-product.woocommerce  div.product form.cart table.woocommerce-grouped-product-list.group_table .woocommerce-grouped-product-list-item__quantity a{
	padding: 10px;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.mega-mart-woowishlist-page-button.btn{
    margin-right: 5px;
    float: inline-start;
    line-height: 2.4 !important;
}
body:not(.woocommerce-block-theme-has-button-styles) a.button:not(.woocommerce-orders-table__cell a), body:not(.woocommerce-block-theme-has-button-styles) button.button:not(.woocommerce-MyAccount-content button, .woocommerce-form-track-order button), body:not(.woocommerce-block-theme-has-button-styles) a.wc-forward, body:not(.woocommerce-block-theme-has-button-styles) a.button.alt, .woocommerce #review_form #respond .form-submit input {
	overflow: hidden;
    font-weight: 600;
    width: fit-content;
    color: var(--sp-white);
    font-size: 18px;
    padding: 0 12px;
    border: none;
    text-align: center;
    display: block;
    border-radius: var(--sp-radius);
    background: var(--sp-primary2);
    transition: background 0.3s ease-in-out;
}

.woocommerce-form-login button, .woocommerce-form-register button {
	padding: 12px !important;
}

.variations_form.cart .button.add_to_cart_button{
	font-size: 12px;
}

body:not(.woocommerce-block-theme-has-button-styles) a.button:not(.woocommerce-orders-table__cell a) {
	padding: 0;
	/* line-height: 0; */
}

body:not(.woocommerce-block-theme-has-button-styles) a.wc-forward, body:not(.woocommerce-block-theme-has-button-styles) .woocommerce-message a.button, .woocommerce #review_form #respond .form-submit input, .mega-mart-woowishlist-item a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
	line-height: 2.4;
}

body:not(.woocommerce-block-theme-has-button-styles) a.button.added::after {
	display: none;
}

button.single_add_to_cart_button.button.alt.wc-variation-selection-needed , .woocommerce div.product form.cart .button, button.single_add_to_cart_button.button.alt.wc-variation-selection-needed:hover, button.single_add_to_cart_button.button.alt.wc-variation-selection-needed:focus {
	background-color: var(--sp-primary2);
}

.woocommerce div.product form.cart .button.single_add_to_cart_button.button.alt {
	padding: .618em 1em;
}

/* .woocommerce div.product form.cart .reset_variations {
	position: absolute;
	margin-top: 16px;
} */

.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled {
	margin-top: 30px;
}
button.single_add_to_cart_button.button.alt.wc-variation-selection-needed::after, .woocommerce div.product form.cart .button.single_add_to_cart_button.button.alt:after {
    content: '\f07a';
    font-family: 'FontAwesome';
    background: var(--sp-secondary);
    padding: 12px;
    right: -18px;
    position: relative;
}

.products .product-img .sale-ribbon,
.sale-ribbon {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 15px;
    height: 20px;
    z-index: 1;
    line-height: 1;
    background-color: var(--sp-secondary2);
    color: rgb(255, 255, 255);
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 0px 5px;
    border-radius: 2px;
}

.product.type-product:hover .sale-ribbon {
    background-color: var(--sp-primary);
}

table.variations tbody {
	color: gray;
}

table.variations tbody tr {
	border: none;
    border-radius: 3px;
    display: grid;
    margin-bottom: 5px;
    /* padding: 5px; */
}

.variations_form.cart table {
	border: none;
	margin: 0;
	padding: 0 4px;
}

div.product form.cart .variations td {	
	padding: 0;
	border: none;
	font-size: 10px;
}

div.product form.cart .variations td.value {
	padding:0;
}
div.product form.cart .variations td.value {
	padding:0;
}
div.product form.cart .variations td label {
	padding: 0;
	color: initial;
	font-size: 14px;
	/* min-width: 60px; */
}
.woocommerce div.product form.cart .variations td {
	line-height: normal;
	vertical-align: middle;
    flex: 1;
}
.woocommerce .select_box_select {
	display: none;
}

div.product form.cart::after, div.product form.cart::before {
	content: " ";
    display: table;
}
div.product form.cart::after {
    clear: both;
}

/*Star Rating */
.product-content .star-rating {
    float: right;
    overflow: hidden;
    position: relative;
    height: 1.2em;
    line-height: 1;
    font-size: 1em;
    width: 100%;
    font-family: star;
}
.woocommerce .products .star-rating {
    display: inline-block;
	width: 72.17px;
    margin: 0 0 -4px;
    float: none;
}
.woocommerce ul.products li.product .star-rating {
    font-size: .857em;
}
.products .star-rating {
    display: inline-block;
    width: 5.4em;
    margin: 0 0 -4px;
    float: none;
}

.product-content .star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
}
.star-rating span {
    color: var(--sp-secondary);
}
.star-rating::before {
    content: "sssss";
    color: #cfc8d8;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
}
.star-rating span::before {
    content: "SSSSS";
    top: 0;
    position: absolute;
    left: 0;
}
/*===== // =====*/

/*===== 12. Saleinfo Section =====*/

.saleinfo {
    position: relative;
    z-index: 0;
    overflow: hidden;
	flex: 1 ;
}

.saleinfo>img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    transition: all 1.8s ease;
}

.saleinfo.active>img,
.saleinfo:focus-within>img {
    transform: scale(1.1);
}

.saleinfo .saleinfo-area {
    padding: 30px 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 94%;
    height: 92%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--sp-white);
    text-align: center;
    background: #29a74480;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .35s linear;
    transition: all .35s linear;
}

.saleinfo.active .saleinfo-area,
.saleinfo:focus-within .saleinfo-area  {
    opacity: 1;
}

.saleinfo-price {
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    background-color: var(--sp-secondary2);
    color: #fff;
    display: inline;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 0px 8px;
    border-radius: 2px;
}

.saleinfo .saleinfo-area h6 {
    font-size: 18px;
    line-height: 1.5;
    margin-top: 15px;
    margin-bottom: 15px;
}

.saleinfo .product-action .button.add_to_cart_button {
    background-color: var(--sp-secondary);
    margin: auto;
}

.saleinfo .product-action .button.add_to_cart_button i {
    background-color: var(--sp-primary2);
}


/*===== // =====*/

/*===== 13. Discount Banner Section  =====*/

.discount-banner {
    position: relative;
    overflow: hidden;
    margin: 40px 0;
    padding: 90px 0;
    background-color: #fffcf9;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center bottom, 80% bottom;
    background-blend-mode: multiply;
    background-size: cover;
}

.discount-banner-panel h3 {
    font-size: 38px;
    font-weight: 800;
    line-height: 1.2;
    color: var(--sp-secondary);
}

.discount-banner-badge {
    position: relative;
    overflow: hidden;
    background-color: var(--sp-secondary2);
    color: var(--sp-white);
    font-weight: bold;
    text-align: center;
    padding: 15px;
    padding-bottom: 25px;
    width: 150px;
    margin-right: 35px;
    clip-path: polygon(0 0, 100% 0%, 100% 65%, 50% 100%, 0 65%);
}

.discount-banner-badge::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 96%;
    height: 95%;
    background: url('../images/patter/badge.svg') no-repeat center center;
    background-size: contain;
    pointer-events: none;
}

.discount-banner-badge .discount {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
}

.discount-banner-badge .discount>span {
    font-size: 28px;
    font-weight: 700;
}

.discount-banner-badge .offer {
    font-size: 14px;
    font-weight: normal;
}

.discount-banner img {
    position: absolute;
    right: 70px;
    bottom: -5px;
    width: 35vmax;
    object-fit: contain;
    animation: slideLeftToRight 5s infinite ease-in-out;
}


/*===== // =====*/

/*===== 14. Banner info Section =====*/

.bannerinfo {
    position: relative;
    overflow: hidden;
    z-index: 0;
    border-radius: var(--sp-radius);
}

.bannerinfo>img {
    width: 100%;
    object-fit: contain;
    height: 100%;
    opacity: 0.8;
    -webkit-transition: all 1.5s ease;
    transition: all 1.5s ease;
}

.bannerinfo-slider .bannerinfo>img {
    position: absolute;
    height: auto;
    bottom: 0px;
    padding: 30px;
    opacity: unset;
}

.bannerinfo-slider aside.bannerinfo {
    position: relative;
    background: linear-gradient(134deg, #fff6e5 50%, #ffe9bdcf 50%);
}

.bannerinfo-slider aside.bannerinfo::after {
    content: '';
    width: 200%;
    height: 100%;
    position: absolute;
    top: 30%;
    left: 10%;
    background-color: var(--sp-secondary);
    transform: rotate(316deg);
    z-index: -1;
    opacity: 0.2;
}


.bannerinfo .info-content {
    padding: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 92%;
    height: 94%;
    z-index: 2;
    color: var(--sp-black);
    border-radius: var(--sp-radius);
    box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.2);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .35s linear;
    transition: all .35s linear;
}

.bannerinfo .info-content .info-category {
    color: var(--sp-primary);
    font-size: 16px;
    font-weight: 500;
}

.bannerinfo .info-content h5 {
    color: var(--sp-gray);
    font-weight: 600;
    margin-bottom: 20px;
}

.bannerinfo .info-content h6 {
    color: var(--sp-gray);
    font-weight: 600;
    margin-bottom: 20px;
}

.bannerinfo .info-content a {
    position: relative;
    padding: 8px 15px;
    font-weight: 500;
    border-radius: var(--sp-radius);
    color: var(--sp-white);
    background: var(--sp-secondary2);
    transition: var(--sp-transition);
}

.bannerinfo .info-content a i {
    position: absolute;
    top: 0;
    right: -38px;
    height: 100%;
    width: 40px;
    text-align: center;
    line-height: 2.4;
    border-radius: 0 4px 4px 0;
    background: var(--sp-primary2);
    transition: var(--sp-transition);
}
.bannerinfo .info-content a:focus,
.bannerinfo .info-content a:hover {
    background: var(--sp-primary2);
}
.bannerinfo .info-content a:focus i,
.bannerinfo .info-content a:hover i {
    background: var(--sp-secondary2);
}
.bannerinfo-slider .info-content {
    width: 100%;
    height: 100%;
    padding: 20px;
    padding-bottom: 0;
    box-shadow: none;
}

.bannerinfo-slider .info-content .sub-title {
    padding: 1px 8px;
    border-radius: 2px;
    color: var(--sp-white);
    background: var(--sp-secondary);
}

.bannerinfo-slider .info-content h3 {
    color: var(--sp-gray);
    margin-top: 10px;
    margin-bottom: 10px;
}

.bannerinfo-slider .info-content h5 {
    color: var(--sp-gray);
    font-size: 30px;
    font-family: 'Dancing Script', cursive;
}

.bannerinfo-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 16px;
    font-weight: 500;
    color: var(--sp-white);
    display: grid;
    grid-template-columns: 0.7fr 1fr;
    align-items: center;
    width: 100%;
}

.bannerinfo-footer .left {
    position: relative;
    padding: 5px 8px;
    padding-right: 0;
    background: var(--sp-primary2);
    border-bottom-left-radius: 4px;
}

.bannerinfo-footer .left::after {
    content: '';
    position: absolute;
    top: 0;
    right: -24px;
    width: 24px;
    height: 100%;
    background: var(--sp-primary2);
    clip-path: polygon(100% 100%, 0 0, 0 100%);
}

.bannerinfo-footer .right {
    padding: 5px 8px;
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 8px;
    background: var(--sp-secondary);
    border-bottom-right-radius: 4px;
}


.bannerinfo-slider.owl-carousel .owl-nav button.owl-prev,
.bannerinfo-slider.owl-carousel .owl-nav button.owl-next {
    color: var(--sp-white);
    background: var(--sp-secondary);
}

.bannerinfo-slider.owl-carousel .owl-nav button.owl-prev:hover,
.bannerinfo-slider.owl-carousel .owl-nav button.owl-next:hover,
.bannerinfo-slider.owl-carousel .owl-nav button.owl-prev:focus,
.bannerinfo-slider.owl-carousel .owl-nav button.owl-next:focus {
    background: var(--sp-primary2);
}

.bannerinfo-slider.owl-carousel .owl-nav button.owl-prev {
    left: 10px;
}

.bannerinfo-slider.owl-carousel .owl-nav button.owl-next {
    right: 10px;
}

.bannerinfo-slider,
.bannerinfo-slider .owl-stage-outer,
.bannerinfo-slider .owl-stage,
.bannerinfo-slider .owl-item,
.bannerinfo-slider .item,
.bannerinfo-slider .bannerinfo {
    height: 100% !important;
}

/*===== // =====*/

/*===== 15. Hot Deal Section =====*/

.hot-deal-section {
    margin: 40px 0;
    padding: 100px 0;
    position: relative;
    overflow: hidden;
    background-color: lightgray;
    background-image: url('../images/hot-deal/bg-pattern1.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    animation: backgroundFloat 20s ease-in-out infinite;
}

@keyframes backgroundFloat {
    0% {
        background-position: center top;
    }

    50% {
        background-position: center bottom;
    }

    100% {
        background-position: center top;
    }
}

.hot-deal-section::after,
.hot-deal-section::before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.hot-deal-section::after {
    bottom: 0;
    background-position: bottom;
    background-image: url('../images/hot-deal/bg-pattern3.png');
}

.hot-deal-section::before {
    top: 0;
    background-position: top;
    background-image: url('../images/hot-deal/bg-pattern2.png');
}

.hot-deal-right>span {
    text-transform: uppercase;
    font-weight: 600;
    padding: 1px 10px;
    border-radius: 2px;
    color: var(--sp-white);
    background: var(--sp-secondary2);
}

.hot-deal-right h1 {
    margin-top: 10px;
    margin-bottom: 15px;
    font-weight: 700;
}

.dealsofday-timer.style2 .dealsofday-item {
    color: var(--sp-white);
    background: var(--sp-primary);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.dealsofday-timer.style2 {
    margin-top: 15px;
    margin-bottom: 20px;
}

.dealsofday-timer.style2 .dealsofday-item .dealsofday-count h6 {
    background: unset;
    font-size: 20px;
    width: unset;
    height: unset;
}

.dealsofday-timer.style2 .dealsofday-item p {
    font-weight: 400;
    line-height: 1;
    color: var(--sp-white);
}

.btn.style1 {
    overflow: hidden;
    border: none;
    font-weight: 600;
    color: var(--sp-white);
    font-size: 18px;
    text-align: center;
    display: inline-block;
    border-radius: var(--sp-radius);
    background: var(--sp-primary2);
    transition: background 0.3s ease-in-out;
    padding: 0;
}

.btn.style1 i {
    background: var(--sp-secondary);
    transition: background 0.3s ease-in-out;
}
.btn.style1:active {
    color: var(--sp-white);
}
.btn.style1:hover {
    background: var(--sp-secondary);
}
.btn.style1:hover i {
    background: var(--sp-primary2);
}
.hot-deal-section .hot-deal-slider {
    height: 340px;
}

.hot-deal-section .swiper-container {
    width: 100%;
    height: 100%;
    overflow: unset;
}

.thumbs-hot-deal {
    height: calc(450px - 100px);
}

.thumbs-hot-deal .slider-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 50px;
    overflow: hidden;
    padding: 2px;
    cursor: pointer;
    box-shadow: 0px 0px 10px rgb(16 16 16 / 20%);
    background-color: var(--sp-white);
}

.thumbs-hot-deal .swiper-slide.swiper-slide-thumb-active .slider-item {
    color: var(--sp-white);
    background-color: var(--sp-primary);
}

.thumbs-hot-deal .slider-item .categories-img {
    width: 55px;
    height: 55px;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.thumbs-hot-deal .slider-item .categories-img img {
    object-fit: cover;
    width: 100%;
}

.thumbs-hot-deal .slider-item .categories-content {
    text-align: left;
    flex-grow: 1;
    padding-left: 12px;
}

.thumbs-hot-deal .slider-item .categories-icon {
    width: 55px;
    height: 55px;
    overflow: hidden;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--sp-white);
    background-color: var(--sp-primary2);
    transition: var(--sp-transition);
}

.thumbs-hot-deal .slider-item .categories-icon::before {
    content: "\f105";
    font-family: 'FontAwesome';
    font-size: 24px;
    transition: var(--sp-transition);
}

.thumbs-hot-deal .swiper-slide.swiper-slide-thumb-active .slider-item .categories-icon {
    background-color: var(--sp-secondary2);
}

.thumbs-hot-deal .swiper-slide.swiper-slide-thumb-active .slider-item .categories-icon::before {
    content: "\f00c";
    font-size: 16px;
}


.hot-deal-slider .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.hot-deal-slider .offer-badge.style2 {
    position: absolute;
    top: 0px;
    right: 10px;
}

.offer-badge.style2 {
    width: 130px;
    height: 130px;
    font-size: 20px;
    line-height: 1.2;
    color: var(--sp-black);
    transform: unset;
    font-family: unset;
    background: var(--sp-secondary);
}

.offer-badge.style2 span {
    font-weight: 600;
}

.hot-deal-slider .swiper-slide.swiper-slide-active .hot-deal-right,
.hot-deal-slider .swiper-slide.swiper-slide-active .offer-badge,
.hot-deal-slider .swiper-slide.swiper-slide-active img {
    animation: 0.8s slide-up ease-in-out forwards;
}

.hot-deal-slider .swiper-slide:not(.swiper-slide-active) .hot-deal-right,
.hot-deal-slider .swiper-slide:not(.swiper-slide-active) .offer-badge,
.hot-deal-slider .swiper-slide:not(.swiper-slide-active) img {
    animation: 0.6s slide-out ease-in-out forwards;
}

@keyframes slide-up {
    from {
        transform: translateY(20px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slide-out {
    from {
        transform: translateY(0);
        opacity: 1;
    }

    to {
        transform: translateY(20px);
        opacity: 0;
    }
}

/*===== // =====*/

/*===== 16. Testimonial Section =====*/
.client-item {
    margin-top: 30px;
}

.client-item .client-inner {
    position: relative;
    border: 1px solid var(--sp-border-dark);
    border-radius: 10px;
    transition: border-color 0.5s ease-in-out;
}

.client-item .client-description {
    position: relative;
    padding: 15px 12px;
}

.client-item .client-description::before {
    content: "\f10d";
    font-family: 'FontAwesome';
    position: absolute;
    top: -25px;
    left: 35px;
    font-size: 35px;
    color: var(--sp-primary2);
    transition: color 0.5s ease-in-out;
}

.client-item .client-detail {
    margin-top: 18px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.client-item .client-detail img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 3px solid var(--sp-primary2);
    transition: border-color 0.5s ease-in-out;
}

.client-item .client-detail h5 {
    font-weight: 600;
}

.client-item .client-detail p {
    margin-bottom: 2px;
    color: var(--sp-secondary2);
}

.client-item .client-text p {
    line-height: 1.8;
    -webkit-line-clamp: 2;
}

.client-item .client-detail .rating {
    font-size: 13px;
    color: var(--sp-secondary);
}

.client-item .client-detail .client-img {
    margin-right: 10px;
    flex-shrink: 0;
}

.client-item .client-bottom {
    position: relative;
    overflow: hidden;
    padding: 18px 12px;
    display: flex;
    align-items: center;
    border-radius: 0 0px 10px 10px;
}

.client-item .client-bottom::before {
    content: "";
    position: absolute;
    top: 0;
    left: 12px;
    right: 12px;
    height: 1px;
    background: var(--sp-border-dark);
}

.client-item .client-bottom::after {
    content: "\f10e";
    font-family: 'FontAwesome';
    position: absolute;
    right: -40px;
    bottom: -40px;
    font-size: 35px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    padding-top: 22px;
    padding-left: 28px;
    color: var(--sp-white);
    background: var(--sp-primary2);
    transition: background 0.5s ease-in-out;
}

.client-item .client-bottom img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    object-fit: contain;
    background: var(--dark-2);
}

.client-item .client-bottom p {
    margin-bottom: 0;
    color: var(--sp-secondary2);
}

.testimonial-slider .owl-item.center .client-item .client-inner,
.testimonial-slider .owl-item.center .client-item .client-detail img {
    border-color: var(--sp-secondary);
}

.testimonial-slider .owl-item.center .client-item .client-description::before {
    color: var(--sp-secondary);
}

.testimonial-slider .owl-item.center .client-item .client-bottom::after {
    background: var(--sp-secondary);
}

/*===== // =====*/

/*===== 17. Brand Section =====*/

.brand-item {
    padding: 15px 10px;
    background: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--sp-radius);
    border: 1px solid var(--sp-border-dark);
}

.brand-item img {
    object-fit: contain;
    height: 50px;
}

.brand-item:focus-within img,
.brand-item:hover img {
    animation: bounce-scale 0.5s 0.1s;
}
.bounce-scale:focus-within,
.bounce-scale:hover {
    animation: bounce-scale 0.5s 0.1s;
}


/*===== // =====*/

/*===== 18. Footer Section =====*/
.footer-section {
    position: relative;
    color: var(--sp-white);
    overflow: hidden;
    z-index: 1;
}

.footer-section p {
    color: var(--sp-white);
}

.footer-section::after {
    content: '';
    position: absolute;
    inset: 0;
    background: color-mix(in srgb, var(--sp-primary) 25%, transparent);
    z-index: -1;
}

.footer-section.footer-one {
    /* background: url(../images/footer/footer_bg.jpg) center / cover; */
    background-blend-mode: multiply;
}

/* footer-contact */
.footer-wrapper {
    padding: 12px 15px;
    border-radius: var(--sp-radius);
    background-color: rgb(154 255 173 / 6%);
    backdrop-filter: blur(2px);
    box-shadow: inset 0px 0px 10px 4px rgb(181 255 193 / 10%);
}

.footer-contact {
    margin: 100px 0;
}

.footer-section .widget-contact .contact-icon {
    border-radius: 50%;
    background: var(--sp-primary2);
    border-radius: 100%;
}

.contact-info p {
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 500;
    margin: 0;
}

.header.header-three .widget-contact .contact-info p {
    color: var(--sp-white);
    font-size: 15px;
}

.contact-info .text span {
    display: block;
    font-size: 20px;
}

.contact-info .text a {
    font-weight: 500;
    text-decoration: none;
    transition: all 0.5s ease;
    color: var(--sp-secondary);
}

.circle-badge {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 14px;
    border-radius: 100%;
    /* background: var(--sp-primary2); */
}

.circle-badge>div {
    width: 90px;
    height: 90px;
    padding: 10px;
    border-radius: 100%;
    border: 2px dotted #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    box-shadow: inset 0px 0px 30px 5px rgb(0 0 0 / 35%);
}

.circle-badge.store-badge>div {
    width: 170px;
    height: 170px;
}

.circle-badge h2,
.circle-badge h2>a,
.store-badge h2 {
    color: var(--sp-secondary);
    font-family: 'Dancing Script', cursive;
}

.store-badge p {
    font-weight: 500;
    margin-bottom: 0;
    color: var(--sp-white);
}

.zig-zag::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: var(--sp-primary2);
    animation: rotate 20s infinite linear;
    clip-path: polygon(50% 0%, 46.93% 3.1%, 43.47% 0.43%, 40.83% 3.9%, 37.06% 1.7%, 34.89% 5.49%, 30.87% 3.81%, 29.21% 7.85%, 25% 6.7%, 23.89% 10.92%, 19.56% 10.33%, 19.01% 14.66%, 14.64% 14.64%, 14.66% 19.01%, 10.33% 19.56%, 10.92% 23.89%, 6.7% 25%, 7.85% 29.21%, 3.81% 30.87%, 5.49% 34.89%, 1.7% 37.06%, 3.9% 40.83%, 0.43% 43.47%, 3.1% 46.93%, 0% 50%, 3.1% 53.07%, 0.43% 56.53%, 3.9% 59.17%, 1.7% 62.94%, 5.49% 65.11%, 3.81% 69.13%, 7.85% 70.79%, 6.7% 75%, 10.92% 76.11%, 10.33% 80.44%, 14.66% 80.99%, 14.64% 85.36%, 19.01% 85.34%, 19.56% 89.67%, 23.89% 89.08%, 25% 93.3%, 29.21% 92.15%, 30.87% 96.19%, 34.89% 94.51%, 37.06% 98.3%, 40.83% 96.1%, 43.47% 99.57%, 46.93% 96.9%, 50% 100%, 53.07% 96.9%, 56.53% 99.57%, 59.17% 96.1%, 62.94% 98.3%, 65.11% 94.51%, 69.13% 96.19%, 70.79% 92.15%, 75% 93.3%, 76.11% 89.08%, 80.44% 89.67%, 80.99% 85.34%, 85.36% 85.36%, 85.34% 80.99%, 89.67% 80.44%, 89.08% 76.11%, 93.3% 75%, 92.15% 70.79%, 96.19% 69.13%, 94.51% 65.11%, 98.3% 62.94%, 96.1% 59.17%, 99.57% 56.53%, 96.9% 53.07%, 100% 50%, 96.9% 46.93%, 99.57% 43.47%, 96.1% 40.83%, 98.3% 37.06%, 94.51% 34.89%, 96.19% 30.87%, 92.15% 29.21%, 93.3% 25%, 89.08% 23.89%, 89.67% 19.56%, 85.34% 19.01%, 85.36% 14.64%, 80.99% 14.66%, 80.44% 10.33%, 76.11% 10.92%, 75% 6.7%, 70.79% 7.85%, 69.13% 3.81%, 65.11% 5.49%, 62.94% 1.7%, 59.17% 3.9%, 56.53% 0.43%, 53.07% 3.1%);
}

.separator {
    width: 75px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    position: relative;
    z-index: 0;
}

.separator:after,
.separator:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 25px;
    height: 1px;
    margin: auto;
    background: var(--sp-white);
}

.separator::after {
    left: 0;
}

.separator:before {
    right: 0;
}

.separator>span {
    width: 100%;
    display: inline-flex;
    align-items: center;
    position: relative;
    justify-content: center;
}

.separator>span:after,
.separator>span:before {
    content: "";
    width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 100px;
    position: absolute;
    z-index: 1;
    background: var(--sp-white);
}

.separator>span:before {
    right: 0;
}

.separator>span::after {
    left: 0;
}

/* Footer Middle */
.footer-middle {
    padding: 10px 0;
}

.footer-middle .footer-wrapper {
    padding: 0;
}

.footer-middle .footer-wrapper .widget-contact {
    padding: 20px;
}

.footer-middle .footer-wrapper>div>div {
    position: relative;
    border-right: 1px solid #dddddd7a;
}

.footer-middle .footer-wrapper>div>div:last-child {
    border-right: none;
}

.footer-middle .footer-wrapper {
    overflow: hidden;
}

.footer-middle .footer-wrapper>div>div::after {
    content: '';
    position: absolute;
    top: 0;
    right: -1.5px;
    width: 1.8px;
    height: 50%;
    background: linear-gradient(to bottom, #fea50013, var(--sp-secondary), #fea50013);
    animation: scrollLine1 4s linear infinite;
}

.footer-middle .footer-wrapper>div>div:nth-child(2):after {
    animation: scrollLine2 5s linear infinite;
}

.footer-middle .footer-wrapper>div>div:nth-child(3):after {
    animation: scrollLine1 6s linear infinite;
}

@keyframes scrollLine1 {
    0% {
        top: -40%;
        opacity: 1;
    }

    50% {
        top: 50%;
    }

    100% {
        top: 90%;
        opacity: 1;
    }
}

@keyframes scrollLine2 {
    0% {
        top: 90%;
        opacity: 1;
    }

    50% {
        top: 50%;
    }

    100% {
        top: -40%;
        opacity: 1;
    }
}

.footer-middle .footer-wrapper>div>div:last-child::after {
    content: unset;
}

.footer-middle .widget-contact .contact-icon {
    background: var(--sp-secondary2);
}

.footer-section .footer-contact .widget-contact .contact-area .contact-icon::before,
.footer-section .footer-contact .widget-contact .contact-area .contact-icon::after,
.footer-section .footer-middle .widget-contact .contact-area .contact-icon::before,
.footer-section .footer-middle .widget-contact .contact-area .contact-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
}

.footer-section .footer-contact .widget-contact .contact-area .contact-icon::before {
    animation: wave1 2s infinite;
}

.footer-section .footer-contact .widget-contact .contact-area .contact-icon::after {
    animation: wave2 2s infinite;
}

.footer-section .footer-middle .widget-contact .contact-area .contact-icon::before {
    animation: wave6 2s infinite;
}

.footer-section .footer-middle .widget-contact .contact-area .contact-icon::after {
    animation: wave5 2s infinite;
}


.footer-middle .widget-contact .contact-area .contact-info>p>a {
    color: var(--sp-white);
    font-size: medium;
}

.footer-middle .widget-contact .contact-area .contact-info>p {
    color: var(--sp-secondary);
    font-size: small;
}

/* Footer Above */
.footer-above {
    padding: 35px 0;
}

.widget_social_widget ul li {
    display: inline-block;
}
.footer-above .widget ul li{
    margin-bottom: 0;
}
.widget ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}
.widget .brand>a {
    width: fit-content;
}
.widget_social_widget ul li .social-a,
.footer-above .widget_social_widget ul a:not(.header-widget .widget_social_widget ul a),
.widget_payment_methods ul.payment_methods li a {
    border-radius: 50%;
    font-size: 18px;
    width: 40px;
    height: 40px;
    display: block;
    box-shadow: 0px 0px 5px -3px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    transition: var(--sp-transition);
	text-decoration: none;
}

.widget_social_widget ul li .social-a,
.footer-above .widget_social_widget ul a:not(.header-widget .widget_social_widget ul a) {
    color: var(--sp-primary);
    background: var(--sp-white);
}

.footer-section .widget_social_widget ul .social-effect .social-a.active,
.footer-section .widget_social_widget ul .social-effect .social-a:hover,
.footer-section .widget_social_widget ul .social-effect .social-a:focus,
.widget_payment_methods ul.payment_methods li a:hover,
.widget_payment_methods ul.payment_methods li a:focus  {
    color: var(--sp-white);
    background: var(--sp-secondary);
}

.widget .payment_methods li {
    display: inline-block;
    margin-right: 5px;
}

.widget .payment_methods li a {
    text-decoration: none;
    font-size: 35px;
    transition: 0.65s;
    display: inline-block;
    color: var(--sp-primary);
    background: var(--sp-white);
    margin: 0 !important;
}

/* footer-copyright */
.footer-copyright {
    padding: 10px;
    background: var(--sp-primary);
}

.brand ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    float: right;
}

.brand ul li {
    display: inline-block;
    margin-left: 30px;
}

.brand ul li>a {
    font-size: 18px;
    font-weight: 500;
}
.brand ul li>a:focus,
.brand ul li>a:hover {
    border-bottom: 1px dashed;
}

.footer-copyright .copyright-text {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 500;
}

.footer-section .footer-copyright .copyright-text a {
    color: var(--sp-secondary);
    font-weight: 600;
    border-bottom: 1px solid;
    transition: var(--sp-transition);
	text-decoration: none;
}
.footer-section .footer-copyright .copyright-text a:focus,
.footer-section .footer-copyright .copyright-text a:hover {
    border-bottom: 1px dotted;
}

.footer-section .no-widget-text a {
	color: #ffffff;
}

/*===== // =====*/

/*===== 19. Footer Small Menu =====*/

.footer-small {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    padding: 0;
    background-color: #fff;
    z-index: 999;
    border-top: 1px solid #e1e1e1;
    transition: bottom .3s;
}

.footer-mobile-menu  a{
	text-decoration: none;
}

.footer-small .footer-mobile-menu {
    position: relative;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 10px;
    border-right: 1px solid var(--sp-border-dark);
}

.footer-small .footer-mobile-menu:nth-child(5) {
    border-right: none;
}

.footer-small .footer-mobile-menu>a {
    display: inline-grid;
    font-size: 24px;
    color: var(--sp-primary2);
    transition: 0.5s;
}

.footer-small .footer-mobile-menu>a>span {
    font-size: 18px;
    font-weight: 600;
    color: var(--sp-gray);
    transition: 0.5s;
}

.footer-small .footer-mobile-menu>a>i {
    position: relative;
    display: block;
    line-height: 22px;
    text-align: center;
    z-index: 1;
    transition: 0.5s;
    color: var(--sp-primary2);
}

.footer-small .footer-mobile-menu.active>a>span {
    color: var(--sp-primary2);
    display: none;
}

.footer-small .footer-mobile-menu.active>a>i {
    color: var(--sp-white);
    font-size: 36px;
    transform: translateY(-6px);
}

.footer-small .footer-mobile-menu a .count,
.count-badge {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    line-height: 20px;
    text-align: center;
    background-color: var(--sp-secondary2);
    color: var(--sp-white);
    display: inline-block;
    font-size: 12px;
    z-index: 1;
}

.footer-small .footer-mobile-menu a .count {
    position: absolute;
    top: 5px;
    right: 50px;
    color: #fff !important;
}

.footer-small .footer-mobile-menu.active>a>span.count {
    display: block;
    top: -32px;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--sp-primary2);
}

.scrollup.style-1 {
    position: fixed;
    bottom: 80px;
    left: 50%;
    width: 60px;
    height: 60px;
    padding: 0;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
    color: var(--sp-white);
    background-color: var(--sp-primary2);
    border: none;
    border-radius: 50%;
    transform: scale(0) translateY(100px);
    -webkit-transform: scale(0) translateY(100px);
    transition: all 2s ease;
    -webkit-transition: all .4s ease;
    z-index: 99;
    visibility: hidden;
    opacity: 0;
    transform: translate(-50%, -50%) scale(0) translateY(400px);
}

.scrollup.style-1.is-active {
    transform: translate(-50%, -50%) scale(1) translateY(0);
    visibility: visible;
    opacity: 1;
}

.docker-mobile .docker-category ul {
	/* display: none; */
}

.nav-indicator {
    display: none;
}

.footer-mobile-menu.active ~ .nav-indicator {
    position: absolute;
    width: 25%;
    height: 100%;
    transition: 0.3s;
    border-bottom: 2px solid var(--sp-secondary2);
    display: block;
}

.nav-indicator .indicator-anim {
    position: relative;
    width: 90px;
    height: 90px;
    top: -25px;
    font-size: 40px;
    border-radius: 50%;
    border: 5px solid var(--dark-1);
    background-color: var(--sp-secondary2);
    z-index: 0;
    margin: auto;
    transition: 0.3s;
}

.footer-small .footer-mobile-menu:nth-child(1).active~.nav-indicator {
    transform: translateX(0%);
}

.footer-small .footer-mobile-menu:nth-child(2).active~.nav-indicator {
    transform: translateX(100%);
}

.footer-small .footer-mobile-menu:nth-child(3).active~.nav-indicator {
    transform: translateX(200%);
}

.footer-small .footer-mobile-menu:nth-child(4).active~.nav-indicator {
    transform: translateX(300%);
}


/*===== // =====*/

/*===== 20. Home Four Banner Section =====*/

.banner-section.banner-home-four, .marquee-four {
    background: url(../images/banner/full-bg/img01.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-bottom: 20px;
    z-index: 0;
    box-shadow: 0px 0px 8px 2px rgb(110 110 110 / 15%);
}
.marquee-four {
    padding: 0;
}
.banner-section.banner-home-four::after,.marquee-four:after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgb(255 255 255 / 90%);
    z-index: -1;
}

/*===== // =====*/

/*===== 21. Marquee Section =====*/
.marquee-section {
    margin: 0;
    overflow: hidden;
    padding: 12px 0px;
}

.marquee-section ul {
    display: flex;
    list-style: none;
    margin: 0;
}

.marquee-section ul li.item {
    position: relative;
    width: auto;
    max-width: 100%;
    font-size: 16px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    margin: auto;
    padding: 0px 10px;
    margin-right: 4px;
    white-space: nowrap;
}

.marquee-section ul li.item a {
    color: var(--sp-gray);
    padding-left: 10px;
    text-decoration: none;
}
.marquee-section ul li.item a:focus,
.marquee-section ul li.item a:hover {
    color: var(--sp-primary2);
}

.marquee-section ul li.item::before {
    content: '\2a';
    font-family: FontAwesome;
    font-weight: 400;
    color: var(--sp-primary2);
    font-size: 200%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

.marquee-section.style1 {
    background-color: var(--dark-2);
    border-top: 1px solid var(--sp-border-dark);
    border-bottom: 1px solid var(--sp-border-dark);
}

.marquee-section.style2 {
    padding: 14px 0px;
    border-radius: var(--sp-radius);
    background-color: var(--sp-primary);
}

.marquee-section.style2 ul li.item::before,
.marquee-section.style2 ul li.item a {
    color: var(--sp-white);
}

.marquee-section ul li.item.active a {
    color: var(--sp-secondary);
}

/* Duplicate list for a seamless loop */
.mrq-loop ul:hover {
    animation-play-state: paused !important;
}

/* Keyframes for scrolling effect */
@keyframes marquee-left {
    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(0);
    }
}

@keyframes marquee-right {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

/*===== // =====*/

/*===== 22. Breadcrumb Section =====*/

.breadcrumb-section {
    padding: 20px 0;
}

.breadcrumb-wrapper {
    padding: 65px 25px;
    color: var(--sp-gray2);
    border-radius: var(--sp-radius);
    border: 1px solid var(--sp-border-dark);
    background-color: var(--dark-2);
    background-image: url('../images/breadcrumb/background.png');
    background-size: contain;
    background-position: center;
}

.breadcrumb-heading h3 {
    font-weight: 700;
    -webkit-line-clamp: 1;
}

.breadcrumb-list {
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 0;
    margin-top: 5px;
}

.breadcrumb-list li {
    display: inline-flex;
    word-break: break-word;
    font-weight: 600;
    align-items: center;
    color: var(--sp-primary2);
}

.breadcrumb-list li  i{
	 line-height: 2;
     font-size: 12px;
}

.breadcrumb-list li.active span {
    -webkit-line-clamp: 1;
}

.breadcrumb-list li a {
    color: var(--sp-secondary2);
    text-decoration: none;
}

.breadcrumb-carousel .categories-item .categories-img {
    width: 60px;
    height: 60px;
}

.breadcrumb-carousel .owl-carousel .owl-nav button.owl-prev,
.breadcrumb-carousel .owl-carousel .owl-nav button.owl-next {
    width: 22px;
    height: 22px;
    line-height: 24px;
    font-size: 65%;
}

.breadcrumb-carousel .categories-item .categories-content h6 {
    font-size: 16px;
}

.breadcrumb-carousel .categories-item .categories-content .categories-categories {
    font-size: 14px;
}

.breadcrumb-carousel .count-badge {
    width: 15px;
    height: 15px;
    font-size: 10px;
    line-height: 15px;
}

/*===== // =====*/

/*===== 23. About Section =====*/

.about-panel {
    color: var(--sp-gray2);
}

.about-section img {
    border-radius: var(--sp-radius);
}

.about-panel h2 {
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 1.4;
}

.about-panel p {
    line-height: 1.8;
    margin-bottom: 20px;
}

.about-details {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.about-details li {
    display: flex;
    align-items: center;
}

.about-details li>i {
    width: 16px;
    height: 16px;
    font-size: 12px;
    line-height: 16px;
    margin-right: 6px;
    text-align: center;
    border-radius: 50px;
    color: var(--sp-white);
    background-color: var(--sp-secondary2);
}

.btn.contact-btn {
    font-weight: 600;
    margin-top: 10px;
    border-radius: 25px;
    padding: 10px 20px;
    color: var(--sp-white);
    background-color: var(--sp-primary2);
}

/*===== // =====*/

/*===== 24. Service Section =====*/

.service-section {
    position: relative;
    overflow: hidden;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}

.service-section::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgb(247 247 247 / 20%);
    z-index: -1;
}

.service-slider.owl-carousel.owl-drag .owl-item {
    padding-right: 5px;
}

.item-group {
    display: grid;
    gap: 30px;
}

.service-item {
    text-align: center;
    color: var(--sp-gray2);
    padding: 25px;
    margin-bottom: 5px;
    background-color: var(--sp-white);
    border-radius: var(--sp-radius);
    box-shadow: 5px 5px 0px var(--sp-secondary);
    transition: var(--sp-transition);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    background-image: url('../images/about/service/patter1.png');
}
.service-item:focus-within,
.service-item:hover {
    box-shadow: 5px 5px 0px var(--sp-primary2);
    background-image: url('../images/about/service/patter2.png');
}

.service-icon {
    position: relative;
    width: 90px;
    height: 90px;
    margin: auto;
    display: flex;
    font-size: 38px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--sp-white);
    margin-bottom: 20px;
    background: var(--sp-secondary);
    transition: var(--sp-transition);
    box-shadow: inset 0px 0px 12px 4px rgb(114 114 114 / 20%);
}

.service-icon::before {
    content: "";
    position: absolute;
    top: -6px;
    left: -6px;
    right: -6px;
    bottom: -6px;
    border-radius: 50%;
    border: 6px solid;
    border-color: var(--sp-secondary);
    opacity: 0.5;
    transition: inherit;
    pointer-events: none;
}

.service-item:focus-within .service-icon,
.service-item:hover .service-icon {
    background: var(--sp-primary2);
}

.service-item:focus-within .service-icon::before,
.service-item:hover .service-icon::before {
    border-color: var(--sp-primary2);
}

.service-item .service-content h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
    -webkit-line-clamp: 1;
}

.service-item .service-content p {
    -webkit-line-clamp: 2;
}

/*===== // =====*/

/*===== 25. Team Section =====*/

.team-section .container-wrapper {
    padding: 25px 0 0;
    border: none;
    border-top: 1px solid var(--sp-border-dark);
}

.team-item {
    position: relative;
}

.team-item img {
    width: 100%;
    border-radius: 5px;
    margin-bottom: 40px;
}

.team-content {
    position: absolute;
    bottom: -25px;
    left: 50%;
    width: 85%;
    padding: 12px 20px;
    transform: translateX(-50%);
    text-align: center;
    color: var(--sp-secondary2);
    border-radius: var(--sp-radius);
    background-color: var(--sp-white);
    box-shadow: 0px 2px 8px rgba(0, 0, 0, .2);
    transition: var(--sp-transition);
}

.team-item:focus-within .team-content,
.team-item:hover .team-content {
    color: var(--sp-white);
    background-color: var(--sp-primary);
}

.team-item .st-name {
    font-size: 20px;
    margin-bottom: 2px;
    font-weight: 600;
}

.team-item .st-position {
    font-size: 15px;
}

.team-item .st-name a {
    color: var(--sp-gray);
}

.team-item:hover .st-name a,
.team-item:focus-within .st-name a {
    color: var(--sp-secondary);
}

.st-media::after {
    content: '';
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    border-radius: var(--sp-radius);
    background: rgba(0 0 0 / 40%);
    z-index: 0;
    transition: var(--sp-transition);
}

.team-item:focus-within .st-media::after,
.team-item:hover .st-media::after {
    opacity: 1;
    visibility: visible;
}

.team-social {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    max-height: 380px;
    transition: all .4s ease-in-out;
    display: inline-block;
    z-index: 9;
    list-style: none;
    padding: 0;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(75%);
}

.team-item:focus-within .team-social,
.team-item:hover .team-social {
    transform: translateY(0%);
    opacity: 1;
    visibility: visible;
}

.team-social li {
    margin-bottom: 6px;
    display: block;
    text-align: center;
}

.team-social li a {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    font-size: small;
    align-items: center;
    justify-content: center;
    color: var(--sp-secondary);
    background: var(--sp-white);
    transition: background 0.5s, transform 0.3s;
}
.team-social li a:focus,
.team-social li a:hover {
    color: var(--sp-white);
    background: var(--sp-secondary);
}

/*===== // =====*/

/*===== 26. About Testimonial Section  =====*/

.about-testimonial-section .client-item .client-description {
    padding: 4px 12px;
}

.about-testimonial-section .client-item .client-inner {
    border-radius: var(--sp-radius);
    background-color: var(--dark-2);
    overflow: hidden;
}

.about-testimonial-section .client-item .client-detail img {
    border-radius: 5px;
    border: 2px solid var(--sp-primary2);
}

.about-testimonial-section .client-item .client-description .rating {
    padding-top: 10px;
    margin-bottom: 6px;
    border-top: 1px solid var(--sp-border-dark);
}

.about-testimonial-section .client-item .client-description::before {
    content: unset;
}

.about-testimonial-section .client-item:hover .client-detail img {
    border: 2px solid var(--sp-secondary);
}

.about-testimonial-section .client-item:hover .client-description::after {
    background: var(--sp-secondary);
}

.about-testimonial-section .client-item .client-description::after {
    content: "\f10e";
    font-family: 'FontAwesome';
    position: absolute;
    top: -22px;
    right: -45px;
    font-size: 40px;
    width: 140px;
    height: 120px;
    padding-top: 32px;
    padding-left: 34px;
    color: var(--sp-white);
    background: var(--sp-primary2);
    /* clip-path: polygon(19% 0, 100% 33%, 57% 100%, 0 64%); */
    clip-path: polygon(10% 0, 100% 0, 100% 66%, 57% 100%, 0 64%);
    transition: background 0.5s ease-in-out;
}

/*===== // =====*/

/*===== 27. Funfact Section  =====*/

.funfact-section {
    position: relative;
    overflow: hidden;
    padding: 65px 0;
    background-color: rgb(0 0 0 / 50%);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center bottom, 80% bottom;
    background-blend-mode: multiply;
    background-size: cover;
}

.funfact-item {
    text-align: center;
    color: var(--sp-white);
}

.funfact-img {
    width: 90px;
    height: 90px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size: 35px;
    margin-bottom: 20px;
    border-radius: 50%;
    background-color: var(--sp-primary2);
}

.funfact-img::after {
    content: "";
    position: absolute;
    width: 105px;
    height: 105px;
    border-radius: 50%;
    border: 2px dashed var(--sp-primary2);
}

.funfact-item:hover .funfact-img::after {
    animation: rotate 5s linear infinite;
}

.funfact-content h5 {
    font-size: 40px;
    font-weight: 700;
    color: var(--sp-secondary);
    margin-bottom: 4px;
}

.funfact-content>span {
    font-size: 22px;
    font-weight: 600;
}

/*===== // =====*/

/*===== 28. Features Section  =====*/

.feature-item {
    border-radius: var(--sp-radius);
    overflow: hidden;
    text-align: center;
}

.feature-img {
    position: relative;
}

.feature-img::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgb(0 0 0 / 40%);
    transition: var(--sp-transition);
}

.feature-wrap {
    position: relative;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-radius: 0 0 4px 4px;
    border-color: var(--sp-border-dark);
    min-height: 100px;
    transition: var(--sp-transition);
}

.feature-item:hover .feature-img::after {
    background: rgb(255 168 46 / 40%);
}

.feature-item:hover .feature-wrap {
    border-color: var(--sp-primary2);
}

.feature-content {
    position: absolute;
    top: 0;
    margin: 0 15px;
    height: 0;
    width: -webkit-fill-available;
    padding: 52px 10px 10px;
    color: var(--sp-gray2);
    border-radius: var(--sp-radius);
    background-color: var(--sp-white);
    transition: var(--sp-transition);
}

.feature-content h6 {
    font-weight: 700;
    margin-bottom: 8px;
    -webkit-line-clamp: 1;
}

.feature-content p {
    height: 0;
    -webkit-line-clamp: 2;
    transition: var(--sp-transition);
}

.feature-icon {
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 35px;
    border-radius: 50%;
    color: var(--sp-white);
    position: absolute;
    left: 50%;
    transform: translate(-50%, -110%);
    background-color: var(--sp-secondary);
    transition: var(--sp-transition);
}

.feature-item:hover .feature-content {
    box-shadow: 0px 4px 8px #7e7e7e2b;
    top: -70px;
    height: fit-content;
}

.feature-item:hover .feature-content p {
    height: fit-content;
}

.feature-item:hover .feature-icon {
    background-color: var(--sp-primary2);
}

.service-item:hover .service-icon i,
.feature-item:hover .feature-icon i,
.service-item:focus-within .service-icon i,
.feature-item:focus-within .feature-icon i {
    animation: pulse-grow 0.3s linear infinite alternate;
}

.feature-item .feature-icon::before,
.feature-item .feature-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
}

.feature-item:hover .feature-icon::before,
.feature-item:focus-within .feature-icon::before {
    animation: wave1 4s infinite;
}

.feature-item:hover .feature-icon::after,
.feature-item:focus-within .feature-icon::after {
    animation: wave2 4s infinite;
}

/*===== // =====*/

/*===== 29. Sponsor Section  =====*/

.sponsor-section {
    position: relative;
    overflow: hidden;
    padding: 55px 0;
    /* background-image: url('../images/breadcrumb/background.png'); */
    background-size: contain;
    border-top: 1px solid var(--sp-border-dark);
    border-bottom: 1px solid var(--sp-border-dark);
}

/*===== // =====*/

/*===== 30. 404 Section  =====*/

.section404 {
    position: relative;
    overflow: hidden;
    color: var(--sp-gray2);
    margin: 15px 0px;
    padding: 80px 0;
    background-image: url('../images/bg-404.png');
    /* mask-image: url('../images/bg-404.svg'); */
    /* background-color: var(--sp-primary); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	
	/* background-image: url(../images/teams/team-pattern.svg); */
    /* mask-image: url(../images/teams/team-pattern.svg); */
    /* background-repeat: no-repeat; */
    /* background-size: 0%; */
    /* background-position: bottom; */
    /* opacity: 0; */
}

.card404 h1 {
    font-size: 310px;
    line-height: 250px;
    margin-bottom: 25px;
    font-weight: 600;
}

.card404 h4 {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 18px;
}

.card404 p {
    margin-bottom: 24px;
    font-size: 20px;
    font-weight: 500;
    color: var(--sp-secondary2);
}

/*===== // =====*/

/*===== 31. Login Section  =====*/

.login-section form label {
    display: none;
}

.login-section form input {
    margin-bottom: 16px;
}

.login-section form label.woocommerce-form-login__rememberme {
    display: block;
    margin-bottom: 16px;
}

.login-section form label.woocommerce-form-login__rememberme input {
    margin-bottom: 0;
}

.login-section form .woocommerce-LostPassword {
    margin-bottom: 1px;
}

.login-section form .woocommerce-LostPassword a {
    font-size: 15px;
    color: var(--sp-secondary2);
}

.signpageforms, .signin-form {
    overflow: hidden;
    border-radius: 15px 15px 4px 4px;
    border: 1px solid var(--sp-border-dark);
}

.signpageforms h5, .signin-form h5 {
    font-size: 24px;
    padding: 15px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
    color: var(--sp-white);
    background-color: var(--sp-primary2);
}

.signpageforms form.login,
.signin-form form.register {
    padding: 20px;
    border: none;
    margin: 0;
}

.password-input {
    position: relative;
    display: block;
}

.woocommerce form .show-password-input {
	background: none !important;
}

/*===== // =====*/

/*===== 32. FAQs Section  =====*/

.faq-section {
    color: var(--sp-gray2);
}

.faq-item h3 {
    font-weight: 600;
    margin-bottom: 25px;
}

.accordion .card,
.st-accordion.accordion,
.st-accordion .accordion-item,
.st-accordion .accordion-item:first-of-type,
.st-accordion .accordion-item:last-of-type,
.st-accordion .accordion-item:last-of-type>.accordion-collapse {
    border-radius: 0;
    box-shadow: none;
}

.accordion .card:not(:last-child) {
	border-bottom: 0;
}

.accordion .card .card-header{
    padding: 0;
    border: 0;
}

.accordion .acc-btn:not(.collapsed),
.st-accordion .accordion-button:not(.collapsed) {
    background-color: var(--sp-primary2);
    color: var(--sp-white);
}

.st-accordion .accordion-button, .accordion .acc-btn {
	width: 100%;
    border: 0;
    padding-left: 3rem;
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
    position: relative;
    font-weight: 600;
    font-size: large;
    border-radius: unset !important;
}

.accordion .acc-btn:focus,
.st-accordion .accordion-button:focus {
    box-shadow: none;
}

.faq-section .card-body,
.st-accordion .accordion-body {
    line-height: 2;
}

.accordion .acc-btn::after,
.st-accordion .accordion-button::after {
    position: absolute;
    left: 1.2rem;
    top: 50%;
    transform: translateY(-50%) !important;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: var(--sp-primary2);
    color: var(--sp-white);
    content: '+';
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: bold;
    background-image: none !important;
    transition: background-color 0.3s ease;
}

.accordion .acc-btn:not(.collapsed)::after,
.st-accordion .accordion-button:not(.collapsed)::after {
    content: '−';
    color: var(--sp-primary2);
    background-color: var(--sp-white);
}

.up-sells.products{
    border: 0;
}

.help-section {
    border: 1px solid var(--sp-border-dark);
    padding: 30px;
    text-align: center;
    background-color: var(--dark-2);
    max-width: 574px;
    margin: 30px auto;
    color: var(--sp-gray2);
}

.help-title {
    color: var(--sp-primary2);
    font-weight: 700;
}

.help-text {
    margin-top: 10px;
    margin-bottom: 15px;
}

.help-highlight {
    color: var(--sp-secondary2);
    font-weight: 600;
}

.help-highlight>i {
    color: var(--sp-secondary2);
    font-size: 1.2rem;
    margin-right: 5px;
}

.help-section .btn {
    border-radius: 25px;
    font-size: large;
}

/*===== // =====*/

/*===== 33. Blog Section =====*/

.post-section {
    position: relative;
    overflow: hidden;
}

.post-items {
    position: relative;
    width: 100%;
    display: flow;
    border: 1px solid var(--sp-border-dark);
    border-radius: var(--sp-radius);
    transition: var(--sp-transition);
}
.post-items.product.type-product {
	padding-bottom: 30px;
}
.post-slider .post-items {
    margin-bottom: 8px;
}

.post-slider .post-items {
    margin-bottom: 8px;
}

.featured-image {
    position: relative;
    overflow: hidden;
    min-height: 42px;
}

.featured-image>a>img {
    width: 100%;
}

.lehr_effect {
    position: relative;
    overflow: hidden;
}

.lehr_effect::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 0;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    transform: skewX(-25deg);
}

.bannerinfo-slider aside.bannerinfo:hover.lehr_effect::before,
.banner-item:hover.lehr_effect::before,
.highlight-section .row>div:hover.lehr_effect::before,
.post-items:hover .lehr_effect::before,
.bannerinfo-slider aside.bannerinfo:focus-within.lehr_effect::before,
.banner-item:focus-within.lehr_effect::before,
.highlight-section .row>div:focus-within.lehr_effect::before,
.post-items:focus-within .lehr_effect::before {
    animation: spShine .75s;
}

.post-content {
    padding: 0 18px;
    position: relative;
    color: var(--sp-gray2);
    display: flex;
    gap: 10px;
}

.post-title {
    position: relative;
    margin-bottom: 5px;
}

.post-content .text {
    line-height: 1.8;
    -webkit-line-clamp: 2;
    font-size: 15px;
}

.post-title a {
    -webkit-line-clamp: 2;
    font-size: 24px;
    font-weight: 600;
    color: var(--sp-gray2);
}
.post-title a:focus,
.post-title a:hover {
    color: var(--sp-primary2);
}

.post-items .btn.more-link {
    color: var(--sp-secondary2);
    border-bottom: 1px solid;
    border-radius: 0;
    line-height: 1.2;
    font-weight: 600;
}

.post-meta {
    position: absolute;
	flex-wrap: wrap;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: var(--sp-primary2);
    margin: 0;
    gap: 10px;
    font-size: 15px;
    color: var(--sp-secondary);
    padding: 10px 5px;
    padding-left: 140px;
}

.post-meta>span>a {
    color: var(--sp-white);
}

.post-meta>span>a>span {
    color: var(--sp-secondary);
    font-weight: 600;
}

.post-left {
    position: relative;
    border-radius: 0 0 50px 50px;
    background-color: var(--dark-2);
    display: grid;
    align-content: space-between;
    padding: 0 20px;
}

.post-right {
    padding-top: 15px;
    padding-bottom: 20px;
}

.post-author {
    position: absolute;
    top: 45px;
    left: 50%;
    transform: translate(-50%, -100%);
    display: block;
    width: 100%;
    height: auto;
    border-radius: 50%;
    object-fit: contain;
    border: 5px solid var(--dark-2);
}
.post-items:not(:has(.post-image)) .post-content .post-left {
    margin-top: 65px;
}
.post-author>img{
    width: 100%;
    border-radius: 50%;
}
.post-comment>a {
    position: relative;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 35px;
    border: 1px solid var(--sp-border-dark);
}

.post-comment>a>span {
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
}

.post-date {
    z-index: 1;
    margin: auto;
    margin-top: 10px;
}

.post-date>a {
    color: var(--sp-white);
    background-color: var(--sp-primary2);
    border-radius: 50%;
    width: 70px;
    height: 70px;
    text-align: center;
    display: block;
    overflow: hidden;
}

.post-date span {
    display: block;
    line-height: 1.2;
}

.post-date span.date {
    font-size: 20px;
    font-weight: 600;
    padding-top: 5px;
}

.post-date span.month {
    font-size: 12px;
    font-weight: 500;
}

.post-date span.year {
    font-weight: 500;
    padding-bottom: 10px;
    background-color: var(--sp-secondary2);
}

.post-content .quote-box {
    background-color: var(--dark-2);
    padding: 20px 15px;
    margin: 16px 0;
    position: relative;
    font-weight: 500;
    border: 1px solid var(--sp-border-dark);
    border-radius: var(--sp-radius);
    border-left: 4px solid var(--sp-secondary);
}

.post-content .quote-box::after {
    content: "\f10e";
    font-size: 30px;
    color: var(--sp-secondary);
    position: absolute;
    bottom: 0.5rem;
    right: 1.5rem;
    font-family: 'FontAwesome';
}

.post-content .quote-author {
    font-weight: bold;
    color: var(--sp-secondary2);
    margin-top: 1rem;
}

/*==== Pagination ====*/
.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
}

.navigation.pagination {
    display: inline-flex;
    padding: 4px;
    border-radius: 25px;
    color: var(--sp-white);
    background-color: var(--sp-primary2);
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal;
}
.screen-reader-text:focus{
	clip: auto !important;
}
nav.woocommerce-pagination ul,
.pagination .nav-links {
    display: inline-flex;
}

.pagination .nav-links .page-numbers {
    border: 0;
    font-weight: 600;
    color: var(--sp-white);
    display: flow-root;
    font-size: 16px;
    line-height: 44px;
    width: 40px;
    height: 44px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    position: relative;
    text-decoration: none;
    border-radius: 25px;
    cursor: pointer;
    margin-right: 12px;
    z-index: 1;
    transition: var(--sp-transition);
}

.pagination .nav-links a.prev.page-numbers,
.pagination .nav-links a.next.page-numbers {
    width: unset;
    padding: 0 15px;
    color: var(--sp-secondary2);
    background-color: var(--dark-2);
}

.pagination .nav-links a.prev.page-numbers:hover,
.pagination .nav-links a.next.page-numbers:hover {
    content: unset;
    color: var(--sp-secondary);
    background-color: var(--sp-primary);
}

.pagination .nav-links a.prev.page-numbers:hover::before,
.pagination .nav-links a.next.page-numbers:hover::before {
    content: unset;
}

.pagination .nav-links a.prev.page-numbers {
    margin-right: 20px;
}

.pagination .nav-links a.next.page-numbers {
    margin-left: 8px;
    margin-right: 0;
}

.pagination .page-numbers:last-child {
    margin-right: 0;
}

.pagination .nav-links .page-numbers:hover,
.pagination .nav-links .page-numbers.current {
    color: var(--sp-primary2);
}

.pagination .nav-links .page-numbers:hover::before,
.pagination .nav-links .page-numbers.current::before {
    content: "\f179";
    font-family: 'FontAwesome';
    display: block;
    font-size: 42px;
    position: absolute;
    top: -2px;
    z-index: -1;
    color: var(--sp-white);
    left: 50%;
    transform: translateX(-50%);
}

/*===== // =====*/

/*===== 34. Blog Single Page =====*/

.blog-section.blog-single-page .widget-single-page {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 13px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    margin-bottom: 25px;
    border-color: var(--sp-border-dark);
}

.blog-section.blog-single-page .widget-single-page .sinlge-page-tag,
.blog-section.blog-single-page .widget-single-page .widget_social_widget {
    display: flex;
    align-items: center;
    gap: 10px;
}

.blog-section.blog-single-page .widget-single-page .widget_social_widget ul li a {
    font-size: 18px;
    width: 32px;
    height: 35px;
    color: var(--sp-primary);
}

.blog-section.blog-single-page .blog-post.author-details {
    position: relative;
    overflow: hidden;
    padding: 15px;
    box-shadow: 0px 0px 8px rgb(0 0 0 / 10%);
    border-radius: var(--sp-radius);
    background-color: var(--dark-1);
}

.blog-section.blog-single-page .blog-post.author-details .media {
    display: flex;
    gap: 6px;
}

.blog-section.blog-single-page .blog-post.author-details .media-body h2 {
    display: inline-block;
    font-size: 22px;
    font-weight: 700;
    color: var(--sp-gray2);
}

.blog-section.blog-single-page .author-meta-det h4 a {
    font-size: 16px;
    font-weight: 600;
    color: var(--sp-secondary2);
    text-decoration: none;
    line-height: 2;
}

.blog-section.blog-single-page .author-details .widget_social_widget li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    margin-right: 5px;
    border-radius: 50%;
    color: var(--sp-white);
    background-color: var(--sp-primary2);
}

.blog-section.blog-single-page .author-details .widget_social_widget li a:focus,
.blog-section.blog-single-page .author-details .widget_social_widget li a:hover {
    color: var(--sp-secondary);
    background-color: var(--sp-primary);
}

.post-section .comments-area .comments-title h3 {
    font-size: 28px;
    font-weight: 700;
    color: var(--sp-primary);
}


.post-section .comments-area .comments-title h3 {
    font-size: 24px;
    font-weight: 700;
    color: var(--sp-secondary2);
}

/* comment */
.post-section .comment-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.post-section ol.comment-list li {
    list-style: none;
}

.post-section .comments-area .comment-body {
    position: relative;
    min-height: 120px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    border-radius: 3px;
    z-index: 0;
    margin-bottom: 5px;
    margin: 20px 0;
    padding: 20px;
    padding-left: 110px;
    border: 1px solid var(--sp-border-dark);
    background: var(--dark-1);
}

.post-section .comments-area .comment-meta .comment-author img {
    position: absolute;
    z-index: 0;
    left: 16px;
    border-radius: 50%;
    width: 85px;
    height: 85px;
    border: 1px solid var(--sp-border-dark);
}

.post-section .comments-area .comment-meta .comment-author {
    margin-bottom: 25px;
}

.post-section .comments-area .comment-meta .comment-author .fn a,
.post-section .comments-area .comment-meta .comment-author .fn {
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    transition: 1s;
    color: var(--sp-primary2);
}

.post-section .comments-area .comment-body .reply a.comment-reply-link {
    position: relative;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    padding-left: 20px;
    transition: 1s;
    color: var(--sp-secondary2);
}

.post-section .comments-area .comment-body .comment-metadata a time {
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    position: absolute;
    left: 110px;
    top: 50px;
    padding-left: 20px;
    transition: 0.65s;
    color: var(--sp-secondary);
}

.post-section .comments-area .comment-body .reply a.comment-reply-link:before,
.post-section .comments-area .comment-body .comment-metadata a time:before {
    font-family: 'FontAwesome';
    position: absolute;
    top: 0;
    left: 0;
    color: var(--sp-secondary);
}

.post-section .comments-area .comment-body .reply a.comment-reply-link:before {
    content: "\f112";
    color: var(--sp-secondary2);
}

.post-section .comments-area .comment-body .comment-metadata a time:before {
    content: "\f133";
}

.post-section .comment-list .children {
    position: relative;
    padding: 0;
    margin: 0;
    margin-left: 2.5rem;
    z-index: 0;
}

.post-section ol.comment-list li#comment-13 {
    margin-left: -70px;
}

.woocommerce #review_form #respond {
    padding: 30px 25px;
    border-radius: var(--sp-radius);
    border: 1px solid var(--sp-border-dark);
    background-color: var(--dark-2);
}

.woocommerce #review_form #respond .comment-reply-title {
    margin-bottom: 6px;
    font-size: 24px;
    font-weight: 700;
    color: var(--sp-gray2);
}

.comment-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

.comment-form>p:nth-child(1n+1):not(.comment-form-email):not(.comment-form-comment):not(.comment-form-cookies-consent):not(.form-submit):not(.comment-form-url) {
    margin-right: 30px !important;
}

.comment-form>p:not(.comment-notes):not(.comment-form-comment):not(.comment-form-cookies-consent):not(.form-submit) {
    flex: 45.5%;
}

.comment-form>p label {
    display: none;
}

.comment-form>p input {
    outline: none;
    font-size: 15px;
    font-weight: 400;
    color: var(--sp-gray2);
    margin-bottom: 10px;
    border-radius: var(--sp-radius);
    border: 1px solid var(--sp-border-dark);
    background-color: var(--sp-white);
}

.comment-respond textarea#comment::placeholder,
.comment-form>p input::placeholder {
    color: var(--sp-gray2);
}

.comment-form-cookies-consent,
.form-submit,
.comment-form-comment {
    max-width: 100%;
    flex-basis: 100%;
}

.comment-respond textarea#comment {
    height: 150px;
    overflow: auto;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    resize: vertical;
    padding: 15px;
    margin-top: 15px;
    margin-bottom: 20px;
    color: var(--sp-gray2);
    outline: none;
    border-radius: var(--sp-radius);
    border: 1px solid var(--sp-border-dark);
    background: var(--sp-white);
}

.comment-form>p.comment-form-cookies-consent input {
    margin: 0;
}

.comment-form-cookies-consent {
    display: flex;
    align-items: center;
}

.comment-form>p.comment-form-cookies-consent label {
    display: block;
    margin-left: 8px;
    font-size: 14px;
}

.comment-respond input#comment-submit {
    border-radius: 5px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 25px;
    margin-top: 10px;
    margin-bottom: 0;
    color: var(--sp-white);
    background-color: var(--sp-primary2);
    transition: var(--sp-transition);
}
.comment-respond input#comment-submit:focus,
.comment-respond input#comment-submit:hover {
    color: var(--sp-secondary);
    background-color: var(--sp-primary);
}

.comment-respond .comment-form .comment-form-rating {
    margin-left: auto;
}

/*===== // =====*/

/*===== 35. Contactform Section =====*/

.contactform-section {
    color: var(--sp-gray2);
    margin-top: 50px;
    position: relative;
    overflow: hidden;
    padding: 55px 0;
    background-color: var(--dark-2);
    border-top: 1px solid var(--sp-border-dark);
    background-image: url('../images/contact/contact-form/bg-pattern.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 0;
}

.contactinfo-full {
    width: 100%;
    height: 200%;
    position: absolute;
    right: 68%;
    top: 50%;
    z-index: -1;
    transform: translateY(-50%);
}

.contactinfo-full.ripple-area canvas {
    z-index: 0 !important;
}

.contactinfo-full::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    z-index: 0;
}

.contactinfo-full img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.contactform h4 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 30px;
}

.contact-touch .wpcf7-form {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: -5.5%;
}

.contact-touch .wpcf7-form label {
    display: none;
}

.contact-touch .wpcf7 form p:nth-child(2),
.contact-touch .wpcf7 form p:nth-child(3),
.contact-touch .wpcf7 form p:nth-child(4),
.contact-touch .wpcf7 form p:nth-child(5) {
    flex: 0 0 48.5%;
    margin-bottom: 2.5%;
}

.contact-touch .wpcf7 form p:nth-child(3),
.contact-touch .wpcf7 form p:nth-child(5) {
    margin-left: 2.5%;
}

.contact-touch .wpcf7-form input.wpcf7-form-control,
.contact-touch .wpcf7-form select.wpcf7-form-control,
.contact-touch .wpcf7-form textarea.wpcf7-form-control {
    border-radius: var(--sp-radius);
    background-color: var(--sp-white);
    font-weight: 400;
}

.contact-touch .wpcf7-form input.wpcf7-form-control::placeholder,
.contact-touch .wpcf7-form select.wpcf7-form-control::placeholder,
.contact-touch .wpcf7-form textarea.wpcf7-form-control::placeholder {
    color: var(--sp-gray2);
}

.contact-touch .wpcf7 form p {
    flex: 100%;
    margin-bottom: 2.5%;
}

.contact-touch .wpcf7-form input[type="submit"] {
    font-size: 18px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 0;
    border: 0;
    padding: 10px 24px;
    color: var(--sp-white);
    border-radius: var(--sp-radius);
    background-color: var(--sp-primary2);
    transition: var(--sp-transition);
}

.contact-touch .wpcf7-form input[type="submit"]:hover {
    color: var(--sp-secondary);
    background-color: var(--sp-primary);
}

.contact-touch .wpcf7-form>p.comment-form-cookies-consent {
    display: flex;
    align-items: center;
}

.contact-touch .wpcf7-form>p.comment-form-cookies-consent label {
    display: block;
    margin-left: 8px;
    font-size: 14px;
}

.wpcf7-not-valid-tip {
	position: absolute;
}

.contactinfo {
    display: flex;
    align-items: center;
    padding: 40px 15px;
    margin-bottom: 25px;
    border-radius: var(--sp-radius);
    border: 1px solid #6a6a6a;
    background: #ffffff17;
    transition: var(--sp-transition);
}

.contactinfo:last-child {
    margin-bottom: 0;
}

.contactinfo-icon {
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 55px;
    margin-right: 10px;
    font-size: 30px;
    border-radius: 50%;
    color: var(--sp-secondary);
    background-color: #38ac5033;
    flex-shrink: 0;
    border: 1px solid var(--sp-primary2);
    transition: var(--sp-transition);
}

.contactinfo h5 {
    color: var(--sp-primary2);
    font-weight: 600;
    font-size: 18px;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    margin: 0px;
}

.contactinfo h5 a {
    color: var(--sp-white);
    font-weight: 500;
    font-size: 14px;
    margin-top: 5px;
    text-decoration: none;
}

/*===== // =====*/

/*===== 36. Client Review Section =====*/

.client-review-section {
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
}

.client-review-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1;
}

.rating-box {
    text-align: center;
    border-radius: var(--sp-radius);
    border: 8px solid var(--sp-border-dark);
    background: var(--sp-white);
}

.rating-header {
    padding: 6px;
    font-weight: bold;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: var(--sp-white);
    background-color: var(--sp-secondary);
}

.rating-bar {
    margin-left: 5px;
    display: flex;
    gap: 3px;
    align-items: center;
}

.bar-segment {
    width: 15px;
    height: 4px;
    background-color: white;
    opacity: 0.6;
    border-radius: 2px;
}

.bar-segment.filled {
    opacity: 1;
}
.logo a.site-title {
    display: block;
}
.client-logo a {
    display: block;
}
.client-logo img {
    height: 40px;
    width: auto;
    object-fit: scale-down;
}

.award-section {
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.award-section a{
    display: block;
}
.award-image img {
    width: fit-content !important;
}


/*===== // =====*/

/*===== 37. Map Section =====*/

.open-timing {
    overflow: hidden;
    color: var(--sp-white);
    border-radius: var(--sp-radius);
    background: var(--sp-primary2);
}

.open-timing h6 {
    padding: 15px;
    font-weight: bold;
    text-align: center;
    color: var(--sp-secondary);
    background: var(--sp-primary);
}

.open-timing .day {
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 10px 0;
}

.open-timing .day:last-child {
    border-bottom: none;
}

.open-timing .day span:nth-child(1) {
    font-size: 16px;
    font-weight: 500;
}

.contactmapinfo {
    position: absolute;
    top: 15px;
    width: 100%;
    z-index: 5;
    padding: 0px 20px;
}

.location-card {
    position: relative;
    padding: 12px 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    /* min-width: 230px; */
    cursor: pointer;
    outline: 1px dashed var(--sp-border-dark);
    outline-offset: -5px;
    color: var(--sp-white);
    border-radius: var(--sp-radius);
    background-color: var(--sp-primary2);
    transition: var(--sp-transition);
}

.location-card.active {
    background-color: var(--sp-secondary2);
}

.location-card::after {
    display: none;
    content: '';
    position: absolute;
    bottom: -15px;
    left: 50%;
    z-index: 1;
    width: 22px;
    height: 15px;
    background: var(--sp-secondary2);
    clip-path: polygon(100% 0, 0 0, 48% 100%);
    transform: translateX(-50%);
    transition: var(--sp-transition);
}

.location-card.active::after {
    display: block;
}

.location-card .location-img {
    width: 55px;
    border-radius: 50%;
    border: 3px solid;
    border-color: var(--sp-primary);
    transition: var(--sp-transition);
}

.location-card.active .location-img {
    border-color: var(--sp-white);
}

.location-info a {
    color: var(--sp-white);
    font-size: 14px;
    font-weight: 400;
}

.map iframe {
    width: 100%;
    height: 100%;
    min-height: 350px;
    -webkit-filter: grayscale(90%);
    filter: grayscale(50%);
}

.custom-tab {
    display: none;
    visibility: hidden;
    opacity: 0;
    height: 100%;
}

.custom-tab.active {
    display: block;
    visibility: visible;
    opacity: 1;
    animation: 0.5s slide-up ease-in-out forwards;
}

.custom-tab .map-address-card {
    padding: 15px 20px;
    position: absolute;
    top: 60%;
    left: 50%;
    z-index: 5;
    color: var(--sp-gray2);
    transform: translate(-50%, -50%) scale(0);
    text-align: center;
    background-color: var(--dark-1);
    border-radius: var(--sp-radius);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: all 2s linear;
}

.custom-tab.active .map-address-card {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}

.map-address-card .pin-icon {
    width: 45px;
    height: 45px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 18px;
    margin-bottom: 8px;
    color: var(--sp-white);
    background-color: var(--sp-secondary2);
}

.map-address-card h6 {
    font-weight: 600;
    margin-bottom: 5px;
}

.map-address-card P {
    font-size: 14px;
    margin: 0;
}

/*===== // =====*/

/*===== 38. Subscribe Section =====*/

.subscribe-section {
    position: relative;
    overflow: hidden;
    color: var(--sp-white);
    z-index: 1;
    background-size: cover;
    background-repeat: no-repeat;
}

.subscribe-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: url('../images/contact/subscribe/bg-Pattern.png') no-repeat;
    background-size: contain;
}

.subscribe-section p {
    color: var(--sp-white);
    font-weight: 500;
    margin-top: 25px;
}

.subscribe-input {
    margin-top: 30px;
    border-radius: 30px;
    padding: 2px 4px;
    width: 100%;
    display: flex;
    align-items: center;
    background: var(--sp-white);
}

.subscribe-input input {
    border: none;
    flex: 1;
    outline: none;
    font-size: 14px;
    background: transparent;
}

input::placeholder {
    color: var(--sp-gray2);
}

.subscribe-input a {
    border: none;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: flex;
    font-size: 23px;
    align-items: center;
    justify-content: center;
    background-color: var(--sp-primary2);
    color: var(--sp-white);
}

/*===== // =====*/

/*===== 39. My Account Section =====*/
.woocommerce-account .woocommerce {
    /* display: grid; */
    gap: 20px;
    grid-template-columns: 25% auto;
}

.woocommerce-MyAccount-navigation ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.woocommerce-MyAccount-navigation ul li a {
    display: block;
    color: var(--sp-white);
    margin-bottom: 8px;
    font-weight: 600;
    padding: 12px 15px;
    border-radius: var(--sp-radius);
    background-color: var(--sp-primary2);
    transition: var(--sp-transition);
}

.woocommerce-MyAccount-navigation ul li a:focus,
.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
    color: var(--sp-secondary);
    background-color: var(--sp-primary);
}

.woocommerce-account .woocommerce-MyAccount-content {
    padding: 15px;
    height: fit-content;
    min-height: 200px;
    border-radius: var(--sp-radius);
    background-color: var(--dark-2);
    border: 1px solid var(--sp-border-dark);
}

.woocommerce-account .woocommerce-MyAccount-content strong {
    color: var(--sp-gray2);
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-login {
    color: var(--sp-white);
    padding: 5px 10px;
    font-weight: 600;
    border-radius: var(--sp-radius);
    background-color: var(--sp-secondary2);
}

.woocommerce-account .woocommerce-MyAccount-content a {
    color: var(--sp-primary2);
    border-bottom: 1px solid;
}

.woocommerce-account .woocommerce-MyAccount-content table {
    border-top: 2px solid var(--sp-primary2);
    border-radius: var(--sp-radius);
}

.woocommerce-account .woocommerce-MyAccount-content table th {
    background-color: #eeeeee;
    padding: 10px 15px;
    color: var(--sp-primary2);
}

.woocommerce-account .woocommerce-MyAccount-content table td {
    padding: 8px 15px;
    color: var(--sp-gray);
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions a {
    color: var(--sp-white);
    font-weight: 600;
    border-bottom: none;
	background: var(--sp-primary2);
}

.woocommerce-info {
    padding: 10px;
    display: flex;
    position: relative;
    padding-left: 42px;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    color: var(--sp-gray2);
    border-radius: var(--sp-radius);
    border-top: 2px solid var(--sp-primary2);
    background-color: #eeeeee;
}
.woocommerce-info .button {
    margin-left: auto !important;
}

.woocommerce-info a.wc-forward {
    padding: 8px 10px;
    color: var(--sp-white);
    border-radius: 3px;
    background-color: var(--sp-secondary2);
}

.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
    font-family: 'FontAwesome';
    content: "\f2d0";
    display: inline-block;
    position: absolute;
    color: var(--sp-primary2);
    left: 1em;
}

.woocommerce .woocommerce-Addresses.col2-set {
    /* display: grid; */
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    color: var(--sp-gray2);
}

.woocommerce-account .addresses .woocommerce-Address-title {
    margin-top: 15px;
    margin-bottom: 10px;
}

.woocommerce-account .addresses .woocommerce-Address-title h2 {
    font-weight: 600;
    font-size: 25px;
    margin-bottom: 18px;
}

.woocommerce-account .addresses .woocommerce-Address-title .edit {
    color: var(--sp-secondary2);
    font-weight: 500;
	float: none;
}

.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
    width: 49%;
    overflow: visible;
}

.woocommerce form .form-row-first,
.woocommerce-page form .form-row-first {
    float: left;
}

.woocommerce form .form-row-last,
.woocommerce-page form .form-row-last {
    float: right;
}

.woocommerce form .form-row {
    padding: 3px;
    margin: 0 0 6px;
}

.woocommerce form .form-row .required {
    color: var(--sp-secondary2);
}

.woocommerce .woocommerce-MyAccount-content form fieldset {
    min-width: 0;
    padding: 0;
    border: 0;
    margin: 25px 0;
}

.woocommerce .woocommerce-MyAccount-content form fieldset>legend {
    color: var(--sp-secondary2);
    font-weight: 600;
    font-size: 18px;
}

.woocommerce .woocommerce-MyAccount-content form button.woocommerce-Button, .woocommerce .woocommerce-MyAccount-content form button  {
    font-weight: 600;
    font-size: large;
    padding: 10px 15px;
    border: none;
    border-radius: var(--sp-radius);
    color: var(--sp-white);
    background: var(--sp-secondary);
}

.woocommerce .woocommerce-MyAccount-content form button.woocommerce-Button:hover, .woocommerce .woocommerce-MyAccount-content form button:hover,
.woocommerce .woocommerce-MyAccount-content form button.woocommerce-Button:focus, .woocommerce .woocommerce-MyAccount-content form button:focus {
    background: var(--sp-primary);
}

.form-control:focus {
    box-shadow: 0 0 3px 0px var(--sp-primary2);
}

/*===== // =====*/

/*===== 40. Shop Section =====*/

.post-section .shop-heading {
    padding: 15px;
    margin-bottom: 18px;
    color: var(--sp-gray2);
    border: 1px solid var(--sp-border-dark);
    background: var(--dark-2);
}

.filter-tag {
    padding: 0px 8px;
    display: inline-flex;
    align-items: center;
    margin-right: 10px;
    position: relative;
    border: 1px solid var(--sp-border-dark);
}

.filter-tag i {
    position: absolute;
    top: -8px;
    left: -8px;
    cursor: pointer;
    font-size: 18px;
    color: var(--sp-primary);
}

.filter-clear {
    margin-left: auto;
    color: var(--sp-secondary2);
}

.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering {
    font-weight: 500;
    /* margin-left: auto; */
    margin-bottom: 0;
    font-size: 14px;
}

.woocommerce .woocommerce-ordering {
    margin-left: 20px;
    font-size: 16px;
    border: 1px solid var(--sp-border-dark);
}

.woocommerce .woocommerce-ordering select {
    border: none;
    padding: 0 5px;
    min-height: 40px;
    color: var(--sp-gray2);
    font-weight: 500;
    background: transparent;
}

#mega-mart-primary-content .gridlist-toggle {
    display: flex;
    gap: 10px;
}

#mega-mart-primary-content .gridlist-toggle>a {
    display: flex;
    width: 40px;
    height: 40px;
    font-size: 20px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: var(--sp-gray2);
    border: 1px solid var(--sp-border-dark);
}

#mega-mart-primary-content .gridlist-toggle>a:focus,
#mega-mart-primary-content .gridlist-toggle>a:hover,
#mega-mart-primary-content .gridlist-toggle>a.active {
    color: var(--sp-primary2);
    border-color: var(--sp-primary2);
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
    margin-bottom: 2em;
}

.woocommerce-page a {
	text-decoration: none;
}
.woocommerce ul.products{
    padding: 0;
    border: none;
}

.woocommerce ul.products.grid2 {
    grid-template-columns: 1fr 1fr;
}

.woocommerce ul.products.list {
    grid-template-columns: 1fr;
}

.woocommerce .product.type-product {
    margin-bottom: 0;
    padding: 0;
    color: var(--sp-gray2);
}

.woocommerce ul.products.list .product-single {
    gap: 20px;
    display: grid;
    grid-template-columns: 45% auto;
}

.woocommerce ul.products.list .product-img {
    margin-bottom: 0;
}

table.shop_attributes tr:nth-child(even) th.woocommerce-product-attributes-item__label, table.shop_attributes tr td, table.shop_attributes tr td p {
	color: initial;
}

.woocommerce table.shop_attributes tr td {
	padding-left: 10px;
}

/*===== // =====*/

/*=====  =====*/

.woocommerce div.product {
    margin-bottom: 0;
    position: relative;
}

.woocommerce div.product .product-grid {
    display: grid;
    gap: 15px;
    grid-template-columns: 40% auto;
}

.woocommerce div.product div.images {
    margin-bottom: 2em;
    position: relative;
}

.woocommerce div.product div.images a.woocommerce-main-image {
    border: 1px solid var(--sp-border-dark);
    border-radius: var(--sp-radius);
    display: block;
    /* padding: 40px; */
}

ul.products.list li.product {
    width: 100% !important;
}

ul.products li.product .product-action:has(.variations_form) .yith-wcwl-add-to-wishlist {
    position: absolute;
	bottom: 6px;
    right: 6px;
}

/* .woocommerce ul.products li.product .product-action:has(.variations_form) .yith-wcwl-add-to-wishlist {
	bottom: 10px;
    right: 10px;
} */
ul.products.list li.product .product-action:has(.variations_form) .yith-wcwl-add-to-wishlist {
    left: 195px;
	right: unset;
}

/* ul.products li.product form.variations_form .single_variation_wrap {
	float: right;
	margin-right: 34px;
} */
.woocommerce div.product form.cart {
	margin-bottom: 0;
}

/* ul.products.list li.product .product-action {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
} */

.woocommerce div.product div.images img {
    display: block;
    height: auto;
    margin: auto;
    box-shadow: none;
    object-fit: scale-down;
}

.images .magnifier_zoom_result {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 999;
    display: block;
    min-width: 375px;
    min-height: 356px;
    padding: 25px;
    background-size: 150% !important;
    border: 1px solid var(--sp-border-dark);
    background: var(--dark-2);
    border-radius: var(--sp-radius);
    visibility: hidden;
}

.woocommerce div.product div.images div.thumbnails {
    padding-top: 1em;
}

.grocery_magnifier_gallery {
    list-style: none;
}

.grocery_magnifier_gallery {
    margin: 0;
    padding: 0;
    text-align: center;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.grocery_magnifier_gallery li {
    position: relative;
    display: inline-block;
    vertical-align: center;
    top: 0;
}

.grocery_magnifier_gallery li a {
    width: 100% !important;
    display: block;
    height: auto !important;
    overflow: hidden;
    padding: 12px;
    opacity: 0.4;
    border-radius: var(--sp-radius);
    border: 1px solid var(--sp-border-dark);
    transition: var(--sp-transition);
}

.grocery_magnifier_gallery li.active-thumbnail a {
    opacity: 1;
}

.woocommerce .grocery_magnifier_gallery li a>img {
    height: 80px !important;
    ;
}

/* .expand-button-hidden {
    position: absolute;
    top: 8px;
    right: 12px;
} */
.zoom-button-hidden {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.woocommerce div.product .product_title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 14px;
    color: var(--sp-gray2);
}

.grocery-product-sharing .widget_social_widget {
    display: flex;
    align-items: center;
    gap: 15px;
}

.grocery-product-sharing .widget_social_widget h6 {
    flex-shrink: 0;
    font-size: 15px;
    margin-bottom: 5px;
    color: var(--sp-primary);
}

.widget_social_widget ul a:not(.header-widget .widget_social_widget ul a) {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: large;
    color: var(--sp-white);
    border-radius: var(--sp-radius);
    background: var(--sp-primary2);
}

.widget-single-page .widget_social_widget ul a:not(.header-widget .widget_social_widget ul a),
.widget-single-page .widget_social_widget ul a:not(.header-widget .widget_social_widget ul a):hover {
    background: transparent;
}
.widget_social_widget ul a:not(.header-widget .widget_social_widget ul a):focus,
.widget_social_widget ul a:not(.header-widget .widget_social_widget ul a):hover {
    background: var(--sp-secondary);
}

.stock {
    position: relative;
    overflow: hidden;
    font-weight: 600;
    padding-left: 18px;
    color: var(--sp-secondary2);
}

.stock::before {
    content: '\f058';
    position: absolute;
    font-family: 'FontAwesome';
    left: 0;
}

.woocommerce .quantity .qty {
    width: 3.631em;
    text-align: center;
}
.woocommerce .entry-summary .quantity {
    margin-bottom: 20px;
}
.woocommerce .entry-summary .stwsb-bundled .quantity {
    margin-bottom: 0;
}

.woocommerce .entry-summary .quantity .qty {
    min-height: unset;
    text-align: left;
    border: 1px solid var(--sp-border-dark);
    padding: 5px;
    border-radius: var(--sp-radius);
    background-color: var(--sp-white);
}

.retailsy-emi-content {
    margin-top: 6px;
    margin-bottom: 6px;
}


.yith-wcwl-add-to-wishlist .yith-wcwl-add-button a span {
    display: none;
}

.woocommerce .entry-summary .product_meta {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
	margin-top: 15px;
	margin-bottom: 8px;
    padding: 15px 0;
    border-top: 1px solid var(--sp-border-dark);
    border-bottom: 1px solid var(--sp-border-dark);
}
.woocommerce .entry-summary .mega-mart-emi-content{
    margin-bottom: 5px;
}

.woocommerce .entry-summary .product_meta>span {
    color: var(--sp-gray2);
    font-size: 15px;
    font-weight: 500;
}

.woocommerce .entry-summary .product_meta>span>a,
.woocommerce .entry-summary .product_meta>span>span {
    color: var(--sp-gray);
    font-weight: 400;
}

.woocommerce div.product .woocommerce-tabs ul.nav-tabs {
    gap: 10px;
    margin: 25px 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.nav-tabs li a {
    padding: 0;
    font-weight: 600;
    border-radius: 10px 10px 0 0;
    color: var(--sp-gray2);
    background: transparent;
    border: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:not(:last-child) {
    margin-right: 10px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a{
    font-weight: inherit;  
    padding: 8px 16px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after{
    content: unset;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.nav-tabs li a.active {
    color: var(--sp-white);
    background: var(--sp-primary2);
}

.woocommerce-tabs ul {
    list-style: none;
    padding: 0;
}

.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel p {
    font-size: 15px;
}

#respond .form-submit>input {
    border-radius: var(--sp-radius);
    text-decoration: none;
    text-align: center;
    color: #ffffff;
    border: none;
    font-weight: 500;
    background-color: var(--sp-primary2);
}

/* .mega_mart_ct-countdown { */
    /* background: var(--sp-secondary2); */
    /* width: fit-content; */
    /* padding: 5px; */
    /* color: var(--sp-white); */
    /* border-radius: var(--sp-radius); */
    /* margin-bottom: 15px; */
    /* font-weight: 600; */
/* } */


/* .mega_mart_ct-countdown .mega_mart_ct-timer { */
    /* display: flex; */
    /* align-items: center; */
    /* gap: 6px; */
    /* width: fit-content; */
    /* flex-wrap: wrap; */
/* } */

/* .mega_mart_ct-countdown .mega_mart_ct-timer>span { */
    /* display: grid; */
    /* position: relative; */
    /* grid-template-rows: 1fr auto; */
    /* text-align: center; */
    /* padding: 0 5px; */
    /* gap: 5px; */
/* } */

/* .grocery_ct-countdown .grocery_ct-timer>span::after { */
    /* content: ':'; */
    /* position: absolute; */
    /* right: -4px; */
/* } */

/* .grocery_ct-countdown .grocery_ct-timer>span:last-child:after { */
    /* content: unset; */
/* } */

/* .grocery_ct-countdown .grocery_ct-timer>span>span:nth-child(1) { */
    /* display: flex; */
    /* gap: 2px; */
/* } */

/* .grocery_ct-countdown .grocery_ct-timer>span>span span { */
    /* width: 30px; */
    /* height: 35px; */
    /* line-height: 35px; */
    /* font-size: 22px; */
    /* border-radius: 2px; */
    /* color: var(--sp-secondary2); */
    /* background-color: var(--sp-white); */
/* } */

.mega_mart_ct-style-04 .mega_mart_ct-timer {
	background: var(--sp-secondary2);
    padding: 6px;
    border-radius: var(--sp-radius);
    margin-bottom: 10px;
    font-weight: 600;
}
.mega_mart_ct-style-03 .mega_mart_ct-timer {
	background: var(--sp-secondary2);
    padding: 6px;
	width: fit-content; 
	color: var(--sp-white);
    border-radius: var(--sp-radius);
    margin-bottom: 10px;
    font-weight: 600;
}

.mega_mart_ct-style-01 .mega_mart_ct-timer>span,
.mega_mart_ct-style-02 .mega_mart_ct-timer>span {
	background: var(--sp-secondary2);
	color: var(--sp-white);
    border-radius: var(--sp-radius);
    font-weight: 600;
}


.stwsb-products {
    display: grid;
    gap: 6px;
    grid-template-columns: 30px auto;
    align-items: center;
}

.stwsb-products .stwsb-product {
    padding: 5px;
    margin: 0;
    border: 1px solid #e5e5e5;
    position: relative;
    border-radius: var(--sp-radius);
}

.stwsb-products .stwsb-product .stwsb-thumb {
    border: 1px solid #e5e5e5;
    width: fit-content;
    padding: 4px;
    float: inline-start;
    margin-right: 10px;
    border-radius: var(--sp-radius);
}

.stwsb-products .stwsb-product .stwsb-thumb img {
    width: 50px;
    height: 50px;
    max-width: 50px;
    object-fit: contain;
    display: block;
}

.stwsb-products .stwsb-product .stwsb-title {
    margin-top: 4px;
}

.stwsb-products .stwsb-product .stwsb-title .stwsb-title-inner a {
    color: var(--sp-gray);
    font-weight: 600;
}

.stwsb-products .stwsb-product .stwsb-qty {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.stwsb-products .stwsb-product .stwsb-qty .qty {
    margin: 0;
}

.stwsb-products .stwsb-product .stwsb-price del {
    font-size: 12px;
}

.stwsb-products .stwsb-product .stwsb-price ins,
.stwsb-products .stwsb-product .stwsb-price .stwsb-price-ori>span {
    color: var(--sp-secondary2);
}

.stwsb-total.stwsb-text {
    font-weight: 500;
}

.stwsb-wrap .stwsb-text,
.stwsb-wrap .stwsb-products,
.stwsb-bundles .stwsb-text,
.stwsb-bundles .stwsb-products {
    margin: 0 0 15px 0;
}

.remaining-stock {
    color: var(--sp-secondary);
    background: var(--sp-primary);
    font-weight: 600;
    padding: 8px 10px;
    margin-bottom: 10px;
    display: inline-block;
    border-radius: var(--sp-radius);
}



/*===== // =====*/


/*===== 41. Cart Section =====*/

/* .wc-block-components-sidebar-layout { */
    /* display: grid; */
    /* grid-template-columns: 65% auto; */
    /* gap: 30px; */
    /* color: var(--sp-gray2); */
/* } */

.wp-block-woocommerce-cart-order-summary-block {
    margin-bottom: 15px;
    padding: 15px;
    border-radius: var(--sp-radius);
    border: 1px solid var(--sp-border-dark);
}

.wc-block-components-totals-item {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
    font-weight: 600;
}

.wc-block-components-totals-item__value {
    font-weight: 700;
}

.wp-block-woocommerce-cart-order-summary-totals-block .wc-block-components-totals-wrapper {
    /* border-bottom: 1px solid var(--sp-border-dark);
    margin-bottom: 15px; */
    padding-bottom: 12px;
}

.wc-block-components-totals-shipping fieldset {
    padding: 0;
    margin: 0;
    border: none;
}

.wc-block-components-totals-shipping .screen-reader-text {
    overflow: visible;
    clip-path: unset;
    clip: unset;
    font-size: medium;
    font-weight: 600;
    display: contents;
}

.is-large.wc-block-cart .wc-block-components-sidebar .wc-block-components-radio-control {
    display: grid;
    gap: 8px;
    margin-top: 15px;
}

.is-large.wc-block-cart .wc-block-components-sidebar .wc-block-components-radio-control label {
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 5px;
    position: relative;
}

.wc-block-components-radio-control .wc-block-components-radio-control__input {
    background: #e3e3e3;
    cursor: pointer;
    display: inline-block;
    min-height: 20px;
    min-width: 20px;
    border-radius: 2px;
}

.wc-block-components-button:not(.is-link) {
    display: block;
    padding: 10px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--sp-white);
    border-radius: var(--sp-radius);
    background: var(--sp-secondary);
}

.wc-block-components-button:not(.is-link):hover {
    background: var(--sp-primary2);
}

table.wc-block-cart-items td,
.is-large.wc-block-cart table.wc-block-cart-items {
    border: none;
    background-color: unset;
    padding: 20px 0;
}

table.wc-block-cart-items td .wc-block-components-quantity-selector__input {
    padding: 0.5rem;
}

.wc-block-cart-items .wc-block-cart-items__header {
    box-shadow: 0 0 0 1px var(--sp-border-dark);
    ;
    border-radius: var(--sp-radius);
    position: relative;
    overflow: hidden;
}

.wc-block-cart-items .wc-block-cart-items__header::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: var(--sp-radius);
    background: var(--dark-2);
}

.wc-block-cart-items .wc-block-cart-items__header th {
    border: none;
    padding: 10px;
    font-weight: 600;
    color: var(--sp-primary);
    background-color: transparent;
}


.is-large.wc-block-cart .wc-block-cart-items__row {
    border-bottom: 1px solid var(--sp-border-dark);
}

.is-large.wc-block-cart .wc-block-cart-item__image>a {
    width: 90px;
    height: 90px;
    display: block;
    border-radius: var(--sp-radius);
    background-color: var(--dark-2);
    border: 1px solid var(--sp-border-dark);
}

.is-large.wc-block-cart .wc-block-cart-item__image a img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: contain;
}


/* table.wc-block-cart-items .wc-block-cart-items__header th:first-child {
    width: 40%;
}

table.wc-block-cart-items .wc-block-cart-items__header th {
    width: 19.8%;
} */

/* .wc-block-cart-item__product .wc-block-cart-item__wrap { */
    /* display: grid; */
    /* align-items: center; */
    /* grid-template-columns: 100px auto; */
    /* gap: 6px; */
/* } */

.wc-block-cart-item__total .wc-block-cart-item__total-price-and-sale-badge-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wc-block-cart-item__total .wc-block-cart-item__total-price-and-sale-badge-wrapper .price {
    margin: 0;
}

.wc-block-cart-item__remove-link {
    padding: 0;
    border: none;
    color: var(--sp-secondary2);
    background: transparent;
}
button.wc-block-cart-item__remove-link:focus,
button.wc-block-cart-item__remove-link:hover {
     background: transparent;
     color: var(--sp-secondary2);
}
.wc-block-components-quantity-selector {
    width: 100px;
}

/*===== // =====*/


/*===== 42. Checkout Section =====*/

.wc-block-components-form .wc-block-components-checkout-step {
    background: none;
    border: none;
    margin: 0 0 20px;
    padding: 0;
    position: relative;
}

.wc-block-components-checkout-step__heading {
    align-content: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    justify-content: space-between;
    margin: 0 0 5px;
    position: relative;
}

.wc-block-components-title.wc-block-components-title {
    border: 0;
    margin: 0;
    padding: 0;
    font-weight: 700;
    font-size: 1.25em;
}

.wc-block-components-checkout-step__description {
    font-size: .875em;
    line-height: 1.2;
    margin: 0 0 16px;
}

.wp-block-woocommerce-checkout .wc-block-checkout__guest-checkout-notice {
    font-size: .75em;
    margin: 4px 0 0;
}

.wc-block-components-form .wc-block-components-text-input,
.wc-block-components-text-input {
    margin-top: 10px;
    position: relative;
    white-space: nowrap;
}

.wc-blocks-components-select__select {
    border: 1px solid var(--sp-border-dark);
    border-radius: var(--sp-radius);
}

.wc-block-components-address-form__address_2-toggle {
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    margin-top: 16px;
    text-align: left;
    width: 100%;
    display: block;
}

.wc-block-components-checkbox label {
    cursor: pointer;
    font-size: .875em;
}

.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox] {
    outline: 1px solid var(--sp-primary2);
    outline-offset: 2px;
    border: 1px solid var(--sp-primary2);
    width: 16px !important;
    height: 16px;
    border-radius: 3px;
}

.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked:before {
    line-height: 1.2;
}

.wc-block-checkout__add-note .wc-block-components-textarea {
    margin-top: 15px;
}

.wc-block-checkout__terms.wc-block-checkout__terms--with-separator {
    margin-bottom: 15px;
    font-size: .875em;
}

.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button--full-width {
    width: 100%;
    border: none;
    color: var(--sp-secondary);
    background: var(--sp-primary);
}

.wc-block-components-notice-banner.is-error {
    display: flex;
    font-size: .875em;
    font-weight: 400;
    gap: 12px;
    padding: 16px;
    border: 1px solid;
    line-height: 1.5;
    border-radius: 4px;
    background-color: #fff0f0;
    border-color: #cc1818;
}

.wc-block-components-notice-banner>svg {
    fill: #fff;
    background-color: #cc1818;
    transform: rotate(180deg);
    border-radius: 50%;
    flex-grow: 0;
    flex-shrink: 0;
    height: 100%;
    padding: 2px;
}

.wc-block-checkout__shipping-option .wc-block-components-radio-control__option {
    margin: 0;
    width: 100%;
    position: relative;
    padding: .875em .875em .875em 3.5em;
}

.wc-block-components-checkout-step__container .wc-block-components-radio-control .wc-block-components-radio-control__input {
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-40%);
    border-radius: 50%;
    cursor: pointer;
    min-height: 24px;
    min-width: 24px;
    height: 1.5em;
    width: 1.5em;
    border: 1px solid var(--sp-primary2);
    background: transparent;
}

.wc-block-components-checkout-step__container .wc-block-components-radio-control .wc-block-components-radio-control__input:checked:before {
    left: 50%;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    height: .55em;
    width: .55em;
    background: var(--sp-primary2);
}

.wc-block-components-radio-control__label-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.is-large .wp-block-woocommerce-checkout-order-summary-block {
    border-radius: var(--sp-radius);
    border: 1px solid var(--sp-border-dark);
}

.wc-block-components-totals-wrapper {
    border-bottom: 1px solid var(--sp-border-dark);
    padding: 15px 0;
}

.wp-block-woocommerce-checkout-order-summary-coupon-form-block.wc-block-components-totals-wrapper {
    border-top: none;
}

.wp-block-woocommerce-checkout .is-large .wc-block-components-sidebar .wc-block-components-panel,
.wp-block-woocommerce-checkout .is-large .wc-block-components-sidebar .wc-block-components-totals-coupon,
.wp-block-woocommerce-checkout .is-large .wc-block-components-sidebar .wc-block-components-totals-item {
    padding-left: 15px;
    padding-right: 15px;
}

.wc-block-components-panel__button {
    position: relative;
}

.wc-block-components-panel__button[aria-expanded=true] {
    text-align: left;
    width: 100%;
    word-break: break-word;
    margin-bottom: 16px;
}

.wc-block-components-panel__button>.wc-block-components-panel__button-icon {
    fill: currentColor;
    position: absolute;
    right: 0;
    top: 50%;
    width: auto;
    transform: translateY(-50%) rotate(0deg);
    transition: transform 0.5s ease;
}

.wc-block-components-panel__button[aria-expanded=false]>.wc-block-components-panel__button-icon {
    transform: translateY(-50%) rotate(180deg);
}

.wc-block-components-order-summary .wc-block-components-order-summary__content {
    display: table;
    width: 100%;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item {
    display: flex;
    font-size: .875em;
    padding-bottom: 1px;
    padding-top: 16px;
    width: 100%;
    align-items: center;
    gap: 10px;
    padding: 15px 0;
    border-top: 1px solid var(--sp-border-dark);
}

.wc-block-components-order-summary .wc-block-components-order-summary-item:first-child {
    padding-top: 0;
    border: none;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item__image {
    position: relative;
    width: 75px;
    height: 75px;
    flex-shrink: 0;
    background: var(--dark-2);
    border: 1px solid var(--sp-border-dark);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 4px;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item__quantity {
    align-items: center;
    background: #fff;
    border: 2px solid hsla(0, 0%, 7%, .11);
    border-radius: 1em;
    box-shadow: 0 0 0 2px #fff;
    color: #000;
    display: flex;
    justify-content: center;
    line-height: 1;
    min-height: 20px;
    min-width: 20px;
    padding: 0 .4em;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(50%, -50%);
    white-space: nowrap;
    z-index: 1;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item__image>img {
    object-fit: contain;
    width: 100%;
}

.wc-block-checkout__sidebar .wc-block-components-product-name {
    color: inherit;
    display: block;
    font-weight: 600;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item .price {
    font-size: 16px;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item .price span:nth-child(2) {
    font-size: 12px;
    text-decoration: line-through;
    color: var(--sp-gray);
}

.wc-block-components-order-summary .wc-block-components-order-summary-item__total-price {
    font-weight: 700;
    margin-left: auto;
    text-align: right;
}

.wc-block-components-totals-coupon__form {
    display: grid;
    grid-template-columns: 72% 1fr;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 0;
    width: 100%;
}

.wc-block-components-totals-coupon__form .wc-block-components-text-input {
    margin: 0;
}

.wc-block-components-totals-coupon__form .wc-block-components-button {
    border: none;
    margin: 0;
}

.wc-block-checkout__payment-method .wc-block-components-checkout-step__content {
    padding-top: 8px;
}

.wc-block-components-checkout-step__content>:last-child {
    margin-bottom: 0;
}

.wc-block-components-radio-control--highlight-checked,
.wc-block-components-radio-control--highlight-checked div.wc-block-components-radio-control-accordion-option {
    position: relative;
    transition: var(--sp-transition);
}

.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option {
    box-shadow: inset 0 0 0 1px var(--sp-border-dark);
    transition: var(--sp-transition);
}

.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option:first-child {
    border-radius: 4px 4px 0 0;
}

.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option:last-child {
    border-radius: 0 0 4px 4px;
}

.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
    box-shadow: inset 0 0 0 1px var(--sp-primary2);
    transition: var(--sp-transition);
}

.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted .wc-block-components-radio-control__label-group {
    font-weight: 600;
}

.wc-block-checkout__payment-method .wc-block-components-radio-control__option {
    padding-left: 3.5em;
    padding-right: .75em;
    width: 100%;
    position: relative;
    cursor: pointer;
}

.wc-block-checkout__payment-method .wc-block-components-radio-control__option,
.wc-block-checkout__payment-method .wc-block-components-radio-control__option:first-child,
.wc-block-checkout__payment-method .wc-block-components-radio-control__option:last-child {
    margin: 0;
    padding-bottom: 1em;
    padding-top: 1em;
}

.wc-block-components-radio-control-accordion-content {
    font-size: 15px;
    padding: 0 20px;
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;
}

.grocery-emi-content {
    display: inline-block;
    width: 100%;
    margin-top: 5px;
}

.grocery-emi-content a.grocery_wcpemi-popup-trigger {
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

.grocery-emi-content a.grocery_wcpemi-popup-trigger:after {
    font-family: 'FontAwesome';
    font-style: normal;
    content: "\f105";
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    margin-left: 5px;
    font-size: 18px;
    line-height: 21px;
}

/*===== // =====*/

/*===== EMI Plans =====*/

.grocery_wcpemi-overlay {
    background-color: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
}

.grocery_wcpemi-overlay.active {
    display: block;
}

.grocery_wcpemi {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 768px;
    min-height: 100px;
    max-height: 485px;
    height: auto;
    z-index: 999999;
    display: none;
    border-radius: var(--sp-radius);
    background-color: var(--dark-1);
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0.6s ease, opacity 0.6s ease;
}

.grocery_wcpemi.active {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    display: block;
}

.grocery_wcpemi-header {
    display: flex;
    align-items: center;
    padding: 8px 15px;
    justify-content: space-between;
    border-bottom: 1px solid var(--sp-border-dark);
}

.grocery_wcpemi-header--close {
    font-size: 25px;
    color: red;
    cursor: pointer;
}
.grocery_wcpemi-header--close:focus,
.grocery_wcpemi-header--close:hover {
    transition: var(--sp-transition);
    transform: rotate(360deg);
}

.grocery_wcpemi-footer {
    display: flex;
    align-items: center;
    padding: 0 15px;
    justify-content: space-between;
    /* border-top: 1px solid #f0f0f0; */
}

.grocery_wcpemi-body {
    padding: 15px;
}

.grocery_wcpemi-method {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.grocery_wcpemi-method__item {
    cursor: pointer;
    font-size: 14px;
    padding: 8px 12px;
    user-select: none;
    background-color: var(--dark-2);
    border-radius: var(--sp-radius);
    transition: background-color 200ms ease-in-out;
}

.grocery_wcpemi-method__item.grocery_wcpemi-method__item--selected,
.grocery_wcpemi-method__item.grocery_wcpemi-method__item--selected:hover,
.grocery_wcpemi-variable-prices>div:hover {
    background-color: var(--sp-primary2);
    color: var(--sp-white);
}

.grocery_wcpemi-emis {
    display: none;
    margin-top: 15px;
    border: 1px solid var(--sp-border-dark);
}

.grocery_wcpemi-emis.grocery_wcpemi-emis--selected {
    display: flex
}

.grocery_wcpemi-bank {
    width: 30%;
    max-height: 280px;
    overflow-x: auto;
    border-right: 1px solid var(--sp-border-dark);
}

.grocery_wcpemi-bank__item {
    position: relative;
    cursor: pointer;
    font-size: 14px;
    flex: 1;
    padding: 11.5px 10px;
    border-top: 1px solid var(--sp-border-dark);
    transition: background-color 200ms ease-in-out;
}

.grocery_wcpemi-bank__item.grocery_wcpemi-bank__item--selected::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 94%;
    height: 75%;
    z-index: -1;
    border-radius: var(--sp-radius);
    transform: translate(-50%, -50%);
    background-color: var(--dark-2);
}

.grocery_wcpemi-plan {
    width: 70%;
    display: none;
    max-height: 280px;
    overflow-x: auto;
    width: 100%;
}

.grocery_wcpemi-plan.grocery_wcpemi-plan--selected {
    display: block;
}

.grocery_wcpemi-plan__row {
    display: flex;
    border-top: 1px solid var(--sp-border-dark);
}

.grocery_wcpemi-plan__row:first-child {
    font-weight: 500;
    border-top: none;
    color: var(--sp-secondary);
}

.grocery_wcpemi-plan__row:first-child .grocery_wcpemi-plan__col {
    padding: 15px 10px;
}

.grocery_wcpemi-plan__col {
    flex: 1;
    padding: 10px;
    border-left: 1px solid var(--sp-border-dark);
    text-align: center;
}

.grocery_wcpemi-plan__col:first-child {
    border-left: none;
}

/*===== // =====*/

/* Wave Effect */
.wave-effect {
    position: relative;
}

.wave-effect::before,
.wave-effect::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
}

.wave-effect::before {
    animation: wave1 4s infinite;
}

.wave-effect::after {
    animation: wave2 4s infinite;
}


/* Bubbly Effect */
.bubbly-effect {
    position: relative;
    transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
    /* box-shadow: 0 2px 25px rgba(255, 0, 130, 0.5); */
}

.bubbly-effect:focus {
    outline: 0;
}

.bubbly-effect:before,
.bubbly-effect:after {
    position: absolute;
    content: '';
    display: block;
    width: 140%;
    height: 100%;
    left: -20%;
    z-index: -1000;
    transition: all ease-in-out 0.5s;
    background-repeat: no-repeat;
}

.bubbly-effect:before {
    display: none;
    top: -75%;
    background-image:
        radial-gradient(circle, var(--sp-secondary) 20%, transparent 20%),
        radial-gradient(circle, transparent 20%, var(--sp-secondary) 20%, transparent 30%),
        radial-gradient(circle, var(--sp-secondary) 20%, transparent 20%),
        radial-gradient(circle, var(--sp-secondary) 20%, transparent 20%),
        radial-gradient(circle, transparent 10%, var(--sp-secondary) 15%, transparent 20%),
        radial-gradient(circle, var(--sp-secondary) 20%, transparent 20%),
        radial-gradient(circle, var(--sp-secondary) 20%, transparent 20%),
        radial-gradient(circle, var(--sp-secondary) 20%, transparent 20%),
        radial-gradient(circle, var(--sp-secondary) 20%, transparent 20%);
    background-size: 40% 40%, 20% 20%, 25% 25%, 20% 20%, 18% 18%, 40% 40%, 15% 15%, 30% 30%, 18% 18%;
}

.bubbly-effect:after {
    display: none;
    bottom: -75%;
    background-image:
        radial-gradient(circle, var(--sp-secondary) 20%, transparent 20%),
        radial-gradient(circle, var(--sp-secondary) 20%, transparent 20%),
        radial-gradient(circle, transparent 40%, var(--sp-secondary) 35%, transparent 25%),
        radial-gradient(circle, var(--sp-secondary) 20%, transparent 20%),
        radial-gradient(circle, var(--sp-secondary) 20%, transparent 20%),
        radial-gradient(circle, var(--sp-secondary) 20%, transparent 20%),
        radial-gradient(circle, var(--sp-secondary) 20%, transparent 20%);
    background-size: 25% 25%, 20% 20%, 30% 30%, 20% 20%, 35% 35%, 40% 40%, 20% 20%;
}

.bubbly-effect:active,
.bubbly-effect:focus-within {
    transform: scale(0.9);
    box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2);
}

.bubbly-effect.animate:before,
.bubbly-effect:focus-within::before  {
    display: block;
    animation: topBubbles ease-in-out 0.75s forwards;
}

.bubbly-effect.animate:after,
.bubbly-effect:focus-within::after {
    display: block;
    animation: bottomBubbles ease-in-out 0.75s forwards;
}

@keyframes topBubbles {
    0% {
        background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
    }

    50% {
        background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
    }

    100% {
        background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
        background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
    }
}

@keyframes bottomBubbles {
    0% {
        background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
    }

    50% {
        background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
    }

    100% {
        background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
        background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
    }
}


/* Hover Magic */
.hover_magic::before {
    right: 0;
    opacity: 0.7;
    top: 0;
}

.hover_magic::after {
    bottom: 0;
    opacity: 0.7;
    left: 0;
}

.hover_magic::before,
.hover_magic::after {
    content: "";
    background: #fff;
    height: 0;
    width: 0;
    z-index: 1;
    position: absolute;
    transition-duration: 1.3s !important;
}

.hover_magic:hover::after, 
.hover_magic:hover::before,
.hover_magic:focus-within:after, 
.hover_magic:focus-within::before,
.hover_magic:focus-within::after,
.hover_magic:focus-within::before {
    height: 100%;
    opacity: 0;
    width: 100%;
}

/* Light Effect */
.sp_media {
    position: relative;
    overflow: hidden;
}

.sp_media::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 0;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    transform: skewX(-25deg);
}
.products .product:hover .sp_media::before,
.products .product:focus-within .sp_media::before,
.banner2-section .banner-item:focus-within .sp_media::before 
.banner2-section .banner-item:hover .sp_media::before {
    animation: avShine .75s;
}


/* icon-bounce */
.icon-bounce i {
    display: inline-flex;
}

.icon-bounce i:before {
    animation: icon-bounce 0.8s ease-out infinite;
}

.ring-effect {
    animation: spRing 1.5s infinite ease-in-out;
    display: inline-flex
}


/* Text Animation */
.text-animation .split-parent {
    overflow: hidden;
}

.text-animation .split-child {
    display: inline-block;
}

.custom-prev:disabled,
.custom-next:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.custom-prev[disabled],
.custom-next[disabled] {
    background-color: #ccc;
}


.zoom-in-animate {
    animation: zoomIn 0.5s ease forwards;
}

/* Input type-number */

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.quantity:has(input[type="number"]) {
    position: relative;
    display: inline-block;
}

.quantity-nav {
    position: absolute;
    height: 100%;
    top: 50%;
    right: 0;
    padding: 4px 3px;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.quantity-button {
    cursor: pointer;
    border: none;
    width: 18px;
    text-align: center;
    color: #333;
    font-size: 10px;
    line-height: 12px;
    border-radius: 2px;
    background: #e1e1e1;
}
.quantity-button:focus ,
.quantity-button:hover {
    background: #c2c2c2;
}

.btn:focus-visible,
button:focus:not(:focus-visible) {
    outline: 1px dotted;
    box-shadow:none;
}

.nav-link:focus-visible {
    box-shadow:none;
    outline-width: 1px;
    outline-offset: -2px;
    outline-style: dotted;
}

.docker-category .nav.menu-wrap li.dropdown{
    position: relative;
}
.docker-category .nav.menu-wrap li.dropdown li.dropdown .mobile-toggler{
    top: 8px;
}
.product-category-menus-list .main-menu li.menu-item-has-children{
    position: relative;
}

.product-category-menus-list .main-menu>li.menu-item-has-children .mobile-collapsed {
    display: block;
}

.product-category-menus-list .main-menu>li .mobile-collapsed {
    display: none;
    position: absolute;
    top: 17px;
    right: 27px;
    z-index: 1;
}

.product-category-menus-list .main-menu>li li.menu-item-has-children .mobile-collapsed{
    right: 8px;
}

.product-category-menus-list .main-menu>li .mobile-collapsed button {
    text-align: center;
    line-height: 23px;
    width: 25px;
    height: 25px;
    padding: 0;
    border-radius: 50%;
    border: 1px solid;
    border-color: var(--sp-border-dark);
}

.product-category-menus-list .main-menu>li.active .mobile-collapsed button,
.product-category-menus-list .main-menu>li:hover .mobile-collapsed button,
.product-category-menus-list .main-menu>li:focus .mobile-collapsed button {
    color: var(--sp-white);
    border-color: var(--sp-primary2);
    background-color: var(--sp-primary2);
}

.product-category-menus-list .main-menu>li .mobile-collapsed button.fa-chevron-right:before {
    content: "\f105";
}

.product-category-menus-list .main-menu>li.active>.mobile-collapsed button.fa-chevron-right:before,
.product-category-menus-list .main-menu>li.menu-item-has-children.active li.active .mobile-collapsed button.fa-chevron-right:before{
    content: "\2b";
}

.product-category-menus-list .main-menu>li .dropdown-menu>.menu-item.menu-item-has-children>a {
    padding: 5px;
}

.product-category-menus-list .main-menu li.menu-item-has-children>a::before {
    content: unset !important;
}

.product-category-menus-list .main-menu>li.menu-item-has-children>a::after{
    content: unset;
}

.product-category-menus-list .main-menu>li.menu-item-has-children>a:hover::after, .product-category-menus-list .main-menu>li.menu-item-has-children>a:focus::after, .product-category-menus-list .main-menu>li.menu-item-has-children.active>a::after {
    content: unset;
}

.main-mobile-nav .logo a.site-title {
    max-width: 200px;
}


/*********** search-results *******/

.header-search-form {
    position: relative;
}

.header-search-form .search-results:not(body.search) {
    width: 100%;
    transform: translateY(0);
}

.search-results:not(body.search) ul {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
}

.search-results:not(body.search) ul li {
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    margin: 0 !important;
    position: relative;
}

.search-results:not(body.search) ul li:last-child {
    border-bottom: none;
}

.search-results:not(body.search) .storely_result_link {
    cursor: pointer;
    padding: 6px 8px;
    height: 100%;
    overflow: hidden;
    text-decoration: none;
    border: 0;
    display: flex;
    align-items: center;
    flex-grow: 1;
    -webkit-box-pack: end;
    justify-content: space-between;
    align-self: stretch;
    width: 100%;
    height: 100%;
}

.search-results:not(body.search) .product-image {
    width: 45px;
    height: 45px;
    display: block;
    float: left;
    padding: 2px;
    border: 1px solid #ccc;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-results:not(body.search) ul li a {
    display: table;
    width: 100%;
}

.search-results:not(body.search) span.product-title {
    display: block;
    font-weight: normal;
    color: var(--sp-gray);
    font-size: 16px;
    line-height: 16px;
}

.price-stock .product-stock {
    padding: 0 4px;
    background: #eeeeee;
    border-radius: 4px;
    color: #ffffff;
}

.search-results:not(body.search) .product-price .sale-price {
    font-weight: 700;
    margin-right: 4px;
    color: var(--sp-primary);
}

.search-results:not(body.search) .product-price .regular-price {
    color: var(--sp-gray);
    font-size: 14px;
    text-decoration: line-through;
}

.search-results.woocommerce button.add_to_cart_button>i {
    line-height: 2.2;
    width: 32px;
    font-size: 15px;
    background-color: var(--sp-secondary2);
}

.search-results:not(body.search) .quantity select {
    padding: 2px 14px 2px 8px;
    min-height: 35px;
    border-radius: 4px;
    color: var(--sp-gray);
    border: 1px solid #e9e9ea;
}

.search-results:not(body.search) .product-data {
    width: 130px;
	flex: 1;
}

.search-results:not(body.search) form .quantity {
    margin-right: 15px;
}
.mega_mart_result_link .add_to_cart_button, .mega_mart_result_link .add_to_cart_button:focus, .mega_mart_result_link .add_to_cart_button:hover {
	background: var(--sp-secondary2) !important;
}
.header-three .search-results:not(body.search) .quantity select,
.header-three .search-results:not(body.search) .product-price,
.header-three .search-results:not(body.search) span.product-title,
.header-three .price-stock .product-stock {
    font-size: 14px;
}

.header-four .search-results:not(body.search) .quantity select,
.header-four .search-results:not(body.search) .product-price,
.header-four .search-results:not(body.search) span.product-title,
.header-four .price-stock .product-stock {
    font-size: 12px;
}

.header-three .search-results:not(body.search) .product-image,
.header-four .search-results:not(body.search) .product-image {
    width: 32px;
    height: 32px;
    padding: 0;
}

.header-three .search-results:not(body.search) .product-data,
.header-four .search-results:not(body.search) .product-data {
    width: auto;
}

.header-four .search-results:not(body.search) form .quantity {
    margin-right: 4px;
}

.header-four .search-results:not(body.search) .quantity select {
    padding: 2px 10px 2px 2px;
}

.header-four .search-results:not(body.search) .storely_result_link {
    padding: 5px;
}

.widget_search label,
.add_to_cart_button.added{
    display: none !important;
}
.product-category-menus-list .main-menu>li .dropdown-menu>.menu-item>a:has(img){
    padding: 5px;
}

.mega-mart-woowishlist-item .price,
.mega-mart-woowishlist-item .mega-mart-woocomerce-list__product-title,
.mega-mart-woowishlist-item .mega-mart-woocomerce-list__product-image{
    margin: 0 !important;
}
.mega-mart-woowishlist-item .mega-mart-woocomerce-list__product-image img {
    max-width: 60px !important;
    margin-left: 30px;
}

.mega-mart-woowishlist-item {
    border-bottom: 1px solid var(--sp-border-dark);
    padding: 10px 0;
    margin: 0 0 5px !important;
    justify-content: space-between !important;
}
.mega-mart-woowishlist-item:after{
    content: unset !important;
}
.mega-mart-woowishlist-item.wishlist-head{
    padding: 12px !important;
    border: 1px solid var(--sp-border-dark);
    border-radius: var(--sp-radius);
}
.mega-mart-woowishlist-item.wishlist-head h5 {
    font-size: 16px !important;
    color: var(--sp-primary);
}
.mega-mart-woowishlist-remove {
    position: absolute !important;
}
.mega-mart-woowishlist-item .add_to_cart_button {
    padding: 0 12px !important;
}



.woocommerce .wc-block-grid__product .wc-block-grid__product-image, .woocommerce .wc-block-grid__product .wc-block-grid__product-link{
    display: inline-grid !important;
}
.wc-block-grid__product .wc-block-grid__product-image:not(.wc-block-components-product-image), .wc-block-grid__product .wc-block-grid__product-title{
    margin: auto !important;
    margin-bottom: 12px !important;
}
.wc-block-grid__product .wc-block-grid__product-onsale, 
.wc-block-grid__product .wc-block-grid__product-price, 
.wc-block-grid__product .wc-block-grid__product-rating{
    justify-content: center !important;
    margin: 0 auto 8px !important;
}
.sidebar .wc-block-grid__product .wc-block-grid__product-onsale, 
.sidebar .wc-block-grid__product .wc-block-grid__product-price, 
.sidebar .wc-block-grid__product .wc-block-grid__product-rating,
.footer-section .wc-block-grid__product .wc-block-grid__product-onsale, 
.footer-section .wc-block-grid__product .wc-block-grid__product-price, 
.footer-section .wc-block-grid__product .wc-block-grid__product-rating {
    justify-content: left !important;
}
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{
    background-color: var(--sp-primary2);
}
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover{
    color: var(--sp-white);
    background-color: var(--sp-secondary);
}
.is-large.wc-block-cart table.wc-block-cart-items{
    margin-top: 1px;
}
.is-large.wc-block-cart .wc-block-cart-items th{
    padding: 10px !important;
    font-size: 14px;
    font-weight: 600;
}
.wc-block-components-sidebar-layout .wc-block-components-main{
    padding-right: 1% !important;
}
table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-product{
    visibility: visible !important;
}
table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-product{
    width: 100%;
}
.is-large.wc-block-cart .wc-block-cart-items td{
    padding: 20px 0 !important;
}

table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-quantity-selector{
    color: black;
}
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link{
    color: var(--sp-secondary2) !important;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item__image {
    margin-top: 4px !important;
    padding: 0 !important;
    width: 60px !important;
    height: 60px;
    margin-bottom: 4px;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__image>img{
    max-width: 100% !important;
    width: 100% !important;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__description {
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.wc-block-checkout__sidebar .wc-block-components-product-name{
    line-height: 1.2;
}
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title .wc-block-components-checkout-order-summary__title-text{
    margin: 0 0 4px 16px !important;
}
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link){
    border: none;
    padding: 10px;
}
.wc-block-components-checkout-return-to-cart-button{
    color: var(--sp-secondary2) !important;
}
.wc-block-components-checkout-return-to-cart-button:hover{
    color: var(--sp-primary) !important;
}
.wp-block-woocommerce-checkout{
    padding-top: 0 !important;
}
.wp-block-button__link,
.wc-block-components-product-badge {
    background-color: var(--sp-secondary2);
	color: var(--sp-white);
}
.wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .wp-block-heading {
    margin-bottom: 15px !important;
    font-size: 22px !important;
}
.wp-block-button__link:hover {
    background-color: var(--sp-secondary);
}
.woocommerce ul.products li.product h3{
    font-size: 18px !important;
}
.woocommerce ul.products li.product .price{
    font-size: 22px !important;
    font-weight: 600 !important;
    color: var(--sp-gray) !important;
}

.wc-block-cart table.wc-block-cart-items, .wc-block-cart table.wc-block-cart-items td, .wc-block-cart table.wc-block-cart-items th{
    margin-bottom: 2px !important;
}

a.button.compare-btn.compare.compare-btn-single{
    display: none;
}
.woocommerce #reviews #comments h2 {
    margin-bottom: 10px;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    font-size: 22px !important;
    color: var(--sp-gray) !important;
}

.mega-mart-emi-content a.mega_mart_wcpemi-popup-trigger:after{
    font-size: inherit !important;
}

.sidebar .button.cart-ft-btn,
.docker-right .button.cart-ft-btn  {
    padding: 10px !important;
    margin-right: 4px;
    margin-bottom: 4px;
}

:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button{
    color: var(--sp-white);
    background: var(--sp-primary2);
}
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover{
    background: var(--sp-secondary);
}

.added_to_cart.wc-forward {
    line-height: 2.4;
}

.newsflash .textslide-item .icon-holder, .product-category-menus-list .main-menu>li>a, .post-title a, .post-date>a, .post-comment>a, .bannerinfo .info-content a,  .banner2-section .banner-content a, .categories-item .title a, .tab-filter a, .product-content a, .saleinfo .product-action .button.add_to_cart_button {
	text-decoration: none;
}

.wc-block-components-sidebar-layout.wc-block-cart{
	flex-wrap: nowrap !important;
}
.mega-mart-woowishlist a.product_type_variable.add_to_cart_button {
	line-height: 2.4;
}

.woocommerce div.product form.cart .variations {
    margin-bottom: 0;
}