@charset "UTF-8";

/*--------------------------------------------------------------------------------- 
Item Name: Masterkar - Multipurpose eCommerce HTML Template.
Author: codetheme
Version: 1.0
Copyright 2024-2030
-----------------------------------------------------------------------------------

/*---------------------------------------------------------------------------------
    Included CSS INDEX
-----------------------------------------------------------------------------------

01. Typography
02. Components
    - Common
    - Breadcrumb
    - Cart-sidebar
    - Wishlist-sidebar
    - Quickview
    - Category-sidebar

03. Layout 
    - Header Section
    - New product
    - Blog
    - Banner Section
    - Category Section
    - Discover Section

04. Pages
    - About us Page
    - Contact us Page
    - Cart Page
    - Checkout Page 
    - Compare Page
    - Faq Page
    - Login Page
    - Register Page
    - Track Order Page 
    - Term Page
    - Shop Page    
    - Single Product Page

-----------------------------------------------------------------------------------*/


/*-------------------------------------------------
  Fonts Family & Style CSS
---------------------------------------------------*/


/*--  Quicksand font  --*/

@font-face {
    font-family: 'irsans';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/iranSans/irsans.eot?4f3cd08001a912553842788147e162c2');
    src: url('../fonts/iranSans/irsans.eot?4f3cd08001a912553842788147e162c2') format("embedded-opentype"),
    url('../fonts/iranSans/irsans.woff?ba2fd9dab30cd8771aa3b53aa6b036e3') format("woff"),
    url('../fonts/iranSans/irsans.ttf?71617be58eaec728ca3b9d4d5da8b11d') format("truetype");
}

@font-face {
    font-family: 'vazir';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/Vazir/Vazir-Medium.eot');
    src: url('../fonts/Vazir/Vazir-Medium.eot') format("embedded-opentype"),
    url('../fonts/Vazir/Vazir-Medium.ttf') format("truetype");
}

@font-face {
    font-family: 'kalameh';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/kalameh/woff2/KalamehWebFaNum-Light.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/kalameh/woff/KalamehWebFaNum-Light.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
    font-family: 'kalameh';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/kalameh/woff2/KalamehWebFaNum-Medium.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/kalameh/woff/KalamehWebFaNum-Medium.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
    font-family: 'kalameh';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/kalameh/woff2/KalamehWebFaNum-SemiBold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/kalameh/woff/KalamehWebFaNum-SemiBold.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
    font-family: 'kalameh';
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/kalameh/woff2/KalamehWebFaNum-Bold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/kalameh/woff/KalamehWebFaNum-Bold.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
    font-family: 'dana';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/dana/woff2/Dana-Light.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/dana/woff/Dana-Light.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
    font-family: 'dana';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/dana/woff2/Dana-Medium.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/dana/woff/Dana-Medium.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
    font-family: 'dana';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/dana/woff2/Dana-DemiBold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/dana/woff/Dana-DemiBold.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
    font-family: 'dana';
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/dana/woff2/Dana-ExtraBold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/dana/woff/Dana-ExtraBold.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
    font-family: 'iryekan';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/iranyekan/woff/IRANYekanX-Medium.woff') format('woff'),
    url('../fonts/iranyekan/woff2/IRANYekanX-Medium.woff2') format('woff2');
}

@font-face {
    font-family: 'iryekan';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/iranyekan/woff/IRANYekanX-DemiBold.woff') format('woff'),
    url('../fonts/iranyekan/woff2/IRANYekanX-DemiBold.woff2') format('woff2');
}

@font-face {
    font-family: 'iryekan';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/iranyekan/woff/IRANYekanX-ExtraBold.woff') format('woff'),
    url('../fonts/iranyekan/woff2/IRANYekanX-ExtraBold.woff2') format('woff2');
}

@font-face {
    font-family: 'iryekan';
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/iranyekan/woff/IRANYekanX-Bold.woff') format('woff'),
    url('../fonts/iranyekan/woff2/IRANYekanX-Bold.woff2') format('woff2');
}

@font-face {
    font-family: 'iryekan';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/iranyekan/woff/IRANYekanX-Regular.woff') format('woff'),
    url('../fonts/iranyekan/woff2/IRANYekanX-Regular.woff2') format('woff2');
}

:root {
    --primary-bgcolor: green;
    --primary-color: #ffffff;
    --primary-bordercolor: #eee;
}
* {
    user-select: text !important;
    -webkit-user-select: text !important; 
    -moz-user-select: text !important;    
    -ms-user-select: text !important;     
}

.row.woocommerce {
    position: relative;
}
.woocommerce-shop .shop-pro-inner {
    position: relative;
}
.woocommerce-info {
    border-top-color: var(--primary-bgcolor) !important;
}
.woocommerce-info::before {
    color: var(--primary-bgcolor);
}
button.pswp__button {
    background-color: black !important;
}
.pswp__button--arrow--left, .pswp__button--arrow--right {
    width: 50px;
    height: 65px;
    opacity: .2;
}
.pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
    top: 20px;
}
a.button.wc-backward {
    background-color: var(--primary-bgcolor);
    color: var(--primary-color);
    border: 1px solid var(--primary-bgcolor);
    padding: 10px 15px;
    border-radius: 5px;
    transition: all .3s ease-in-out;
}
a.button.wc-backward:hover {
    background-color: var(--primary-color);
    color: var(--primary-bgcolor);
}
.select2-dropdown {
    top: -40px !important;
}
/*===== Contact Us Widget Styles =====*/
.breadcrumb a {
    font-size: .75rem;
    font-weight: 400;
    color: rgb(156 157 158 / 1);
}
.breadcrumb i {
    color: rgb(156 157 158 / 1);
}

.breadcrumb span.current {
    color: rgb(33 33 33 / 1);
}

#contactUs {
    display: block;
    position: fixed;
    bottom: 25px;
    right: 30px;
    z-index: 3;
    border: none;
    outline: none;
    background-color: var(--primary-bgcolor);
    border: 1px solid var(--primary-bgcolor);
    color: var(--primary-color);
    cursor: pointer;
    width: 70px;
    height: 70px;
    border-radius: 50px;
    line-height: 20px;
    text-align: center;
    box-shadow: 0 3px 24px rgba(0, 0, 0, .2);
    transition: all .5s ease-in-out;
}

#contactUs i {
    display: block;
    margin-top: 15px;
    font-size: 22px;
}

#contactUs span {
    font-size: 10px;
}

#contactUs:hover {
    background-color: var(--primary-color);
    color: var(--primary-bgcolor);
}

#overlay-contactUs-popup {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    display: none;
    background-color: rgba(0, 0, 0, .8);
    z-index: 99999;
}

.popup-contactUs {
    position: absolute;
    width: 400px;
    right: 38px;
    bottom: 100px;
    padding: 30px;
    border-radius: 10px;
    box-sizing: border-box;
    background: #fff;
    color: pink;
}

.popup-contactUs:after {
    content: "";
    position: absolute;
    border: 1px solid #fdfdfd;
    right: 8px;
    width: 40px;
    height: 40px;
    background: inherit;
    bottom: -10px;
    margin: auto;
    transform: rotate(223deg);
    clip-path: polygon(0 0, 0% 100%, 100% 0);
}

.close-popup-contactUs {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    border-radius: 50%;
    background-color: var(--primary-bgcolor);
    border: 1px solid var(--primary-bgcolor);
    transition: all .3s ease;
}

.close-popup-contactUs:hover {
    background-color: var(--primary-color);
}

.close-popup-contactUs:before {
    content: '';
    background-color: var(--primary-color);
    position: absolute;
    height: 2px;
    width: 20px;
    top: 13px;
    left: 4px;
    transform: rotate(-45deg);
}
.close-popup-contactUs:hover::before {
    background-color: var(--primary-bgcolor);
}
.close-popup-contactUs:after {
    content: '';
    background-color: var(--primary-color);
    position: absolute;
    height: 2px;
    width: 20px;
    top: 13px;
    left: 4px;
    transform: rotate(45deg);
}
.close-popup-contactUs:hover::after {
    background-color: var(--primary-bgcolor);
}
.popup-contactUs > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0;
}

.popup-contactUs > a > span {
    color: #000;
    font-size: 20px;
}

.popup-contactUs > a > i {
    font-size: 30px;
}

.popup-contactUs i.fa-whatsapp {
    color: #25d366;
}

.popup-contactUs i.fa-telegram {
    color: #20afde;
}

.popup-contactUs i.fa-phone {
    color: green;
}

.popup-contactUs i.fa-instagram {
    color: #E4405F;
}

/* popup contact us */
#main-div {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 99;
}

#main-div button a i {
    margin-left: 5px;
}

#main-button {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 50px;
    width: 50px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    background-color: var(--primary-bgcolor);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

#main-button ~ button {
    visibility: hidden;
    font-weight: 600;
    height: 50px;
    padding: 0 20px;
    color: #fff;
    background: linear-gradient(90deg, #00a1f5, #0064f3);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
    border: 0;
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: 0;
    opacity: 0;
    white-space: nowrap;
    cursor: pointer;
    transition: .2s all linear;
    -webkit-transition: .2s all linear;
    -moz-transition: .2s all linear;
    -ms-transition: .2s all linear;
    -o-transition: .2s all linear;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

#main-button.open ~ button {
    visibility: visible;
    right: 70px;
    opacity: 1;
    transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
    -webkit-transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
    -moz-transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
    -ms-transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
    -o-transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
}

#main-button ~ a {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
    height: 50px;
    width: 50px;
    font-size: 20px;
    opacity: 0;
    text-decoration: none;
    color: #fff;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: .2s all linear;
    -webkit-transition: .2s all linear;
    -moz-transition: .2s all linear;
    -ms-transition: .2s all linear;
    -o-transition: .2s all linear;
}

#main-button ~ .telegram-color {
    background: linear-gradient(0deg, #017AB1, #01ABE6);
}

#main-button ~ .whatsapp-color {
    background: linear-gradient(0deg, #00B100, #09db09);
}

#main-button ~ .instagram-color {
    background: #833ab4;
    background: linear-gradient(to right, #833ab4, #fd1d1d, #fcb045);
}

#main-button.open ~ a {
    opacity: 1;
    transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
    -webkit-transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
    -moz-transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
    -ms-transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
    -o-transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
}

#main-button.open ~ a:nth-of-type(1) {
    bottom: 60px;
}

#main-button.open ~ a:nth-of-type(2) {
    bottom: 120px;
}

#main-button.open ~ a:nth-of-type(3) {
    bottom: 180px;
}

.wave {
    animation-name: wave;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@keyframes wave {
    0% {
        box-shadow: 0 0 0 0 rgba(29, 191, 204, 0.5);
    }
    100% {
        box-shadow: 0 0 0 10px rgba(29, 191, 204, 0.5);
    }
}

.open {
    animation-iteration-count: 1;
}

.centered {
    text-align: center;
}
.woo-error-page {
    margin: 15px 0;
}
.error-button {
    background-color: var(--primary-bgcolor);
    border: 1px solid var(--primary-bgcolor);
    color: var(--primary-color);
    padding: 10px 15px;
    border-radius: 10px;
    font-size: 12px;
    transition: all .3s ease-in-out;
}
.error-button:hover {
    background-color: var(--primary-color);
    color: var(--primary-bgcolor);
}
/*=============
CSS Style for WooCommerce ajax search without plugin base on category filter
==============*/
.search-input-box {
    position: relative;
}
.search-input-box svg {
    position: absolute;
    top: 11px;
    left: 20px;
    padding-right: 4px;
}

div.search_result {
    display: none;
}
.search_bar {
    padding: 5px 0;
    margin: auto 0;
    background: #fff;
    position: relative;
}
.search_bar form {
    display: flex;
    justify-content: space-between;
    max-width: 600px;
    height: 50px;
    margin: auto;
    position: relative;
}
.search_bar input,
.search_bar select {
    padding: 5px 8px;
    border: 1px solid #e2e2e2;
    margin-left: 5px;
}
.search_bar form#product_search select {
    border-left: none;
    font-size: 12px;
    width: 162px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.search_bar form#product_search input.input_search {
    margin-right: -5px;
    font-size: 12px;
    width: 440px;
    height: 100%;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    padding-left: 55px;
}
.search_bar div#datafetch {
    width: 27rem;
    margin: auto;
    position: absolute;
    right: 10rem;
    z-index: 2;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 4%);
    margin-top: .5rem;
    background-color: #fff;
    border-radius: 10px;
}
.search_bar div#datafetch ul li span.search-pro-target {
    padding: 15px;
    font-size: 12px;
    border: 1px solid #e2e2e2;
    width: 100%;
    display: inline-block;
    border-top: none;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.search_bar div#datafetch ul {
    list-style: none;
    padding: 12px;
    background: #fff;
    width: 100%;
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    display: flex;
    overflow-x: scroll;
}
.search_bar div#datafetch ul#style-2 {
    display: flex;
}
.search_bar div#datafetch ul#style-2::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #e2e2e2;
}
.search_bar div#datafetch ul#style-2::-webkit-scrollbar {
    width: 10px;
    height: 8px;
    background-color: #e2e2e2;
}
.search_bar div#datafetch ul#style-2::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: var(--primary-bgcolor);
}
.search_bar div#datafetch ul#style-2 li a {
    display: flex;
    align-items: center;
    width: max-content;
    padding: 10px;
    border: 1px solid #e2e2e2;
    border-radius: 10px;
}
.search_bar div#datafetch li img {
    max-width: 50px;
    height: auto;
    border-radius: 10px;
}
.search_bar div#datafetch li {
    padding: 5px;
    background: #fff;
    margin-bottom: 5px;
    font-size: 12px;
    width: 100%;
}
.search_bar div#datafetch ul a span.search-pro-img {
    display: inline-block;
    margin-left: 10px;
}
.search_bar div#datafetch span.search-pro-target a {
    color: #000;
    font-weight: 400;
    width: 340px;
    border: 1px solid #e2e2e2;
    font-size: 11px;
    display: flex;
    align-items: center;
    padding: 5px;
    margin: 3px;
    border-radius: 7px;
    transition: all .3s ease-in-out;
}
.search_bar div#datafetch span.search-pro-target a:hover {
    background-color: var(--primary-bgcolor);
    color: var(--primary-color);
}
.search_bar div#datafetch ul#style-2 li a .search-pro-name {
    font-size: 13px;
    text-align: right;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #000;
}
.search_bar div#datafetch h4.search-pro-title {
    font-size: 15px;
    font-weight: 600;
}
.search_result #search-best {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #eee;
}
/* ======================
search popup
====================== */
.search-popup {
    position: fixed;
    right: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 99999;
    margin-top: -540px;
    transform: translateY(-100%);
    background-color: rgba(0, 0, 0, .8);
    transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}
.sidenav-bar-visible .search-popup {
    width: 80%;
}
.search-active .search-popup {
    transform: translateY(0%);
    margin-top: 0;
}
.search-popup .close-search {
    position: absolute;
    left: 0;
    right: 0;
    top: 75%;
    border: none;
    margin: 0 auto;
    margin-top: -200px;
    border-radius: 10px;
    text-align: center;
    background-color: var(--primary-bgcolor);
    text-align: center;
    width: 50px;
    height: 50px;
    color: var(--primary-color);
    font-size: 20px;
    cursor: pointer;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    transition: all 500ms ease;
    opacity: 0;
    visibility: hidden;
}
.search-active .search-popup .close-search {
    visibility: visible;
    opacity: 1;
    top: 50%;
    transition-delay: 1500ms;
}
.search-popup form {
    position: absolute;
    max-width: 700px;
    top: 50%;
    left: 15px;
    right: 15px;
    margin: -35px auto 0;
    transform: scaleX(0);
    transform-origin: center;
    transition: all 300ms ease;
}
.search-active .search-popup form {
    transform: scaleX(1);
    transition-delay: 1200ms;
}
.search-popup .form-group {
    position: relative;
    margin: 0;
    overflow: hidden;
}
.search-popup .form-group input[type="text"], .search-popup .form-group input[type="search"] {
    position: relative;
    width: 100%;
    height: 60px;
    outline: none;
    border-radius: 10px;
    border: none;
    padding: 0 35px 0 100px;
    transition: all 500ms ease;
    text-transform: capitalize;
}
.search-popup .form-group input[type="submit"], .search-popup .form-group button {
    position: absolute;
    left: 10px;
    top: 7px;
    border-radius: 10px;
    background-color: var(--primary-bgcolor);
    text-align: center;
    font-size: 20px;
    color: var(--primary-color) !important;
    padding: 5px 30px;
    border: none;
    cursor: pointer;
    transition: all 500ms ease;
}
.search-popup .form-group input[type="submit"]:hover, .search-popup .form-group button:hover {
    background-color: #204066;
}
.search-popup input::placeholder, .search-popup textarea::placeholder {
    color: #51668a;
}
.mobile-search-btn {
    display: none;
}
@media all and (max-width: 991px) {
    .mobile-search-btn {
        display: block;
        position: absolute;
        left: 15%;
        color: #204066;
        font-size: 20px;
    }
}
/*===== Contact Form Style(News Form) =====*/
.ms-newsletter-form form.wpcf7-form.init {
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ms-newsletter-form form.wpcf7-form.init p {
    margin: 0;
}

.ms-newsletter-form form.wpcf7-form.init p label span.wpcf7-form-control-wrap input[type=email] {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.ms-newsletter-form form.wpcf7-form.init .news-form p {
    margin: 0;
    position: relative;
    display: flex;
    align-items: center;
}

.ms-newsletter-form form.wpcf7-form.init .news-form p input {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.ms-newsletter-form form.wpcf7-form.init .news-form p span.wpcf7-spinner {
    position: absolute;
    left: -25px;
    margin: 0;
    top: 35px;
}

/*===== Contact Form Style(Contact Page Form) =====*/
form.wpcf7-form p label {
    width: 100%;
}

form.wpcf7-form p label input {
    width: 100%;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 0 10px;
}

form.wpcf7-form p label textarea {
    width: 100%;
    border: 1px solid #eee;
    border-radius: 3px;
    padding: 0 10px;
}

form.wpcf7-form p:nth-child(6) {
    direction: ltr;
}

form.wpcf7-form p input[type=submit] {
    background-color: var(--primary-bgcolor);
    border: 1px solid var(--primary-bgcolor);
    color: var(--primary-color);
    padding: 5px 20px;
    transition: all .3s ease-in-out;
}

form.wpcf7-form p input[type=submit]:hover {
    background-color: var(--primary-color);
    color: var(--primary-bgcolor);
}

.contact-map iframe {
    height: 100% !important;
}

/*===== Woo css Start =====*/
.woocommerce .loader::before {
    background-image: none;
}

/*===== Woo css Shop Page Start =====*/
.products {
    justify-content: flex-start;
    margin-left: -10px;
    margin-right: -10px;
    gap: 10px;
}

.products .ms-product-content-inner {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform 0.3s, box-shadow 0.3s;
    position: relative;
    box-sizing: border-box;
}

.products .ms-product-content-inner:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

.ms-pro-image-outer {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
}

.ms-pro-image img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s;
}

.ms-pro-image-outer:hover img {
    transform: scale(1.05);
}

.ms-pro-actions {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    gap: 6px;
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 10;
}

.ms-product-content-inner:hover .ms-pro-actions {
    opacity: 1;
}

.ms-pro-content h2 {
    font-size: 1rem;
    margin: 10px;
    font-weight: 600;
    color: #333;
    text-align: right;
}

.price {
    display: block;
    text-align: center;
    font-weight: bold;
    margin-bottom: 5px;
    color: #333;
}
.variable-stock-status {
    margin: 6px auto 10px;
    background: #f44336;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.6rem;
    width: fit-content;
    float: right;
}
.variable-stock-status span {
    color: white !important;
    font-weight: 500 !important;
    position: relative;
    padding-right: 13px;
    line-height: 1.4;
}
.variable-stock-status span::before {
    content: "\f071";
    font-family: "Font Awesome 6 Free";
    position: absolute;
    top: 0;
    right: 0;
}

.custom-stock-label {
    display: block;
    text-align: center;
    margin: 10px auto 10px;
    background: #f44336;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.75rem;
}
/* ستون ۱ */
.products.columns-1 .ms-product-content-inner { width: 99%; }
/* ستون ۲ */
.products.columns-2 .ms-product-content-inner { width: 4950%; }
/* ستون ۳ */
.products.columns-3 .ms-product-content-inner { width: 32.3333%; }
/* ستون ۴ */
.products.columns-4 .ms-product-content-inner { width: 24%; }
/* ستون ۵ */
.products.columns-5 .ms-product-content-inner { width: 19%; }
/* ستون ۶ */
.products.columns-6 .ms-product-content-inner { width: 15.6667%; }

/* واکنش‌گرا برای موبایل */
@media (max-width: 1200px) {
    .products.columns-5 .ms-product-content-inner,
    .products.columns-6 .ms-product-content-inner { width: 23%; }
}
@media (max-width: 992px) {
    .products.columns-4 .ms-product-content-inner,
    .products.columns-5 .ms-product-content-inner,
    .products.columns-6 .ms-product-content-inner { width: 32.3333%; }
}
@media (max-width: 768px) {
    .products.columns-3 .ms-product-content-inner,
    .products.columns-4 .ms-product-content-inner,
    .products.columns-5 .ms-product-content-inner,
    .products.columns-6 .ms-product-content-inner { width: 49%; }
}
@media (max-width: 480px) {
    .products.columns-1 .ms-product-content-inner,
    .products.columns-2 .ms-product-content-inner,
    .products.columns-3 .ms-product-content-inner,
    .products.columns-4 .ms-product-content-inner,
    .products.columns-5 .ms-product-content-inner,
    .products.columns-6 .ms-product-content-inner { width: 48%; }
}

@media (max-width: 992px) {
    .woocommerce-ordering-buttons {
        position: relative !important;
        top: 0 !important;
    }
    .products {
       margin: 0; 
    }
}

@media (max-width: 576px) {
    .ms-pro-actions {
        top: 5px;
        right: 5px;
    }
}
/*===== Woo css Shop Page End =====*/

/*===== woocommerce-result-count START =====*/
.woocommerce .woocommerce-result-count {
    position: relative;
    right: auto;
    left: 15px;
    border-radius: 10px;
    line-height: 50px;
    display: flex;
    justify-content: end;
    align-items: center;
    padding: 0 10px;
    font-weight: 500;
    font-size: 12px;
    color: #333;
}
/*===== woocommerce-result-count END =====*/

/*===== woocommerce-ordering START =====*/
.woocommerce-ordering-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 20px;
    padding: 0;
    position: absolute;
    top: 7px;
    left: auto;
    width: max-content;
    right: 0;
}
.woocommerce-ordering-buttons .orderby-button {
    display: inline-block;
    padding: 6px 10px;
    border: 1px solid #ddd;
    border-radius: 7px;
    background-color: #fff;
    text-decoration: none;
    color: #333;
    font-size: 12px;
    transition: all 0.3s ease;
}
.woocommerce-ordering-buttons .orderby-button:hover {
    background-color: #f5f5f5;
    border-color: #aaa;
}
.woocommerce-ordering-buttons .orderby-button.selected {
    background-color: var(--primary-bgcolor);
    color: var(--primary-color);
    border-color: var(--primary-bordercolor);
}
.woocommerce-ordering-buttons button#reset-orderby-btn {
    padding: 6px 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background-color: var(--primary-bgcolor);
    color: var(--primary-color);
    border-color: var(--primary-bordercolor);
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
    .woocommerce-ordering-buttons {
        gap: 5px;
        margin: 0 10px 10px 0;
    }
    .woocommerce-ordering-buttons .orderby-button {
        font-size: 10px;
        padding: 6px 12px;
    }
}
/*===== woocommerce-ordering END =====*/

/*===== products-per-page-form Start =====*/
.products-per-page-container {
    position: absolute;
    top: 8px;
    right: auto;
    left: 16%;
    width: fit-content;
}
#products-per-page-form {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 0;
}
#products-per-page-form label {
    font-weight: 500;
    color: #333;
    font-size: 12px;
}

#products-per-page-select {
    padding: 6px 10px;
    border: 1px solid #ccc;
    border-radius: 7px;
    background-color: #fff;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    font-size: 12px;
}

#products-per-page-select:hover {
    border-color: #999;
}

#products-per-page-select:focus {
    outline: none;
    border-color: #0073aa;
    box-shadow: 0 0 4px rgba(0, 115, 170, 0.3);
}
@media screen and (max-width: 767px) {
    .products-per-page-container {
        right: 59%;
        top: 45px;
        z-index: 9;
        display: none;
    }
    #products-per-page-form {
        font-size: 10px;
        gap: 2px;
    }
    #products-per-page-select {
        font-size: 10px;
    }

}
/*===== products-per-page-form End =====*/

/*===== woocommerce Loadung Icon AJAX =====*/
#products-loader {
    position: fixed;
    top: 50%;
    left: 40%;
    width: 60px;
    height: 60px;
    border: 6px solid #f3f3f3;
    border-top: 6px solid #0073aa;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    transform: translate(-50%, -50%);
    z-index: 9999;
    display: none;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/*===== woocommerce Loadung =====*/



#product-filter-sidebar {
    width: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 15px 0;
    float: right;
    position: sticky !important;
    top: 93px !important;
    z-index: 2;
}

#product-filter-sidebar .product-category-dropdown {
    padding: 20px 10px;
    border: 1px solid #eee;
    border-radius: 10px;
    margin: 10px;
}

#product-filter-sidebar .product-category-dropdown form#searchform div {
    display: flex;
    position: relative;
}

#product-filter-sidebar .product-category-dropdown form#searchform div input[type=text] {
    outline: 0 !important;
    border: 1px solid #eee !important;
    border-radius: 5px !important;
    padding: 5px 10px;
    width: 100%;
    font-size: 12px;
}

#product-filter-sidebar .product-category-dropdown form#searchform div input[type=submit] {
    border: 1px solid #eee;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: var(--primary-bgcolor);
    color: var(--primary-color);
    padding: 5px 10px;
    position: absolute;
    left: 0;
    font-size: 12px;
    transition: all .3s ease;
}

#product-filter-sidebar .product-category-dropdown form#searchform div input[type=submit]:hover {
    background-color: var(--primary-color);
    color: var(--primary-bgcolor);
}

#product-filter-sidebar .product-category-dropdown form {
    margin-top: 24px;
}

#product-filter-sidebar .product-category-dropdown h2.widget-title {
    font-weight: 400;
    color: #000;
    display: block;
    font-size: 16px;
    margin: 0;
    position: relative;
    cursor: pointer;
}

#product-filter-sidebar .product-category-dropdown h2.widget-title:after {
    content: "\f106";
    font-family: "Font Awesome 6 Free";
    position: absolute;
    left: 0;
    top: 5px;
    color: #202020;
    transform: rotate(180deg);
    line-height: 1;
    transition: all 200ms ease-out;
    font-weight: bold;
    font-size: 14px;
}

#product-filter-sidebar .product-category-dropdown select {
    font-weight: 700;
    font-size: 16px;
}

#product-filter-sidebar .product-category-dropdown label.filter_category_select {
    font-weight: 700;
    color: #000;
    display: block;
    font-size: 16px;
    margin: 0;
    position: relative;
    cursor: pointer;
}

#product-filter-sidebar .product-category-dropdown label.filter_category_select:after {
    content: "\f106";
    font-family: "Font Awesome 6 Free";
    position: absolute;
    left: 10px;
    top: 11px;
    color: #202020;
    transform: rotate(180deg);
    line-height: 1;
    transition: all 200ms ease-out;
    font-weight: bold;
    font-size: 15px;
}

#product-filter-sidebar .product-category-dropdown select.widget-title.closed label.filter_category_select:after {
    transform: rotate(0);
}

#product-filter-sidebar .product-category-dropdown h2.widget-title.closed:after {
    transform: rotate(0);
}

#product-filter-sidebar .product-category-dropdown h2 {
    margin-bottom: 24px;
}

#product-filter-sidebar .product-category-dropdown ul {
    margin-top: 10px;
}

#product-filter-sidebar .product-category-dropdown ul li {
    display: block;
}

#product-filter-sidebar .product-category-dropdown ul li:hover a {
    color: green;
}

#product-filter-sidebar .product-category-dropdown ul li a {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    float: right;
}

#product-filter-sidebar .product-category-dropdown ul li span {
    font-size: 14px;
    float: left;
}

#product-filter-sidebar .product-category-dropdown ul.product-categories {
    display: flex;
    flex-direction: column;
}

#product-filter-sidebar .product-category-dropdown ul.product-categories li {
    margin: 5px 0;
    display: block;
}

#product-filter-sidebar .product-category-dropdown ul #reset-filters button {
    margin-top: 10px;
    width: 100%;
    background-color: #000;
    color: #fff;
    border-radius: 7px;
    height: 35px;
}

#product-filter-sidebar .product-category-dropdown ul #reset-cat-filters button {
    margin-top: 10px;
    width: 100%;
    background-color: #000;
    color: #fff;
    border-radius: 7px;
    height: 35px;
}

#product-filter-sidebar .product-category-dropdown .price_slider_wrapper {
    display: flex;
    flex-direction: column;
}

#product-filter-sidebar .product-category-dropdown .price_slider_wrapper button.button {
    border: 1px solid var(--primary-bordercolor);
    background-color: var(--primary-bgcolor);
    color: var(--primary-color);
    padding: 15px;
    border-radius: 7px;
    transition: all .3s ease;
    font-weight: 400;
}

#product-filter-sidebar .product-category-dropdown .price_slider_wrapper button.button:hover {
    background-color: var(--primary-color);
    color: var(--primary-bgcolor);
}

.price_slider_wrapper .ui-widget-content {
    position: relative;
    border-radius: 10px;
    height: 5px;
    background-color: #ccc;
}

#product-filter-sidebar .product-category-dropdown .price_slider_wrapper .price_slider_amount {
    direction: ltr;
}

#product-filter-sidebar .product-category-dropdown .price_slider_wrapper .price_slider_amount button[type=submit] {
    font-size: 14px;
    color: white;
    padding: 0 25px;
    width: 100%;
    line-height: 3rem;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    border: none;
    border-radius: 10px;
    background-color: var(--primary-bgcolor);;
    box-shadow: 0 3px 24px rgba(0, 0, 0, .1);
    margin-top: 20px;
    font-weight: 400;
}

#product-filter-sidebar .product-category-dropdown .price_slider_wrapper .price_slider_amount button:before {
    content: "\f0b0";
    font-family: "Font Awesome 6 Free";
    position: absolute;
    left: 55%;
    transform: translateX(50%);
}

#product-filter-sidebar .product-category-dropdown .price_slider_wrapper .price_slider_amount .price_label {
    direction: rtl;
    display: flex;
    justify-content: space-between;
    gap: .3rem;
    margin-top: 5px;
}

#product-filter-sidebar .product-category-dropdown .price_slider_wrapper .price_slider_amount .price_label span {
    font-size: 14px;
    font-weight: 400;
    direction: rtl;
}

#product-filter-sidebar .product-category-dropdown .price_slider_wrapper .price_slider .ui-slider-range {
    position: absolute;
    top: 0;
    background-color: var(--primary-bgcolor);;
    height: 5px;
    border-radius: 40px;
}

#product-filter-sidebar .product-category-dropdown .price_slider_wrapper .price_slider .ui-slider-range:after {
    content: "";
    position: absolute;
    left: 0;
    width: 15px;
    height: 15px;
    background-color: var(--primary-bgcolor);;
    border-radius: 50%;
    top: -5px;
    border: 1px solid #fff;
    cursor: ew-resize;
}

#product-filter-sidebar .product-category-dropdown .price_slider_wrapper .price_slider .ui-slider-range:before {
    content: "";
    position: absolute;
    right: 0;
    width: 15px;
    height: 15px;
    background-color: var(--primary-bgcolor);;
    border-radius: 50%;
    top: -5px;
    border: 1px solid #fff;
    cursor: ew-resize;
}


/* Style Sidebar Cart */
ul.ms-cart-pro-items {
    height: 24rem;
    overflow: scroll;
}

ul li.woocommerce-mini-cart-item.mini_cart_item a.remove {
    height: 100%;
    color: #029064 !important;
    float: left;
    padding: 4px 4px 0 0;
    display: flex;
    align-items: baseline;
    font-size: 25px;
    border-radius: 50%;
}

ul li.woocommerce-mini-cart-item.mini_cart_item a.remove:hover {
    background-color: var(--primary-bgcolor);;
    color: white !important;
}

ul li.woocommerce-mini-cart-item.mini_cart_item a {
    display: flex;
    font-weight: 700;
    align-items: center;
}

ul li.woocommerce-mini-cart-item.mini_cart_item {
    display: flex;
    padding: 10px 0;
    position: relative;
    line-height: 17px;
    border-bottom: 1px solid #eee;
}

ul li.woocommerce-mini-cart-item.mini_cart_item .ic-mini-cart-count-price.ic-mini-cart-title-input {
    width: 70%
}

ul li.woocommerce-mini-cart-item.mini_cart_item .ic-mini-cart-count-price.ic-mini-cart-title-input .ic-custom-render-total {
    float: left;
    font-size: 14px;
    font-weight: 600;
}

ul li.woocommerce-mini-cart-item.mini_cart_item .ic-mini-cart-count-price.ic-mini-cart-title-input .ic-mini-cart-pro-name {
    font-size: 12px;
    font-weight: 600;
    color: #000;
    margin-bottom: 10px;
}

ul li.woocommerce-mini-cart-item.mini_cart_item .ic-mini-cart-count-price.ic-mini-cart-title-input .ic-mini-cart-pro-price .ic-mini-cart-price-count-pro {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

ul li.woocommerce-mini-cart-item.mini_cart_item .ic-mini-cart-count-price.ic-mini-cart-title-input .quantity button.minus {
    display: none;
}

ul li.woocommerce-mini-cart-item.mini_cart_item .ic-mini-cart-count-price.ic-mini-cart-title-input .quantity button.plus {
    display: none;
}

ul li.woocommerce-mini-cart-item.mini_cart_item img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
}

ul li.woocommerce-mini-cart-item.mini_cart_item .quantity {
    max-height: 35px;
    max-width: 90px;
    position: relative;
}

ul li.woocommerce-mini-cart-item.mini_cart_item .quantity button:first-child {
    left: 5px;
}

ul li.woocommerce-mini-cart-item.mini_cart_item .quantity button:last-child {
    right: 5px;
}

ul li.woocommerce-mini-cart-item.mini_cart_item .quantity button {
    width: 25px;
    height: 25px;
    line-height: 0;
    background: #eee;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 0;
    font-size: 18px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

ul li.woocommerce-mini-cart-item.mini_cart_item .quantity .qty {
    height: 30px;
    padding: 10px;
    width: 100%;
    border: 1px solid #eee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    line-height: 22px;
    color: #171717;
    text-align: center;
}

ul li.woocommerce-mini-cart-item.mini_cart_item .woocommerce-Price-amount {
    font-size: 12px;
}

ul li.woocommerce-mini-cart-item.mini_cart_item a.woocommerce-mini-cart-image {
    width: 60px;
    height: 60px;
}

.widget_shopping_cart_content ul.woocommerce-mini-cart.cart_list.product_list_widget {
    overflow: scroll;
    height: 26rem;
}

.widget_shopping_cart_content p.woocommerce-mini-cart__total {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 1rem;
}

.widget_shopping_cart_content p.woocommerce-mini-cart__total span:nth-child(1) {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px dashed #eee;
    font-weight: 400;
}

.widget_shopping_cart_content p.woocommerce-mini-cart__total span:nth-child(1) span.subtotal-mini-cart-price {
    border: none;
}

.widget_shopping_cart_content p.woocommerce-mini-cart__total span:nth-child(1) span.subtotal-mini-cart-price span.woocommerce-Price-amount {
    border: none;
}

.widget_shopping_cart_content p.woocommerce-mini-cart__total span:nth-child(1) span.subtotal-mini-cart-price span.woocommerce-Price-amount bdi {
    display: contents;
    border: none;
}

.widget_shopping_cart_content p.woocommerce-mini-cart__total span:nth-child(2) {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px dashed #eee;
    font-weight: 400;
}

.widget_shopping_cart_content p.woocommerce-mini-cart__total span:nth-child(3) {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px dashed #eee;
    font-weight: 400;
}

.widget_shopping_cart_content p.woocommerce-mini-cart__total span:nth-child(3) span.subtotal-mini-cart-price {
    border: none;
}

.widget_shopping_cart_content p.woocommerce-mini-cart__total span:nth-child(3) span.subtotal-mini-cart-price strong {
    border: none;
}

.widget_shopping_cart_content p.woocommerce-mini-cart__total span:nth-child(3) span.subtotal-mini-cart-price strong span.woocommerce-Price-amount {
    border: none;
}

.widget_shopping_cart_content p.woocommerce-mini-cart__total span:nth-child(3) span.subtotal-mini-cart-price strong span.woocommerce-Price-amount bdi {
    display: contents;
    border: none;
    font-weight: bolder;
}

.widget_shopping_cart_content p.woocommerce-mini-cart__buttons {
    display: flex;
    justify-content: space-between;
    margin: 2rem 0 1rem 0;
}

.widget_shopping_cart_content p.woocommerce-mini-cart__buttons a {
    background-color: var(--primary-bgcolor);;
    color: white;
    border: 1px solid var(--primary-bgcolor);
    padding: 10px 15px;
    border-radius: 3px;
    font-size: 12px;
}

.widget_shopping_cart_content p.woocommerce-mini-cart__buttons a:hover {
    background-color: var(--primary-color);
    color: var(--primary-bgcolor);
}

.widget_shopping_cart_content .cart-empty {
    display: flex;
    flex-direction: column;
    gap: .7rem;
    margin-right: auto;
    margin-left: auto;
    align-items: center;
    margin-top: 130px;
    padding: 12px;
    text-align: center;
}

.widget_shopping_cart_content .cart-empty p.woocommerce-mini-cart__empty-message {
    color: #000;
    font-weight: 600;
}

.widget_shopping_cart_content .cart-empty i.fa-shopping-basket {
    color: var(--primary-bgcolor);
    font-size: 45px;
}

.widget_shopping_cart_content .cart-empty p.cart-empty-text {
    color: #757F95;
    font-size: 12px;
}

.widget_shopping_cart_content .cart-empty .return-home-shop {
    display: flex;
    gap: 1rem;
    justify-content: space-around;
}

.widget_shopping_cart_content .cart-empty .return-home-shop a {
    font-size: 14px;
    background-color: var(--primary-bgcolor);
    color: var(--primary-color);
    padding: 5px 7px;
    border-radius: 3px;
}

.login-header-left-child-item-orders,
.login-header-left-child-item-dashboard,
.login-header-left-child-item-wishlist {
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
    transition: all .3s ease-in-out;
    position: relative;
}

.login-header-left-child-item-exit {
    width: 100%;
    transition: all .3s ease-in-out;
    position: relative;
}

.login-header-left-child-item-orders a {
    width: 100%;
    padding: 13px 36px 13px 15px;
    font-size: 14px;
    color: #9e9e9e;
}

.login-header-left-child-item-dashboard a,
.login-header-left-child-item-exit a,
.login-header-left-child-item-wishlist a {
    width: 100%;
    padding: 13px 10px 13px 15px;
    font-size: 14px;
    color: #9e9e9e;
    display: flex;
    gap: .5rem;
}

.login-header-left-child-item-orders a:hover {
    color: green;
}

.login-header-left-child-item-dashboard a:hover {
    color: green;
}

.login-header-left-child-item-wishlist a:hover {
    color: green;
}

.login-header-left-child-item-exit a:hover {
    color: green;
}

.login-header-left-child-item-orders a:before {
    content: '';
    width: 22px;
    height: 22px;
    background: #fbdbde;
    display: block;
    border-radius: 100%;
    position: absolute;
    right: 9px;
    top: 15px;
}

.login-header-left-child-item-orders a:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #ea3f55;
    display: block;
    border-radius: 100%;
    position: absolute;
    right: 15px;
    top: 21px;
}

.login-header-left-child-item-dashboard a:before {
    content: "\f113";
    font-family: flaticon !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
}

.login-header-left-child-item-wishlist a:before {
    content: "\f153";
    font-family: flaticon !important;
    font-style: normal;
    font-weight: 700 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
}

.login-header-left-child-item-exit a:before {
    content: "\f08b";
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
}

.mobile-sticky {
    display: none;
}

.woocommerce div.product .summary.entry-summary .price del {
    font-size: 10px;
    color: var(--primary-bgcolor);
}

.woocommerce div.product .summary.entry-summary .price ins {
    text-decoration: none;
    color: var(--primary-bgcolor);
}

.woocommerce div.product .summary.entry-summary .stock.in-stock {
    color: var(--primary-bgcolor);
}

.woocommerce div.product form.cart {
    display: flex;
    margin-bottom: 1em !important;
}

.woocommerce div.product form.variations_form.cart {
    display: flex;
    flex-direction: column;
    margin: 0;
}

.woocommerce div.product form.variations_form.cart table.variations {
    width: 100%;
    font-size: 14px;
}

.woocommerce div.product form.variations_form.cart .single_variation_wrap .woocommerce-variation-add-to-cart {
    display: flex;
}

.woocommerce div.product form.variations_form.cart .single_variation_wrap .single_variation .woocommerce-variation-price .price .woocommerce-Price-amount bdi {
    color: var(--primary-bgcolor);
    font-weight: 700;
}

.woocommerce div.product form.variations_form.cart .single_variation_wrap .woocommerce-variation-add-to-cart-disabled .quantity {
    display: none !important;
}

.woocommerce div.product form.variations_form.cart .single_variation_wrap .woocommerce-variation-add-to-cart-disabled button.wc-variation-is-unavailable {
    display: none !important;
}

.woocommerce div.product form.variations_form.cart .single_variation_wrap .woocommerce-variation-add-to-cart-disabled button.wc-variation-selection-needed {
    display: none !important;
}

.woocommerce div.product form.cart .quantity {
    height: 100%;
    position: relative;
}

.woocommerce div.product form.cart .quantity button.plus {
    position: absolute;
    right: -3px;
    top: 0;
    border: none;
    background: transparent;
    color: #000;
    font-size: 16px;
    z-index: 1;
    height: 100%;
    width: 35px;
    line-height: 1;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.woocommerce div.product form.cart .quantity button.minus {
    position: absolute;
    left: 2px;
    top: 3px;
    border: none;
    border-right: none;
    background: #fff;
    line-height: 1;
    color: #000;
    font-size: 20px;
    z-index: 1;
    height: 90%;
    width: 22px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.woocommerce div.product form.cart .quantity input {
    width: 7em;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #eee;
    color: #777;
}

.woocommerce div.product .product_meta span.sku_wrapper {
    display: block;
    color: #848ca0;
    font-size: .7rem;
}

.woocommerce div.product .product_meta span.sku {
    color: #848ca0;
    font-size: .7rem;
}

.woocommerce div.product .product_meta span.posted_in {
    display: block;
    color: #848ca0;
    font-size: .7rem;
}

.woocommerce div.product .product_meta span.posted_in a {
    color: #848ca0;
    font-size: .7rem;
}

.woocommerce div.product .product_meta span.tagged_as {
    display: block;
    color: #848ca0;
    font-size: .7rem;
}

.woocommerce div.product .product_meta span.tagged_as a {
    color: #848ca0;
    font-size: .7rem;
}

/*Product Single Before Images Product Socials Media Styles*/
.socials-media-box-single-pro {
    position: absolute;
    z-index: 1;
    top: 205px;
    right: 5px;
    font-size: 20px;
    font-weight: 700;
    border-radius: 8px;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, .1);
    background-color: white;
    width: 43px;
    height: 38px;
    line-height: 40px;
    cursor: pointer;
    text-align: center;
}
.socials-media-box-single-pro i {
    color: #606060;
    font-family: "Font Awesome 6 Free";
}

#overlay-socials-media-popup {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    display: none;
    background-color: rgba(0, 0, 0, .8);
    z-index: 99;
}

.popup-socials-media {
    position: absolute;
    width: 400px;
    height: 170px;
    right: 50%;
    top: 35%;
    transform: translateX(50%);
    padding: 30px;
    border-radius: 10px;
    box-sizing: border-box;
    background: #fff;
    color: pink;
}

.close-popup-socials-media {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 23px;
    height: 23px;
    cursor: pointer;
}

.close-popup-socials-media:before {
    content: '';
    background-color: #000;
    position: absolute;
    height: 2px;
    width: 20px;
    top: 11px;
    left: -4px;
    transform: rotate(-45deg);
}

.close-popup-socials-media:after {
    content: '';
    background-color: #000;
    position: absolute;
    height: 2px;
    width: 20px;
    top: 11px;
    transform: rotate(45deg);
    left: -4px;
}

.popup-socials-media h4 {
    font-size: 17px;
    border-bottom: 1px solid #000;
    padding: 8px 0;
}

.popup-socials-media > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 30px 0;
}

.popup-socials-media > a > span {
    color: #000;
    width: 100%;
    border: 1px solid #4d4d4d;
    border-radius: 10px;
    text-align: center;
    font-size: 15px;
    padding: 8px 10px;
}

.popup-socials-media > a > span > i {
    font-size: 15px;
    margin-left: 5px;
}

.detail-pro-left-inner-box button.npn-wishlist-btn {
    position: relative;
    right: 5px;
    top: 100px;
    z-index: 1;
    border-radius: 8px;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, .1);
    border: none;
    font-size: 20px;
    padding: 10px;
    height: 38px;
    width: 43px
}

.detail-pro-left-inner-box a.compare-icon-loop {
    position: relative;
    right: 5px;
    top: 115px;
    z-index: 1;
    border-radius: 8px;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, .1);
    border: none;
    font-size: 20px;
    padding: 10px;
    width: 43px;
    height: 38px;
    display: block;
}

.detail-pro-left-inner-box a.compare-icon-loop i {
    color: #606060;
}

/*Product Single send-text-popup Styles*/
#overlay-send-text-popup {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    display: none;
    background-color: rgba(0, 0, 0, .8);
    z-index: 99;
}

.send-text-popup-box {
    position: absolute;
    width: auto;
    height: auto;
    right: 50%;
    top: 35%;
    transform: translateX(50%);
    padding: 15px 15px 30px 15px;
    border-radius: 10px;
    box-sizing: border-box;
    background: #fff;
    color: pink;
}


.close-send-text-popup {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 23px;
    height: 23px;
    cursor: pointer;
}

.close-send-text-popup:before {
    content: '';
    background-color: #000;
    position: absolute;
    height: 2px;
    width: 20px;
    top: 11px;
    left: -4px;
    transform: rotate(-45deg);
}

.close-send-text-popup:after {
    content: '';
    background-color: #000;
    position: absolute;
    height: 2px;
    width: 20px;
    top: 11px;
    transform: rotate(45deg);
    left: -4px;
}

.send-text-popup h4 {
    font-size: 17px;
    border-bottom: 1px solid #000;
    padding: 8px 0;
}

.send-text-popup > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 30px 0;
}

.send-text-popup-box > span {
    width: 100%;
    display: block;
    border-bottom: 1px solid #000;
    margin: 0 0 15px 0;
    padding: 0 0 5px 0;
    color: #204066;
    font-weight: 700;
    font-size: 15px;
}

/*Product Single After Meta Box Styles*/
.price-pro-left-box-date-send {
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-radius: 3px;
    justify-content: space-between;
}

.price-pro-left-box-date-send p {
    margin: 0;
    font-size: 12px;
}

.price-pro-left-box-date-send p strong {
    color: var(--primary-bgcolor);;
    font-weight: 600;
    padding: 5px;
}

.price-pro-left-box-date-send .send-img {
    width: 90px;
    display: flex;
}

.price-pro-left-box-date-send .send-img img {
    width: 100%;
}

.price-pro-left-box {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    border-radius: 3px;
}

.price-pro-left-box span.price-left-pro-box-text {
    padding: 0;
    width: 100%;
    border-radius: 10px;
}

.price-pro-left-box span.price-left-pro-box-text form.cart {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
}

.price-pro-left-box span.price-left-pro-box-text form.cart .quantity {
    position: relative;
    width: fit-content;
    margin: 0 !important;
}

.price-pro-left-box span.price-left-pro-box-text form.cart .single_add_to_cart_button {
    width: 55%;
    font-size: 11px;
    color: var(--primary-color);
    height: 37px;
    padding: 10px;
    margin-left: auto;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    border: 1px solid #fff;
    border-radius: 5px;
    background-color: var(--primary-bgcolor);
    border: 1px solid var(--primary-bgcolor);
}

.price-pro-left-box span.price-left-pro-box-text form.cart .single_add_to_cart_button:hover {
    color: var(--primary-bgcolor);
    background-color: var(--primary-color);
}

.price-pro-left-box span.price-left-pro-box-text form.cart .single_add_to_cart_button.added {
    display: none;
}

.price-pro-left-box span.price-left-pro-box-text form.cart .added_to_cart {
    font-size: 12px;
    font-weight: 600;
    color: white;
    height: 39px;
    padding: 10px 15px;
    margin-left: auto;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    border: 1px solid #fff;
    border-radius: 5px;
    background-color: var(--primary-bgcolor);
    line-height: 1.4;
    width: 157px;
}

.price-pro-left-box span.price-left-pro-box-text form.cart table.variations {
    margin: 0;
}

.price-pro-left-box span.price-left-pro-box-text form.cart table.variations tbody tr th {
    line-height: 3.1 !important;
}

.price-pro-left-box span.price-left-pro-box-text form.cart table.variations tbody td select {
    border: 1px solid #cdcdcd;
    color: #788297;
    padding: 5px 10px;
    width: 100%;
    border-radius: 5px;
    margin: 0 5px 0;
}

.price-pro-left-box span.price-left-pro-box-text form.cart table.variations tbody td .reset_variations {
    float: left;
    color: #788297;
}

.price-pro-left-box span.price-left-pro-box-text form.cart .single_variation_wrap {
    display: flex;
    flex-direction: column-reverse;
    gap: 10px;
}

.price-pro-left-box span.price-left-pro-box-text form.cart .single_variation_wrap span.mb-unavailable span {
    color: red;
}

.price-pro-left-box span.price-left-pro-box-text form.cart .single_variation_wrap .woocommerce-variation-add-to-cart.variations_button {
    justify-content: space-between;
    flex-direction: row-reverse;
    gap: 10px;
}

.price-pro-left-box span.price-left-pro-box-text form.cart .single_variation_wrap .woocommerce-variation.single_variation {
    color: var(--primary-bgcolor) !important;
    border: 1px dashed #7e7e7e;
    border-radius: 5px;
    margin: 0;
    text-align: center;
}

.product-type-variable p.price {
    display: none;
}

.price-pro-left-box span.price-left-pro-box-text p.price {
    margin: 0;
    text-align: center !important;
    color: var(--primary-bgcolor);
    padding: 10px 0;
    border: 1px dashed #7e7e7e;
    border-radius: 5px;
}

.price-pro-left-box span.price-left-pro-box-text p.price del {
    color: var(--primary-bgcolor);
    opacity: .9 !important;
}

.price-pro-left-box span.price-left-pro-box-text p.price ins {
    color: var(--primary-bgcolor) !important;
}

.price-pro-left-box span.price-left-pro-box-date {
    font-size: 12px;
    width: 100%;
}

.price-pro-left-box span.price-left-pro-box-date span {
    display: block;
}
.price-pro-left-box span.price-left-pro-box-date span.send-text {
    position: relative;
    padding: 0 23px 0 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.price-pro-left-box span.price-left-pro-box-date span.send-text:before {
    content: "\f1d8";
    position: absolute;
    right: 1px;
    font-family: "Font Awesome 6 Free";
    color: #000;
    top: 0;
    font-size: 13px;
    transform: rotateY(180deg);
}
.price-pro-left-box span.price-left-pro-box-date span.send-text i {
    font-size: 14px;
    font-weight: 500;
}
.price-pro-left-box span.price-left-pro-box-date span.send-date {
    position: relative;
    padding: 0 23px;
}
.price-pro-left-box span.price-left-pro-box-date span.send-date:before {
    content: "\f155";
    position: absolute;
    right: 1px;
    font-family: "Font Awesome 6 Free";
    color: blue;
    top: 0;
    font-size: 13px;
    transform: rotateY(180deg);
}
.price-pro-left-box span.price-left-pro-box-date span.date {
    background-color: var(--primary-bgcolor);
    color: white;
    font-weight: 500;
    padding: 5px;
    border-radius: 3px;
    margin: 0 5px;
}

.pro-customer-count {
    display: flex;
    align-items: center;
    padding: 10px 20px 0 0;
    border-bottom: 1px solid #eee;
    border-radius: 3px;
    justify-content: space-between;
    position: relative;
}

.pro-customer-count:before {
    content: "\f0c0";
    position: absolute;
    right: 1px;
    font-family: "Font Awesome 6 Free";
    color: green;
    top: 8px;
    font-size: 13px;
}

.pro-customer-count p {
    margin: 0;
    font-size: 12px;
}

.pro-customer-count p strong {
    color: var(--primary-bgcolor);;
    font-weight: 600;
    padding: 5px;
}

.mk-meta-box {
    display: flex;
    flex-direction: column;
}

.mk-meta-box-price-custom-count {
    display: flex;
    flex-direction: column;
}

.pro-guaranty {
    display: flex;
    align-items: center;
    padding: 10px 20px 0 0;
    border-bottom: 1px solid #eee;
    border-radius: 3px;
    justify-content: space-between;
    position: relative;
}

.pro-guaranty:before {
    content: "\f0a3";
    position: absolute;
    right: 1px;
    font-family: "Font Awesome 6 Free";
    color: #1d4fc4;
    top: 8px;
    font-size: 15px;
}

.pro-guaranty p {
    color: #204066;
    font-weight: 500;
    padding: 5px;
    border-radius: 3px;
    margin: 0 5px;
}

.pro-fake {
    display: flex;
    align-items: center;
    padding: 10px 20px 0 0;
    border-bottom: 1px solid #eee;
    border-radius: 3px;
    justify-content: space-between;
    position: relative;
}

.pro-fake:before {
    content: "\f29a";
    position: absolute;
    right: 1px;
    font-family: "Font Awesome 6 Free";
    color: green;
    top: 8px;
    font-size: 15px;
}

.pro-fake p {
    background-color: var(--primary-bgcolor);
    color: var(--primary-color);
    font-weight: 500;
    padding: 5px;
    border-radius: 3px;
    margin: 0 5px;
}

.pro-sell-date {
    display: flex;
    align-items: center;
    padding: 10px 20px 0 0;
    border-radius: 3px;
    justify-content: space-between;
    position: relative;
}

.pro-sell-date:before {
    content: "\f274";
    position: absolute;
    right: 1px;
    font-family: "Font Awesome 6 Free";
    color: orange;
    top: 8px;
    font-size: 15px;
}

.pro-sell-date p {
    color: var(--primary-bgcolor);
    font-weight: 600;
    padding: 5px;
    margin: 0;
}

.woocommerce .related-product .ms-product-inner .ms-pro-actions {
    top: 20px;
}

.woocommerce .related-product .ms-product-inner:hover .ms-pro-actions {
    left: 5px;
    top: 20px;
}

.woocommerce .related-product .ms-product-inner .ms-pro-actions a.button {
    background-color: transparent !important;
    padding: 0;
}

.woocommerce .related-product section.related .products .ms-product-inner {
    width: 100%;
}

.woocommerce .related-product section.related .products .ms-product-inner a .ms-pro-image-outer {
    max-width: 100%;
}

.woocommerce .related-product section.related .products .ms-product-inner a .ms-pro-image-outer .ms-pro-image {
    height: 100%;
}

.woocommerce .related-product section.related .products .ms-product-inner a .ms-pro-image-outer .ms-pro-image img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.woocommerce .related-product section.related .products .ms-product-inner a .ms-pro-image-outer .ms-pro-image img.img-hover {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}

.woocommerce .related-product section.related .products .ms-product-inner a .price .from {
    position: absolute;
    right: 20px;
    direction: rtl;
    color: #17181c;
    font-size: 14px;
    font-weight: 700;
}
.woocommerce .related-product section.related .products .ms-product-inner a .price bdi {
    color: #17181c;
    font-size: 14px;
    font-weight: 700;
}
.woocommerce .related-product section.related .products .ms-product-inner a .price del bdi {
    font-size: 10px;
    text-decoration: line-through;
    color: #777;
}

.woocommerce .related-product section.related .owl-nav button {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.woocommerce .related-product section.related .owl-nav button span {
    font-size: 30px;
}

.woocommerce .related-product section.related .owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.woocommerce .related-product section.related .owl-dots button {
    background-color: #747474;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.woocommerce .related-product section.related .owl-dots button.active {
    background-color: var(--primary-bgcolor);
}

/*Style Single Product Details*/
.woocommerce div.product div.images.woocommerce-product-gallery {
    width: 100%;
    border-radius: 10px;
    border: 11px solid #f4f4f4;
    padding: 15px;
    margin-top: -55px;
}

.woocommerce div.product div.summary.entry-summary {
    width: 100%;
    height: auto;
    display: flex;
    gap: 30px;
}

.woocommerce div.product div.summary.entry-summary .detail-pro-right {
    float: right;
    width: 75%;
    display: flex;
    justify-content: space-between;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 10px;
}

.woocommerce div.product div.summary.entry-summary .detail-pro-right .woocommerce-product-rating {
    margin: 0;
    display: none;
}

.woocommerce div.product div.summary.entry-summary .detail-pro-right .woocommerce-product-rating .star-rating {
    font-size: 12px;
}

.woocommerce div.product div.summary.entry-summary .detail-pro-right .woocommerce-product-rating a.woocommerce-review-link {
    font-size: 10px;
}

.woocommerce div.product div.summary.entry-summary .detail-pro-right h1 {
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 5px;
    font-size: 1.125rem;
    font-weight: 500;
}

.woocommerce div.product div.summary.entry-summary .detail-pro-right .woocommerce-product-details__short-description p {
    font-size: .875rem;
    color: rgb(156 157 158 / 1);
}

.woocommerce div.product div.summary.entry-summary .detail-pro-right .woocommerce-product-details__short-description {
    margin-bottom: 10px;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 5px;
}

.woocommerce div.product div.summary.entry-summary .detail-pro-right .woocommerce-product-details__short-description .product-short-des-title {
    font-size: 12px;
    color: #848ca0;
}

.woocommerce div.product div.summary.entry-summary .detail-pro-right p.price {
    display: none;
}

.woocommerce div.product div.summary.entry-summary .detail-pro-left {
    float: left;
    width: 23%;
}

.woocommerce div.product div.summary.entry-summary .detail-pro-left .detail-pro-inner {
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 15px;
    position: sticky !important;
    top: 93px !important;
    z-index: 2;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, .1);
}

.woocommerce div.product div.summary.entry-summary .detail-pro-right .product_meta .return-product-single-page p {
    border-top: 1px solid #eee;
    font-size: 12px;
    position: relative;
    padding: 5px 25px 5px 0;
    color: #8987A5;
}

.woocommerce div.product div.summary.entry-summary .detail-pro-right .product_meta .return-product-single-page p:before {
    content: "\f129";
    position: absolute;
    right: 0;
    top: 7px;
    font-family: "Font Awesome 6 Free";
    background-color: #eee;
    padding: 5px 8px;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    line-height: 11px;
}

.woocommerce div.product div.summary.entry-summary .detail-pro-right .product_meta .property-box-single-product .property-title {
    display: block;
    font-size: 15px;
    margin-bottom: 5px;
}

.woocommerce div.product div.summary.entry-summary .detail-pro-right .product_meta .property-box-single-product {
    position: relative;
    margin: 15px 0 25px 0;
    border-bottom: 1px solid #eee;
    padding: 0 0 35px 0;
}

.woocommerce div.product div.summary.entry-summary .detail-pro-right .product_meta .property-box-single-product ul {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    flex-direction: column;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 10px;
}

.woocommerce div.product div.summary.entry-summary .detail-pro-right .product_meta .property-box-single-product ul li {
    padding: 10px 15px;
    background-color: #f9f9f9;
    width: 100%;
    position: relative;
    border-bottom: 1px dashed #ccc;
}

.woocommerce div.product div.summary.entry-summary .detail-pro-right .product_meta .property-box-single-product span.tooltiptext {
    visibility: hidden;
    width: max-content;
    background-color: #3f4064;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 8px;
    position: absolute;
    z-index: 1;
    top: -25px;
    right: 0;
    font-size: 12px;
}

.woocommerce div.product div.summary.entry-summary .detail-pro-right .product_meta .property-box-single-product ul li:hover span.tooltiptext {
    visibility: visible;
}

.woocommerce div.product div.summary.entry-summary .detail-pro-right .product_meta .more-property {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 15px 0;
    text-align: center;
    margin-top: -54px;
}

.woocommerce div.product div.summary.entry-summary .detail-pro-right .product_meta .more-property .inner-more-property {
    width: 35%;
    background-color: #fff;
    z-index: 5;
}

.woocommerce div.product div.summary.entry-summary .detail-pro-right .product_meta .more-property a {
    padding: 15px 25px;
    border: 1px solid #eee;
    border-radius: 10px;
    background-color: #fff;
    z-index: 9;
    position: sticky;
    color: #000;
}
.woocommerce div.product div.summary.entry-summary .detail-pro-right form.variations_form.cart table tbody tr th.label {
    line-height: 40px;
}
.woocommerce div.product div.summary.entry-summary .detail-pro-right form.variations_form.cart table tbody tr td.value select {
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 10px;
    color: #9c9c9c;
    font-size: 12px;
}
.woocommerce div.product div.images ol.flex-control-thumbs {
    display: flex;
    gap: 10px;
    padding: 16px 0;
}

.woocommerce div.product div.images ol.flex-control-thumbs li {
    width: 15%;
}

.woocommerce div.product div.images ol.flex-control-thumbs li img {
    border-radius: 10px;
}

.woocommerce div.product div.images ol.flex-control-thumbs li img.flex-active {
    border: 1px solid #ccc;
}

.woocommerce div.product .summary .detail-pro-left {
    float: left;
    width: 39%;
    height: auto;
}

.woocommerce div.product .summary .detail-pro-left .detail-pro-inner {
    border: 1px solid #1DBECA;
    padding: 15px;
    border-radius: 10px;
    background-color: #f4f4f4;
    margin-bottom: 10px;
}

.woocommerce div.product .summary .detail-pro-left .detail-pro-inner .shop-details-pro-left-box {
    border-bottom: 2px dashed var(--primary-bordercolor);
    font-size: 14px;
    font-weight: 400;
    line-height: 2.5;
    padding: 5px 0;
}

.woocommerce div.product .summary .detail-pro-left .detail-pro-inner .shop-details-pro-left-box i.fa-store {
    color: var(--primary-bgcolor);
    font-size: 20px;
}

.woocommerce div.product .summary .detail-pro-left .detail-pro-inner .shop-details-pro-left-box span {
    font-size: 14px;
    color: var(--primary-bgcolor);
    font-weight: 400;
}

.woocommerce div.product .summary .detail-pro-left .detail-pro-inner .send-pro-left-box {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 400;
    padding: 5px 0;
    line-height: 2.5;
    border-bottom: 1px dashed var(--primary-bordercolor);
}

.woocommerce div.product .summary .detail-pro-left .detail-pro-inner .send-pro-left-box .out-of-stock-single-pro-contact {
    padding: 0;
    width: 100%;
    background-color: var(--primary-bgcolor);
    border-radius: 7px;
    text-align: center;
}

.woocommerce div.product .summary .detail-pro-left .detail-pro-inner .send-pro-left-box .out-of-stock-single-pro-contact a {
    color: #fff;
    font-weight: 400;
}

/*Single Before Tabs Description Style*/
.woocommerce div.product .section-before-tabs {
    display: block;
    padding: 40px 0;
    border-top: 1px solid #f0f0f1;
    margin: 40px 0;
    border-bottom: 3px solid #f0f0f1;
}

.woocommerce div.product .section-before-tabs .inner-section-before-tabs {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
}

.woocommerce div.product .section-before-tabs .inner-section-before-tabs > div {
    font-size: 15px;
    color: #a1a3a8;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 3px;
}

.woocommerce div.product .section-before-tabs .inner-section-before-tabs > div span {
    font-size: 12px;
}

.woocommerce div.product .section-before-tabs .inner-section-before-tabs > div > i {
    margin-left: 5px;
    font-size: 35px;
}
.woocommerce div.product .section-before-tabs .inner-section-before-tabs > div > img {
    width: 45px;
    height: 45px;
}
/*Single Tabs Style*/
.woocommerce div.product .related-product.woocommerce section.related.products h2 {
    font-size: 25px;
}
.woocommerce div.product .related-product.woocommerce section.related.products .ms-product-inner .ms-pro-content h2 {
    font-size: 12px;
}
.woocommerce div.product .tabs-single-product {
    display: flex;
    gap: 10px;
    margin: 10px 0;
}

.woocommerce div.product .tabs-single-product .tabs-right {
    width: 80%;
    float: right;
}

.woocommerce div.product .tabs-single-product .tabs-right ul {
    background-color: aliceblue;
    position: sticky !important;
    top: 89px;
    z-index: 2;
    padding: 0;
}

.woocommerce div.product .tabs-single-product .tabs-right .woocommerce-Tabs-panel h2 {
    position: relative;
    padding: 0 0 10px 0;
}

.woocommerce div.product .tabs-single-product .tabs-right .woocommerce-Tabs-panel h2:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100px;
    height: 4px;
    border-radius: 10px;
    background-color: var(--primary-bgcolor);
}

.woocommerce div.product .tabs-single-product .tabs-left {
    width: 18%;
    float: left;
    border: 1px solid #cfc8d8;
    border-radius: 10px;
    padding: 5px 10px;
    height: fit-content;
    position: sticky !important;
    top: 93px !important;
    z-index: 2;
}

.woocommerce div.product .tabs-single-product .tabs-left .tabs-left-pro-info {
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid #eee;
}

.woocommerce div.product .tabs-single-product .tabs-left .tabs-left-pro-info .tabs-left-pro-info-img {
    width: 40%;
    float: right;
}

.woocommerce div.product .tabs-single-product .tabs-left .tabs-left-pro-info .tabs-left-pro-info-title {
    width: 60%;
    float: left;
    font-size: 11px;
}

.woocommerce div.product .tabs-single-product .tabs-left .price .custom-stock-simple {
    font-size: 11px;
}

.woocommerce div.product .tabs-single-product .tabs-left .price form.cart {
    flex-direction: row-reverse;
}

.woocommerce div.product .tabs-single-product .tabs-left .price form.cart button.single_add_to_cart_button {
    width: 50%;
    font-size: 9px;
    color: var(--primary-color);
    height: 39px;
    padding: 8px;
    margin-left: auto;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    border: 1px solid #fff;
    border-radius: 5px;
    background-color: var(--primary-bgcolor);
}

.woocommerce div.product .tabs-single-product .tabs-left .price form.cart a.added_to_cart {
    width: 50%;
    font-size: 9.5px;
    color: var(--primary-color);
    height: 39px;
    padding: 8px;
    margin-left: auto;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    border: 1px solid #fff;
    border-radius: 5px;
    background-color: var(--primary-bgcolor);
    line-height: 2;
}

.woocommerce div.product .tabs-single-product .tabs-left .price form.cart button.single_add_to_cart_button.added {
    display: none;
}

.woocommerce div.product .tabs-single-product .tabs-left span.price p.price {
    margin: 0;
    text-align: center !important;
    color: var(--primary-bgcolor);
    padding: 10px 0;
    border: 1px dashed #7e7e7e;
    border-radius: 5px;
    margin: 0 0 5px 0;
    font-size: 15px;
}

.woocommerce div.product .tabs-single-product .tabs-left span.price p.price del {
    font-size: 10px;
    color: var(--primary-bgcolor);
}

.woocommerce div.product .tabs-single-product .tabs-left span.price p.price ins {
    text-decoration: none;
    color: var(--primary-bgcolor);
    font-size: 14px;
}

.woocommerce div.product .tabs-single-product .tabs-left .price form.cart .quantity input {
    width: 5em;
    height: 40px;
    font-size: 15px;
}

.woocommerce div.product .tabs-single-product .tabs-left form.variations_form.cart {
    margin: 0 0 5px 0 !important;
    flex-direction: column;
}

.woocommerce div.product .tabs-single-product .tabs-left form.variations_form.cart table.variations {
    width: 100%;
    font-size: 12px;
}

.woocommerce div.product .tabs-single-product .tabs-left form.variations_form.cart table.variations tbody tr th {
    line-height: 3.1 !important;
    color: #7d869b;
}

.woocommerce div.product .tabs-single-product .tabs-left form.variations_form.cart table.variations tbody tr td select {
    border: 1px solid #cdcdcd;
    color: #788297;
    padding: 5px 10px;
    width: 100%;
    border-radius: 5px;
    margin: 0 5px 0;
}

.woocommerce div.product .tabs-single-product .tabs-left form.variations_form.cart table.variations tbody tr td a.reset_variations {
    float: left;
    color: #788297;
}

.woocommerce div.product .tabs-single-product .tabs-left form.variations_form.cart .single_variation_wrap {
    display: flex;
    flex-direction: column-reverse;
    gap: 10px;
}

.woocommerce div.product .tabs-single-product .tabs-left form.variations_form.cart .single_variation_wrap .woocommerce-variation.single_variation {
    color: var(--primary-bgcolor) !important;
    border: 1px dashed #7e7e7e;
    border-radius: 5px;
    margin: 0;
    text-align: center;
    padding: 5px 0;
}

.woocommerce div.product .tabs-single-product .tabs-left form.variations_form.cart .single_variation_wrap .woocommerce-variation.single_variation span.price {
    font-size: 14px;
}

.woocommerce div.product .tabs-single-product .tabs-left form.variations_form.cart .single_variation_wrap .woocommerce-variation-add-to-cart.variations_button {
    justify-content: space-between;
    flex-direction: row-reverse;
}

.woocommerce div.product .tabs-single-product .tabs-left form.variations_form.cart .single_variation_wrap .woocommerce-variation-add-to-cart.variations_button button.single_add_to_cart_button {
    width: 50%;
    font-size: 12px;
    color: var(--primary-color);
    height: 40px;
    padding: 10px;
    margin-left: auto;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    border: 1px solid #fff;
    border-radius: 7px;
    background-color: var(--primary-bgcolor);
    border: 1px solid var(--primary-bgcolor);
}

.woocommerce div.product .tabs-single-product .tabs-left form.variations_form.cart .single_variation_wrap .woocommerce-variation-add-to-cart.variations_button button.single_add_to_cart_button:hover {
    color: var(--primary-bgcolor);
    background-color: var(--primary-color);
}

.woocommerce div.product .tabs-single-product .tabs-left form.variations_form.cart .single_variation_wrap .woocommerce-variation-add-to-cart.variations_button button.single_add_to_cart_button.added {
    display: none;
}

.woocommerce div.product .tabs-single-product .tabs-left form.variations_form.cart .single_variation_wrap .woocommerce-variation-add-to-cart.variations_button a.added_to_cart {
    width: 50%;
    font-size: 12px;
    color: var(--primary-color);
    height: 40px;
    line-height: 17px;
    padding: 10px;
    margin-left: auto;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    border: 1px solid #fff;
    border-radius: 7px;
    background-color: var(--primary-bgcolor); 
}

.woocommerce div.product .tabs-single-product .tabs-left form.variations_form.cart .single_variation_wrap .woocommerce-variation-add-to-cart.variations_button .quantity input.input-text.qty {
    width: 5em;
    height: 40px;
    border-radius: 7px;
}

.woocommerce div.product .tabs-single-product .tabs-left .out-of-stock-single-pro-contact-text span {
    font-size: 12px;
}

.woocommerce div.product .tabs-single-product .tabs-left .out-of-stock-single-pro-contact {
    padding: 0;
    width: 100%;
    background-color: var(--primary-bgcolor);
    border-radius: 7px;
    text-align: center;
}

.woocommerce div.product .tabs-single-product .tabs-left .out-of-stock-single-pro-contact a {
    color: #fff;
    font-size: 12px;
}

/*Single Tabs Description Style*/
.woocommerce div.product .woocommerce-tabs {
    padding-bottom: 10px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    margin: 0;
    background-color: transparent;
    border: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: rgb(145 158 188 / 1) !important;
    font-size: .875rem;
    font-weight: 300;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: transparent;
    color: var(--primary-bgcolor);
    border-bottom: 4px solid #000;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #000 !important;
    font-weight: 500;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    box-shadow: none !important;
    border: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
    box-shadow: none !important;
    border: none;
}

.woocommerce div.product div.woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description {
    font-size: 12px;
    margin: 15px 0;
    padding: 15px 25px;
}

.woocommerce div.product div.woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--additional_information {
    font-size: 12px;
    margin: 15px 0;
    padding: 15px 25px;
}

.woocommerce div.product div.woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--additional_information table tbody tr {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
}

.woocommerce div.product div.woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--additional_information table tbody tr th {
    background-color: aliceblue;
    border: none;
    line-height: 2;
}

.woocommerce div.product div.woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--additional_information table tbody tr td {
    border: none;
    background-color: transparent;
}

.woocommerce div.product div.woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--reviews {
    font-size: 12px;
    margin: 15px 0;
    padding: 15px 25px;
}

.woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews {
    display: flex;
    justify-content: space-between;
}

.woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #comments {
    width: 40%;
}

.woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #comments h2 {
    font-size: 13px;
}

.woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #review_form_wrapper {
    width: 60%;
}

.woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #review_form_wrapper #review_form #respond form#commentform p.form-submit input[type=submit] {
    background-color: var(--primary-bgcolor);
    color: var(--primary-color);
    border: 1px solid var(--primary-bordercolor);
    transition: all .3s ease-in-out;
    padding: 5px 30px;
    border-radius: 7px;
}

.woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #review_form_wrapper #review_form #respond form#commentform p.form-submit input[type=submit]:hover {
    background-color: var(--primary-color);
    color: var(--primary-bgcolor);
}

.woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #review_form_wrapper #review_form #respond form#commentform p.comment-form-comment textarea {
    border: 1px solid #eee;
    border-radius: 3px;
}

.woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #review_form_wrapper #review_form #respond form#commentform p.form-submit {
    text-align: left;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
    border: 1px solid #eee;
    border-radius: 3px;
}

.woocommerce p.stars a::before {
    color: var(--primary-bgcolor);
}

.summary.entry-summary .woocommerce-product-rating a.woocommerce-review-link {
    color: var(--primary-bgcolor);
    font-size: 12px;
}

/*===== Woo Cart Styles =====*/
.woocommerce-cart {
    border-radius: 10px;
}

.woocommerce-cart .custom-tab {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0 0 30px 0;
    border-bottom: 2px solid #eee;
}

.woocommerce-cart .custom-tab li {
    margin-right: 15px;
}

.woocommerce-cart .custom-tab li a {
    display: flex;
    align-items: center;
    padding: 12px 20px;
    color: #555;
    text-decoration: none;
    border-radius: 5px 5px 0 0;
    transition: all 0.3s ease;
    background-color: #f1f1f1;
    font-weight: 500;
}

.woocommerce-cart .custom-tab li a i {
    margin-left: 8px;
}

.woocommerce-cart .custom-tab li a.active {
    background-color: var(--primary-bgcolor);
    color: var(--primary-color);
}

.woocommerce-cart .custom-tab li a:hover:not(.active) {
    background-color: #ddd;
    color: #333;
}

.woocommerce-cart .mb-cart-title {
    justify-content: space-between;
    background-color: #fff;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    margin-bottom: 25px !important;
}

.woocommerce-cart .mb-cart-title h4 {
    color: #777;
    text-align: justify;
    margin: 10px 0;
    font-size: 14px;
}

.woocommerce-cart .mb-cart-title h4 i {
    margin-right: 10px;
}

.woocommerce-cart .mb-cart-title p {
    color: #666;
    margin: 5px 0 0 0;
    font-size: 0.9rem;
}

.woocommerce-cart .mb-cart-holder {
    background-color: #fff;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.woocommerce-cart .mb-cart-item {
    display: flex;
    padding: 20px 0;
    border-bottom: 1px solid #eee;
    position: relative;
}

.woocommerce-cart .mb-cart-item:last-child {
    border-bottom: none;
}

.woocommerce-cart .mb-cart-item .remove {
    position: absolute;
    left: 10px;
    bottom: 10px;
    color: #e74c3c !important;
    text-decoration: none;
    font-size: 0.85rem;
    transition: color 0.3s;
    border: 1px solid red;
    width: 110px;
    height: 30px;
    border-radius: 7px;
    line-height: 2;
}

.woocommerce-cart .mb-cart-item .remove:hover {
    color: #c0392b;
}

.woocommerce-cart .cart-pro-img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 5px;
    margin-left: 25px;
}

.woocommerce-cart .mb-cart-item .details {
    padding: 0 15px;
}

.woocommerce-cart .mb-cart-item .details .next-shop a.send-to-next-purchase {
    margin: 0 10px;
    padding: 10px;
    border: 1px solid var(--primary-bgcolor);
    border-radius: 5px;
    background-color: var(--primary-bgcolor);
    color: var(--primary-color);
    font-size: 13px;
    padding: 10px 20px;
    transition: all .3s ease;
}

.woocommerce-cart .mb-cart-item .details .next-shop a.send-to-next-purchase:hover {
    background-color: var(--primary-color);
    color: var(--primary-bgcolor);
}

.woocommerce-cart .cart-title a {
    color: #333;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.1rem;
    transition: color 0.3s;
}

.woocommerce-cart .cart-title a:hover {
    color: #4CAF50;
}

.woocommerce-cart .price {
    color: #e74c3c;
    font-weight: bold;
    margin-top: 5px;
    font-size: 1.1rem;
}

.woocommerce-cart .mb-cart-coupon {
    justify-content: space-between;
    background-color: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    margin-top: 30px;
}

.woocommerce-cart .coupon {
    display: flex;
    align-items: center;
}

.woocommerce-cart button.update-cart {
    display: none;
}

.woocommerce-cart .coupon input {
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-left: 10px;
    width: 200px;
}

.woocommerce-cart .coupon button, 
.woocommerce-cart .update-cart {
    background-color: var(--primary-bgcolor);
    color: var(--primary-color);
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s;
    font-weight: 500;
    border: 1px solid var(--primary-bgcolor);
}

.woocommerce-cart .coupon button:hover, 
.woocommerce-cart .update-cart:hover {
    background-color: var(--primary-color);
    color: var(--primary-bgcolor);
}

.woocommerce-cart .totals {
    font-size: 1.2rem;
    padding: 15px 0;
}

.woocommerce-cart .totals span:first-child {
    color: #555;
}

.woocommerce-cart .woocommerce-Price-amount {
    color: #e74c3c;
    font-weight: bold;
}

.woocommerce-cart .checkout-button {
    background-color: var(--primary-bgcolor) !important;
    color: var(--primary-color) !important;
    padding: 10px 20px !important;
    border-radius: 4px !important;
    transition: background-color 0.3s;
    font-weight: 500 !important;
    font-size: 13px !important; 
    border: 1px solid var(--primary-bgcolor) !important;
}

.woocommerce-cart .checkout-button:hover {
    background-color: var(--primary-color) !important;
    color: var(--primary-bgcolor) !important;
}

.woocommerce-cart .quantity input {
    width: 60px;
    text-align: center;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

@media (max-width: 768px) {
    .woocommerce-cart .mb-cart-item {
        flex-direction: column;
    }
    
    .woocommerce-cart .cart-pro-img {
        width: 100%;
        height: auto;
        margin: 0 0 15px 0;
    }
    
    .woocommerce-cart .mb-cart-coupon {
        flex-direction: column;
        gap: 15px;
    }
    
    .woocommerce-cart .coupon {
        width: 100%;
    }
    
    .woocommerce-cart .coupon input {
        width: 100%;
        margin: 0 0 10px 0;
    }
    
    .woocommerce-cart .custom-tab {
        flex-direction: column;
    }
    
    .woocommerce-cart .custom-tab li {
        margin: 0 0 5px 0;
    }
}
.woocommerce-cart .mb-cart-item {
    transition: all 0.3s ease;
}

.woocommerce-cart .mb-cart-item.removing {
    transform: translateX(-100%);
    opacity: 0;
}

.woocommerce-cart .updating-cart::after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 2px solid rgba(255,255,255,0.3);
    border-radius: 50%;
    border-top-color: #fff;
    animation: spin 1s ease-in-out infinite;
    margin-right: 8px;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

.mb-cart-item.removing {
    transition: all 0.3s ease;
    transform: translateX(-100%);
    opacity: 0;
}

.mb-cart-item.updating {
    opacity: 0.7;
    position: relative;
}

.mb-cart-item.updating::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #4CAF50;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

/*===== Checkout Woocommerce Styles =====*/
.checkout-wrapper {
    display: grid;
    grid-template-columns: 600px 1fr;
    gap: 10px;
    margin: 30px 0;
}

.checkout-wrapper input {
    border: 1px solid #eee !important;
}

.checkout-card {
    background: #fff;
    padding: 25px;
    border-radius: 15px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    margin-bottom: 20px;
}

.checkout-card h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #333;
}

.checkout-card #ship-to-different-address label {
    margin: 0;
    font-size: 15px;
}

.checkout-card #ship-to-different-address label input {
    line-height: 1;
    height: 12px;
}

#place_order {
    background: linear-gradient(135deg, var(--primary-bgcolor));
    color: #fff !important;
    padding: 15px 25px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 10px;
    border: none;
    width: 100%;
    transition: all 0.3s ease-in-out;
}

#place_order:hover {
    background: linear-gradient(135deg, var(--primary-bgcolor));
    transform: scale(1.03);
}

@media (max-width: 768px) {
    .checkout-wrapper {
        grid-template-columns: 1fr;
    }
    .review-order-table thead {
        display: none;
    }

    .review-order-table tbody tr {
        display: block;
        margin-bottom: 15px;
        border: 1px solid #ddd;
        border-radius: 8px;
        padding: 10px;
    }

    .review-order-table tbody td {
        display: flex;
        justify-content: space-between;
        padding: 6px 8px;
        font-size: 0.85rem;
    }

    .review-order-table tbody td:before {
        content: attr(data-label);
        font-weight: bold;
        flex: 1;
        text-align: left;
    }

    .product-remove {
        justify-content: flex-end;
    }

    tfoot tr,
    tfoot td,
    tfoot th {
        display: block;
        width: 100%;
        text-align: right;
        margin-bottom: 10px;
    }

    .woocommerce table.shop_table tfoot tr.woocommerce-shipping-totals {
        width: 98%;
    }

    .woocommerce table.shop_table tfoot tr.woocommerce-shipping-totals td {
        font-size: 11px;
        line-height: 1.5;
        padding: 5px;
    }

    .woocommerce-checkout-payment .payment_box p {
        font-size: 12px;
        line-height: 1.5;
    }

}
.checkout-order-review {
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
    margin-bottom: 30px;
}

.review-order-title {
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #333;
}

.review-order-table {
    width: 100%;
    border-collapse: collapse;
}

.review-order-table th, 
.review-order-table td {
    padding: 12px 10px;
    border-bottom: 1px solid #eee;
    text-align: center;
}

.review-order-table th {
    background: #f7f7f7;
    font-weight: 600;
    color: #444;
}

.review-order-table .product-name {
    text-align: left;
    display: flex;
    align-items: center;
    gap: 10px;
}

.review-order-table .product-thumbnail img {
    width: 50px;
    height: 50px;
    border-radius: 6px;
}

.review-order-table .product-quantity .quantity-control {
    position: relative;
}

.review-order-table .product-quantity .quantity-control input {
    width: 100px;
    border: none !important;
    padding: 5px 35px;
    height: 50px;
}

.review-order-table .product-quantity .quantity-control button.qty-btn.minus {
    position: absolute;
    left: -10px;
    top: 0;
    width: 30px;
    height: 50px;
    background-color: #eee;
    border-radius: 5px;
    font-size: 20px;
    color: #8f8f8f;
}

.review-order-table .product-quantity .quantity-control button.qty-btn.plus {
    position: absolute;
    right: -10px;
    top: 0;
    width: 30px;
    height: 50px;
    background-color: #eee;
    border-radius: 5px;
    font-size: 20px;
    color: #8f8f8f;
}

.remove-item-btn {
    display: inline-block;
    background: #ff4d4d;
    color: #fff;
    font-size: 14px;
    padding: 6px 10px;
    border-radius: 6px;
    transition: 0.3s;
    text-decoration: none;
}
.remove-item-btn:hover {
    background: #d32f2f;
}

.woocommerce p.return-to-shop {
    text-align: center;
}

.woocommerce p.return-to-shop a.wc-backward {
    font-size: 16px;
    color: white;
    height: 50px;
    padding: 12px 45px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    border: 1px solid green;
    border-radius: 3px;
    background-color: var(--primary-bgcolor);;
    line-height: 25px;
}

.woocommerce p.return-to-shop a.wc-backward:hover {
    background-color: white;
    color: green;
}

.wc-empty-cart-message {
    display: none;
}

.cart-empty-message {
    position: relative;
    background: #fff;
    padding: 35px 0 20px 0;
    margin-bottom: 25px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 3rem;
    border-bottom: 1px solid #eee;
}

.cart-empty-message p {
    font-size: 17px !important;
    margin: 0;
}

.cart-empty-message a {
    height: 40px;
}

.cart-empty-message a img {
    height: 100%;
    width: 100%;
}

.cart-empty-message .cart-empty-message-link {
    display: flex;
    gap: 1rem;
    justify-content: center;
    align-items: center;
}

.cart-empty-message .cart-empty-message-link a {
    font-size: 15px;
}

.cart-empty-message .cart-empty-message-link a.cart-empty-message-button {
    font-size: 16px;
    color: var(--primary-color);
    height: 50px;
    padding: 12px 45px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    border: 1px solid var(--primary-bgcolor);
    border-radius: 3px;
    background-color: var(--primary-bgcolor);
    line-height: 25px;
}

.cart-empty-message .cart-empty-message-link a.cart-empty-message-button:hover {
    background-color: var(--primary-color);
    color: var(--primary-bgcolor);
}

.cart-empty-message .cart-empty-message-link a.cart-empty-message-button i {
    margin-left: 5px;
}

/*===== Checkout Woo Styles =====*/
.woocommerce .woocommerce-form-coupon-toggle .woocommerce-info {
    border-top-color: var(--primary-bgcolor);
}

.woocommerce .woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon {
    color: var(--primary-bgcolor);
}

.woocommerce form.checkout_coupon.woocommerce-form-coupon p.form-row.form-row-first input.input-text {
    color: green;
    border: 1px solid #eee;
    padding: 0 10px;
    border-radius: 3px;
    height: 50px;
}

.woocommerce form.checkout_coupon.woocommerce-form-coupon p.form-row.form-row-last {
    width: 52% !important;
    text-align: right;
}

.woocommerce form.checkout_coupon.woocommerce-form-coupon p.form-row.form-row-last button.button {
    font-size: 16px;
    color: white;
    height: 50px;
    padding: 12px 45px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    border: 1px solid var(--primary-bgcolor);
    border-radius: 3px;
    background-color: var(--primary-bgcolor);
    line-height: 25px;
}

.woocommerce form.checkout_coupon.woocommerce-form-coupon p.form-row.form-row-last button.button:hover {
    background-color: var(--primary-color);
    color: var(--primary-bgcolor);
}

.woocommerce .woocommerce-message-checkout {
    padding: 1em 1.5em 1em 2em;
    margin: 2em 0;
    position: relative;
    background-color: #f6f5f8;
    color: var(--primary-bgcolor);
    border-top: 3px solid var(--primary-bgcolor);
    list-style: none outside;
    width: auto;
    word-wrap: break-word;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.woocommerce .woocommerce-message-checkout .checkout-message-button {
    font-size: 14px;
    color: white;
    padding: 10px 20px;
    line-height: 1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    border-radius: 5px;
    background-color: var(--primary-bgcolor);
    border: 1px solid var(--primary-bgcolor);
}
.woocommerce-message {
    border-top-color: var(--primary-bgcolor);
}
.woocommerce-message::before {
    color: var(--primary-bgcolor);
}
.woocommerce .woocommerce-message-checkout .checkout-message-button:hover {
    background-color: var(--primary-color);
    color: var(--primary-bgcolor);
}

.woocommerce form.woocommerce-checkout {
    margin-top: 10px;
}

.woocommerce form.woocommerce-checkout .woocommerce-NoticeGroup-checkout .is-error p {
    display: none;
}

.woocommerce form.woocommerce-checkout .woocommerce-NoticeGroup-checkout .is-error ul {
    display: flex;
    border: 1px solid #eee;
    padding: 10px;
    border-radius: 3px;
    margin-bottom: 10px;
    background-color: var(--primary-bgcolor);;
    color: green;
}

.woocommerce form.woocommerce-checkout .woocommerce-NoticeGroup-checkout .is-error ul li {
    margin-left: 8px;
    font-size: 12px;
    font-weight: 400;
    border-left: 1px solid #ddd;
    line-height: 17px;
    padding-left: 8px;
}

.woocommerce form.woocommerce-checkout .woocommerce-NoticeGroup-checkout .is-error ul li:last-child {
    border: none;
}

.woocommerce form.woocommerce-checkout #order_review table thead tr th {
    color: #000;
}

.woocommerce form.woocommerce-checkout #order_review table thead tr {
    font-size: 14px;
}

.woocommerce form.woocommerce-checkout #order_review table tfoot tr th {
    color: #000;
}

.woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields .woocommerce-address-fields__field-wrapper p label {
    color: #535353;
    font-size: 14px;
}

.woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields .woocommerce-address-fields__field-wrapper p input {
    height: 45px;
    border: 1px solid #eee !important;
    border-radius: 3px;
    padding: 0 10px 0 0;
    color: #717171;
    font-size: 13px;
}

.woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields p button[type=submit] {
    font-size: 14px;
    color: var(--primary-color);
    padding: 0 25px;
    line-height: 3rem;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    border: none;
    border-radius: 10px;
    background-color: var(--primary-bgcolor);
    border: 1px solid var(--primary-bgcolor);
}
.woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields p button[type=submit]:hover {
    color: var(--primary-bgcolor);
    background-color: var(--primary-color);
}

.woocommerce .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper p#order_comments_field label {
    color: #000;
}

.woocommerce .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper p#order_comments_field span.woocommerce-input-wrapper textarea {
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 10px;
    height: auto;
}

.woocommerce table.shop_table tbody tr.cart_item td.product-name {
    line-height: 1.5em;
    position: relative;
    padding: 9px;
    text-align: right;
}

.woocommerce table.shop_table tbody tr.cart_item td.product-name span {
    font-size: 12px;
}

.woocommerce table.shop_table tbody tr.cart_item td.product-name a.remove {
    position: absolute;
    top: 28px;
    left: 30px;
    color: green !important;
    line-height: 1.2;
}

.woocommerce table.shop_table tbody tr.cart_item td.product-name a.remove:hover {
    background-color: var(--primary-bgcolor);;
    color: white !important;
}

.woocommerce table.shop_table tbody tr.cart_item td.product-total {
    text-align: center;
}

.woocommerce table.shop_table tbody tr.cart_item td.product-total span.woocommerce-Price-amount bdi {
    width: max-content;
    display: inline-block;
}

.woocommerce table.shop_table tfoot tr.woocommerce-shipping-totals {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 135%;
}

.woocommerce table.shop_table tfoot tr.woocommerce-shipping-totals th {
    border: none;
    line-height: 40px;
    background-color: #fff;
}

.woocommerce table.shop_table tfoot tr.woocommerce-shipping-totals td {
    border-top: none;
    padding: 0;
}

.woocommerce table.shop_table tfoot tr.woocommerce-shipping-totals td ul#shipping_method li {
    position: absolute;
    top: 20px;
    left: -150px;
    font-size: 14px;
}

.woocommerce table.shop_table tfoot tr.woocommerce-shipping-totals td ul li {
    text-align: left;
}

.woocommerce table.shop_table tfoot tr.woocommerce-shipping-totals td ul li label {
    color: #757f98;
}

.woocommerce table.shop_table tfoot tr.cart-subtotal th {
    border-bottom: 1px solid #eee;
}

.woocommerce table.shop_table tfoot tr.cart-subtotal td {
    border-bottom: 1px solid #eee;
}

.woocommerce table.shop_table tfoot tr.cart-subtotal td span.woocommerce-Price-amount bdi {
    display: inline-block;
    width: max-content;
}

.woocommerce table.shop_table.wishlist_table thead tr th.product-name {
    text-align: center;
}

.woocommerce table.shop_table.wishlist_table thead tr th.product-price {
    text-align: center;
}

.woocommerce table.shop_table.wishlist_table tbody.wishlist-items-wrapper tr td.product-name {
    text-align: center;
}

.woocommerce table.shop_table.wishlist_table tbody.wishlist-items-wrapper tr td.product-name a {
    color: var(--primary-bgcolor);
    font-size: 14px;
}

.woocommerce table.shop_table.wishlist_table tbody.wishlist-items-wrapper tr td.product-price span {
    color: var(--primary-bgcolor);
    font-size: 12px;
    font-weight: 500;
}

.woocommerce table.shop_table.wishlist_table tbody.wishlist-items-wrapper tr td.product-price del span {
    color: var(--primary-bgcolor);
    font-size: 9px;
    margin-left: 5px;
    text-decoration: line-through;
}

.woocommerce table.shop_table.wishlist_table tbody.wishlist-items-wrapper tr td.product-price ins {
    color: var(--primary-bgcolor);
    font-size: 15px;
    font-weight: 500;
    text-decoration: unset;
}

.woocommerce table.shop_table.wishlist_table tbody.wishlist-items-wrapper tr td.product-remove a.remove {
    color: var(--primary-bgcolor) !important;
    font-size: 25px;
}

.woocommerce table.shop_table.wishlist_table tbody.wishlist-items-wrapper tr td.product-remove a.remove:hover {
    background-color: var(--primary-bgcolor);;
    color: white !important;
}
.woocommerce-checkout-payment {
    background-color: #fff;
    padding: 20px 25px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    margin-top: 30px;
    direction: rtl;
}

.woocommerce-checkout-payment ul.wc_payment_methods {
    list-style: none;
    padding: 0;
    margin: 0;
}

.woocommerce-checkout-payment li.wc_payment_method {
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    margin-bottom: 15px;
    padding: 15px 20px;
    transition: all 0.3s;
    background-color: #fafafa;
}

.woocommerce-checkout-payment li.wc_payment_method:hover {
    border-color: #1abc9c;
    background-color: #f0fff9;
}

.woocommerce-checkout-payment input.input-radio {
    margin-left: 10px;
    accent-color: #1abc9c;
    width: 18px;
    height: 18px;
}

.woocommerce-checkout-payment label {
    font-weight: bold;
    color: #333;
    cursor: pointer;
}

.woocommerce-checkout-payment .payment_box {
    margin-top: 10px;
    padding: 10px 15px;
    background-color: #f7f7f7;
    border-right: 4px solid #1abc9c;
    border-radius: 6px;
    color: #555;
}

.woocommerce-checkout-payment .place-order button#place_order {
    background-color: #1abc9c;
    color: #fff;
    font-size: 16px;
    padding: 12px 25px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s;
    width: 100%;
    margin-top: 15px;
}

.woocommerce-checkout-payment .place-order button#place_order:hover {
    background-color: #16a085;
}

.woocommerce-checkout-payment .woocommerce-privacy-policy-text {
    font-size: 13px;
    color: #888;
    margin-top: 15px;
    line-height: 1.6;
}


/*===== Thankyou Page Woocommerce Styles =====*/
.woocommerce-order p.woocommerce-thankyou-order-received {
    text-align: center;
    font-size: 25px !important;
}

.woocommerce-order .woocommerce-order-finish-payment p {
    color: #fff;
    font-size: 14px;
    margin: 0;
}

.woocommerce-order section.woocommerce-customer-details section.woocommerce-columns--addresses .woocommerce-column--billing-address address {
    color: #000;
    font-size: 14px;
}

.woocommerce-order section.woocommerce-customer-details section.woocommerce-columns--addresses .woocommerce-column--billing-address address p {
    margin: 0;
}

.woocommerce-order ul.woocommerce-thankyou-order-details {
    text-align: center;
    display: flex;
    justify-content: center;
    border: 1px solid #eee;
    border-radius: 3px;
    padding: 30px;
    margin: 25px 0 3em 0 !important;
    background-color: aliceblue;
}

.woocommerce-order ul.woocommerce-thankyou-order-details li {
    line-height: 4 !important;
    font-size: 12px !important;
}

.woocommerce-order section.woocommerce-order-details {
    width: 68%;
    float: right;
}

.woocommerce-order section.woocommerce-order-details p.order-again {
    text-align: left;
}

.woocommerce-order section.woocommerce-order-details p.order-again a {
    font-size: 14px;
    color: #ffffff;
    padding: 0 25px;
    line-height: 3rem;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    border: none;
    border-radius: 3px;
    background-color: var(--primary-bgcolor);;
}

.woocommerce-order section.woocommerce-order-details h2.woocommerce-order-details__title {
    font-size: 34px;
    font-weight: 700;
    margin: 20px 0;
}

.woocommerce-order section.woocommerce-order-details table tbody tr.woocommerce-table__line-item td.woocommerce-table__product-name a {
    font-size: 14px;
    color: green;
}

.woocommerce-order section.woocommerce-order-details table thead tr th.woocommerce-table__product-table {
    text-align: left;
}

.woocommerce .woocommerce-MyAccount-content section.woocommerce-order-details table.order_details tbody tr.woocommerce-table__line-item.order_item td.woocommerce-table__product-name.product-name ul.wc-item-meta li p {
    text-align: right;
}

.woocommerce .woocommerce-MyAccount-content section.woocommerce-order-details table.order_details tfoot tr td a.invoice {
    font-size: 12px;
    color: var(--primary-color);
    padding: 10px 15px;
    line-height: 1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    border: none;
    border-radius: 10px;
    background-color: var(--primary-bgcolor);
    border: 1px solid var(--primary-bgcolor);
    margin: 0 10px;
}

.woocommerce .woocommerce-MyAccount-content section.woocommerce-order-details table.order_details tfoot tr td a.invoice:hover {
    color: var(--primary-bgcolor);
    background-color: var(--primary-color);
}

.woocommerce-MyAccount-content section.woocommerce-order-details table tbody tr td.product-name a {
    color: var(--primary-bgcolor);
}

.woocommerce-order section.woocommerce-order-details table tbody tr td.woocommerce-table__product-total {
    text-align: left;
}

.woocommerce-order section.woocommerce-order-details table tfoot tr td {
    text-align: left;
}

.woocommerce-order section.woocommerce-order-details table tfoot td {
    font-size: 14px;
    color: green;
}

.woocommerce-order section.woocommerce-customer-details {
    width: 30%;
    float: left;
}

.woocommerce-order section.woocommerce-customer-details section {
    display: flex;
    flex-direction: column;
}

.woocommerce-order section.woocommerce-customer-details section .woocommerce-column--billing-address {
    width: 100%;
}

.woocommerce-order section.woocommerce-customer-details section .woocommerce-column--shipping-address {
    width: 100%;
}

.woocommerce-order section.woocommerce-customer-details address {
    font-size: 14px;
    line-height: 2;
}

.woocommerce-order section.woocommerce-customer-details address p:before {
    color: green;
}

.woocommerce-order section.woocommerce-customer-details h2.woocommerce-column__title {
    font-size: 34px;
    font-weight: 700;
    margin: 20px 0;
}

.woocommerce-order .woocommerce-order-finish-payment {
    border: none;
    padding: 15px;
    border-radius: 3px;
    background-color: var(--primary-bgcolor);;
    color: white;
}

.woocommerce-order .woocommerce-order-finish-payment p {
    font-size: 16px !important;
    font-weight: 500;
    text-align: center;
    color: white !important;
}

.woocommerce-order span.title {
    font-size: 18px;
    color: #000;
    font-weight: 600;
}

/*===== My Account Styles =====*/
nav.woocommerce-MyAccount-navigation {
    width: 30%;
    float: right;
    border: 1px solid #eee;
    border-radius: 10px;
    box-shadow: 0 12px 12px 0 rgb(181 181 181 / 11%);
}

nav.woocommerce-MyAccount-navigation span.my-account-title {
    padding: 18px 25px 18px 0;
    border-bottom: 1px solid #e3e3e3;
    letter-spacing: .2px;
    color: #000;
    font-size: 18px;
    line-height: 1.692;
    font-weight: 700;
    width: 100%;
    display: block;
}

nav.woocommerce-MyAccount-navigation ul {
    line-height: 3;
}

nav.woocommerce-MyAccount-navigation ul li {
    font-size: 16px;
    padding: 15px;
    font-weight: 500;
    line-height: 24px;
    display: flex;
    align-items: center;
    position: relative;
    transition: all .3s ease-in-out;
}

nav.woocommerce-MyAccount-navigation ul li:hover a {
    color: green;
}

nav.woocommerce-MyAccount-navigation ul li.is-active a {
    color: green;
}

nav.woocommerce-MyAccount-navigation ul li.is-active:after {
    content: "";
    width: 5px;
    height: 100%;
    background-color: var(--primary-bgcolor);;
    position: absolute;
    right: 0;
}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard:before {
    content: "\f0db";
    font-family: "Font Awesome 6 Free";
    width: 30px;
    height: 25px;
    color: #535353;
    position: absolute;
    right: 25px;
    font-size: 22px;
}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard:hover:before {
    color: green;
}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard.is-active:before {
    color: green;
}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders:before {
    content: "\f07a";
    font-family: "Font Awesome 6 Free";
    width: 30px;
    height: 25px;
    color: #535353;
    position: absolute;
    right: 25px;
    font-size: 22px;
}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders:hover:before {
    color: green;
}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders.is-active:before {
    color: green;
}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--wishlist:before {
    content: "\f004";
    font-family: "Font Awesome 6 Free";
    width: 30px;
    height: 25px;
    color: #535353;
    position: absolute;
    right: 25px;
    font-size: 22px;
}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--wishlist:hover:before {
    color: green;
}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--wishlist.is-active:before {
    color: green;
}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads:before {
    content: "\f019";
    font-family: "Font Awesome 6 Free";
    width: 30px;
    height: 25px;
    color: #535353;
    position: absolute;
    right: 25px;
    font-size: 22px;
}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads:hover:before {
    color: green;
}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads.is-active:before {
    color: green;
}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account:before {
    content: "\f007";
    font-family: "Font Awesome 6 Free";
    width: 30px;
    height: 25px;
    color: #535353;
    position: absolute;
    right: 25px;
    font-size: 22px;
}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account:hover:before {
    color: green;
}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account.is-active:before {
    color: green;
}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address:before {
    content: "\f2bb";
    font-family: "Font Awesome 6 Free";
    width: 30px;
    height: 25px;
    color: #535353;
    position: absolute;
    right: 25px;
    font-size: 22px;
}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address:hover:before {
    color: green;
}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address.is-active:before {
    color: green;
}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout:before {
    content: "\f08b";
    font-family: "Font Awesome 6 Free";
    width: 30px;
    height: 25px;
    color: #535353;
    position: absolute;
    right: 25px;
    font-size: 22px;
}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--order-tracking:before {
    content: "\f0e2";
    font-family: "Font Awesome 6 Free";
    width: 30px;
    height: 25px;
    color: #535353;
    position: absolute;
    right: 25px;
    font-size: 22px;
}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout:hover:before {
    color: green;
}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout.is-active:before {
    color: green;
}

nav.woocommerce-MyAccount-navigation ul li a {
    color: #535353;
    width: 100%;
    display: inline-block;
    padding-right: 50px;
    transition: 0.1s all;
    font-size: 15px;
    font-weight: 400;
}

.woocommerce-MyAccount-content {
    width: 69%;
    float: left;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 15px;
    margin-top: -13.4rem;
    box-shadow: 0 12px 12px 0 rgb(181 181 181 / 11%);
}

.woocommerce-MyAccount-content h2 {
    font-size: 21px;
}

.woocommerce-MyAccount-content .woocommerce-info a {
    font-size: 12px;
    color: var(--primary-color);
    padding: 10px 15px;
    line-height: 1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    border: none;
    border-radius: 10px;
    background-color: var(--primary-bgcolor);
    border: 1px solid var(--primary-bgcolor);
    margin: 0 10px;
}
.woocommerce-MyAccount-content .woocommerce-info a:hover {
    color: var(--primary-bgcolor);
    background-color: var(--primary-color);
}

.woocommerce-MyAccount-content .woocommerce-pagination--without-numbers {
    text-align: left;
}

.woocommerce-MyAccount-content .woocommerce-pagination--without-numbers a {
    font-size: 14px;
    color: white;
    padding: 0 25px;
    line-height: 3rem;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    border: none;
    border-radius: 10px;
    background-color: var(--primary-bgcolor);;
    box-shadow: 0 3px 24px rgba(0, 0, 0, .1);
}

.woocommerce-MyAccount-content .woocommerce-pagination--without-numbers a:hover {
    background-color: white !important;
    color: green !important;
}

.woocommerce-MyAccount-content section.woocommerce-order-details h2 {
    font-size: 18px;
    color: #000;
    font-weight: 600;
    width: max-content;
    margin: 10px 0;
}

.woocommerce-MyAccount-content section.woocommerce-order-details p.order-again a {
    font-size: 14px;
    color: white;
    padding: 0 25px;
    line-height: 3rem;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    border: none;
    border-radius: 10px;
    background-color: var(--primary-bgcolor);;
    box-shadow: 0 3px 24px rgba(0, 0, 0, .1);
}

.woocommerce-MyAccount-content section.woocommerce-customer-details h2 {
    font-size: 18px;
    color: #000;
    font-weight: 600;
    width: max-content;
    margin: 10px 0;
}

.woocommerce-MyAccount-content section.woocommerce-customer-details address {
    border-bottom-width: 1px;
    border-left-width: 1px;
}

.woocommerce-MyAccount-content .content-user {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.woocommerce-MyAccount-content .content-user .top-box {
    border: 1px solid #eee;
    padding: 15px;
    box-shadow: 0 12px 12px 0 rgb(181 181 181 / 11%);
    border-radius: 10px;
}

.woocommerce-MyAccount-content .content-user .wishlist-box {
    border: 1px solid #eee;
    padding: 15px;
    box-shadow: 0 12px 12px 0 rgb(181 181 181 / 11%);
    border-radius: 10px;
}

.woocommerce-MyAccount-content .content-user .wishlist-box ul li {
    border: none !important;
    padding: 10px;
    width: 100%;
    text-align: right;
}

.woocommerce-MyAccount-content .content-user .wishlist-box .owl-nav.disabled {
    display: flex !important;
    justify-content: space-between;
    transform: translateY(-500%);
}

.woocommerce-MyAccount-content .content-user .wishlist-box .owl-nav.disabled button {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 3px 24px rgba(0, 0, 0, .2);
    line-height: 0;
}

.woocommerce-MyAccount-content .content-user .wishlist-box .owl-nav {
    display: flex !important;
    justify-content: space-between;
    transform: translateY(-500%);
}

.woocommerce-MyAccount-content .content-user .wishlist-box .owl-nav button {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 3px 24px rgba(0, 0, 0, .2);
    line-height: 0;
}

.woocommerce-MyAccount-content .content-user .middle-box {
    border: 1px solid #eee;
    padding: 15px;
    box-shadow: 0 12px 12px 0 rgb(181 181 181 / 11%);
    border-radius: 10px;
    height: auto;
    overflow: hidden;
}

.woocommerce-MyAccount-content .content-user .middle-box span.title {
    font-size: 18px;
    color: #000;
    font-weight: 600;
    width: max-content;
}

.woocommerce-MyAccount-content .content-user .middle-box ul {
    border: none;
}

.woocommerce-MyAccount-content .content-user .middle-box ul li {
    height: auto;
    border: none;
    padding: 5px !important;
    margin-top: 5px !important;
}

.woocommerce-MyAccount-content .content-user .middle-box ul li a {
    padding: 10px;
    font-size: 14px;
    text-align: right;
}

.woocommerce-MyAccount-content .content-user .middle-box ul li p {
    bottom: 40px !important;
}

.woocommerce-MyAccount-content .content-user .middle-box ul li a span {
    font-size: 10px;
}

.woocommerce-MyAccount-content .content-user .bottom-box {
    border: 1px solid #eee;
    padding: 15px;
    box-shadow: 0 12px 12px 0 rgb(181 181 181 / 11%);
    border-radius: 10px;
    height: auto;
    overflow: hidden;
}

.woocommerce-MyAccount-content .content-user .bottom-box span.title {
    font-size: 18px;
    color: #000;
    font-weight: 600;
    width: max-content;
}

.woocommerce-MyAccount-content .content-user .bottom-box ul {
    border: none;
    margin: 0;
}

.woocommerce-MyAccount-content .content-user .bottom-box ul li {
    height: auto;
    border: none;
    padding: 5px !important;
    margin-top: 5px !important;
}

.woocommerce-MyAccount-content .content-user .bottom-box ul li p {
    right: 32px !important;
}

.woocommerce-MyAccount-content .content-user .bottom-box ul li a {
    font-size: 14px;
}

.woocommerce-MyAccount-content .content-user .bottom-box ul li p {
    bottom: 40px !important;
}

.woocommerce-MyAccount-content .content-user .bottom-box ul li a span {
    font-size: 10px;
}

.woocommerce-MyAccount-content .content-user .bottom-box span.notification-recent-product-account-page {
    font-size: 12px;
    color: #4a4a4a;
    font-weight: 400;
    text-align: right;
    width: 100%;
    display: inline-block;
}

.woocommerce-MyAccount-content .content-user .content-user-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.woocommerce-MyAccount-content .content-user .content-user-title a {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--primary-bgcolor);
}

.woocommerce-MyAccount-content .content-user .content-user-title a:hover {
    color: cadetblue;
}

.woocommerce-MyAccount-content .content-user .content-user-title a i {
    font-size: 12px;
    font-weight: 900;
}

.woocommerce-MyAccount-content .content-user span {
    font-size: 18px;
    font-weight: 600;
    width: max-content;
}

.woocommerce-MyAccount-content .content-user .border-bottom-content-user-title {
    background-color: var(--primary-bgcolor);;
    width: 6rem;
    height: 0.2rem;
    margin-bottom: 5px;
}

.woocommerce-MyAccount-content .content-user .my-orders-summary {
    display: block;
    margin-top: 40px;
}

.woocommerce-MyAccount-content .content-user .my-orders-summary .my-orders-summary-inner {
    display: flex;
    justify-content: space-between;
}

.woocommerce-MyAccount-content .content-user .my-orders-summary .my-orders-summary-inner a {
    padding: 10px;
    border: 1px solid #e7e7e7;
    border-radius: 10px;
    color: green;
}

.woocommerce-MyAccount-content .content-user .my-orders-summary .my-orders-summary-inner a:hover {
    background-color: white;
    color: cadetblue;
}

.woocommerce-MyAccount-content .content-user .my-orders-summary .my-orders-summary-inner b {
    padding: 10px;
    border: 1px solid #e7e7e7;
    border-radius: 10px;
}

.woocommerce-MyAccount-content .content-user .my-orders-summary ul.woocommerce-Downloads li {
    display: flex;
    flex-wrap: wrap;
}

.woocommerce-MyAccount-content .content-user .my-orders-summary ul.woocommerce-Downloads li:before {
    display: none;
}

.woocommerce-MyAccount-content .content-user .my-orders-summary ul.woocommerce-Downloads li a {
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 10px;
    margin: 0 5px;
}

.woocommerce-MyAccount-content p.dashboard-account-content-text {
    display: none;
}

.woocommerce-MyAccount-content form.woocommerce-EditAccountForm p {
    margin: 0 0 20px;
}

.woocommerce-MyAccount-content form.woocommerce-EditAccountForm p label {
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: 500;
}

.woocommerce-MyAccount-content form.woocommerce-EditAccountForm p input {
    height: 45px;
    border: 1px solid #eee !important;
    border-radius: 10px;
    padding-right: 10px;
    color: #000;
    font-size: 14px;
}

.woocommerce-MyAccount-content form.woocommerce-EditAccountForm p.woocommerce-form-row--wide span em {
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
}

.woocommerce-MyAccount-content form.woocommerce-EditAccountForm fieldset legend {
    font-size: 14px;
    font-weight: 700;
}

.woocommerce-MyAccount-content form.woocommerce-EditAccountForm fieldset p label {
    font-size: 12px !important;
}

.woocommerce-MyAccount-content form.woocommerce-EditAccountForm button[type=submit] {
    font-size: 12px;
    color: var(--primary-color);
    padding: 15px;
    line-height: 1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    border: none;
    border-radius: 10px;
    background-color: var(--primary-bgcolor);
    border: 1px solid var(--primary-bgcolor);
    box-shadow: 0 3px 24px rgba(0, 0, 0, .1);
}
.woocommerce-MyAccount-content form.woocommerce-EditAccountForm button[type=submit]:hover {
    background-color: var(--primary-color);
    color: var(--primary-bgcolor);
}

/*Orders Style*/
.woocommerce-MyAccount-content table.woocommerce-orders-table .woocommerce-orders-table__header {
    background-color: var(--primary-bgcolor);
    color: var(--primary-color);
    padding: 15px;
}

.woocommerce-MyAccount-content .woocommerce-orders-table__row .woocommerce-orders-table__cell {
    padding: 10px 5px;
    font-size: 13px;
    color: #535353;
    line-height: .5;
}

.woocommerce-MyAccount-content .woocommerce-orders-table__row .woocommerce-orders-table__cell a.woocommerce-button {
    font-size: 12px;
    color: var(--primary-color);
    padding: 10px 15px;
    line-height: 1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    border: none;
    border-radius: 10px;
    background-color: var(--primary-bgcolor);
    border: 1px solid var(--primary-bgcolor);
    margin: 0 10px;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__row .woocommerce-orders-table__cell a.woocommerce-button:hover {
    color: var(--primary-bgcolor);
    background-color: var(--primary-color);
}

.woocommerce-MyAccount-content .is-info {
    background-color: var(--primary-bgcolor);
    color: var(--primary-color);
    padding: 15px;
    border-radius: 10px;
    margin: 15px 0;
}

.woocommerce-MyAccount-content .woocommerce-order-downloads table.woocommerce-table--order-downloads tbody tr td.download-file a {
    background-color: var(--primary-bgcolor);
    color: var(--primary-color);
}

.woocommerce-MyAccount-content .is-info .wc-block-components-notice-banner__content {
    display: flex;
    align-items: center;
    gap: 1rem;
    color: #000;
}

.woocommerce-MyAccount-content .is-info .wc-block-components-notice-banner__content a.button {
    font-size: 14px;
    color: #545454;
    padding: 0 25px !important;
    line-height: 3rem;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    border: none;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 3px 24px rgba(0, 0, 0, .1);
}

.woocommerce-MyAccount-content .woocommerce-Addresses {
    border: 1px solid #eee;
    padding: 15px;
    border-radius: 10px;
    margin-top: 10px;
}

.woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address {
    border: 1px solid #eee;
    padding: 15px;
    border-radius: 10px;
}

.woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address header.woocommerce-Address-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
    margin: 0 0 10px 0;
}

.woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address header.woocommerce-Address-title h2 {
    font-size: 22px;
    color: #000;
    font-weight: 900;
    width: max-content;
}

.woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address header.woocommerce-Address-title h3 {
    font-size: 18px;
    color: #000;
    font-weight: 600;
    width: max-content;
}

.woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address header.woocommerce-Address-title a {
    font-size: 12px;
    color: var(--primary-color);
    padding: 15px;
    line-height: 1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    border: none;
    border-radius: 10px;
    background-color: var(--primary-bgcolor);
    border: 1px solid var(--primary-bgcolor);
    box-shadow: 0 3px 24px rgba(0, 0, 0, .1);
}
.woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address header.woocommerce-Address-title a:hover {
    background-color: var(--primary-color);
    color: var(--primary-bgcolor);
}

/*Address Style*/
.woocommerce-MyAccount-content form .woocommerce-address-fields .woocommerce-address-fields__field-wrapper p label {
    color: #535353;
    font-size: 14px;
}

.woocommerce-MyAccount-content form .woocommerce-address-fields .woocommerce-address-fields__field-wrapper p input {
    height: 45px;
    border: 1px solid #eee !important;
    border-radius: 10px;
    padding: 0 10px 0 0;
    color: #717171;
    font-size: 13px;
}

.woocommerce-MyAccount-content form .woocommerce-address-fields p button[type=submit] {
    font-size: 14px;
    color: white;
    padding: 0 25px;
    line-height: 3rem;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    border: none;
    border-radius: 10px;
    background-color: var(--primary-bgcolor);;
    box-shadow: 0 3px 24px rgba(0, 0, 0, .1);
}

.woocommerce-MyAccount-content .content-user .middle-box .new-product-my-account {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.woocommerce-MyAccount-content .content-user .middle-box .new-product-my-account a {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--primary-bgcolor);
}

.woocommerce-MyAccount-content .content-user .middle-box .new-product-my-account a:hover {
    color: cadetblue;
}

.woocommerce-MyAccount-content .content-user .middle-box .new-product-my-account a i {
    font-size: 12px;
    font-weight: 900;
}

.woocommerce-MyAccount-content .content-user .bottom-box .new-product-my-account {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.woocommerce-MyAccount-content .content-user .bottom-box .new-product-my-account a {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--primary-bgcolor);
}

.woocommerce-MyAccount-content .content-user .bottom-box .new-product-my-account a:hover {
    color: cadetblue;
}

.woocommerce-MyAccount-content .content-user .bottom-box .new-product-my-account a i {
    font-size: 12px;
    font-weight: 900;
}

#new-product-slider .ms-product-content-inner {
    width: 100%;
}
#new-product-slider a span.price {
    width: 100%;
}

#new-product-slider a span.price .mb-price-regular span {
    font-size: 11px;
}

#new-product-slider a span.price .mb-price-discounted span.woocommerce-Price-amount {
    font-size: 14px;
}

#new-product-slider .ms-pro-actions a.add_to_cart_button.ajax_add_to_cart {
    background-color: transparent;
    color: white;
    font-size: 14px;
    text-align: center;
    padding: 0;
    width: 34px;
}
#new-product-slider .ms-pro-actions a.product_type_variable {
    background-color: transparent;
    color: white;
    font-size: 14px;
    text-align: center;
    padding: 0;
    width: 34px;
}
#new-product-slider .ms-pro-actions a.product_type_simple {
    background-color: transparent;
    color: white;
    font-size: 14px;
    text-align: center;
    padding: 0;
    width: 34px;
}

#new-product-slider .swiper-button-next,
#new-product-slider .swiper-button-prev {
    width: 40px;
    height: 40px;
    background: rgba(0,0,0,0.5);
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

#new-product-slider .swiper-button-next::after,
#new-product-slider .swiper-button-prev::after {
    font-size: 18px; 
    font-weight: bold;
}

#new-product-slider .swiper-button-next:hover,
#new-product-slider .swiper-button-prev:hover {
    background: #ff5722; 
    transform: scale(1.1);
}

#new-product-slider .swiper-slide {
    background: #fff;
    border-radius: 10px;
}
#new-product-slider .custom-stock-label {
    margin: 10px 0 0;
}

#recently-viewed-slider a span.price {
    width: 100%;
}

#recently-viewed-slider h2 {
    margin: 20px 0 10px 0;
    font-weight: 400;
    color: #000;
    font-size: 12px;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 40px;
    line-height: 22px;
    text-align: right !important;
}

#recently-viewed-slider span.price span.mb-price-range span.woocommerce-Price-amount {
    font-size: 12px;
}

#recently-viewed-slider .variable-stock-status .custom-stock-simple {
    font-size: 12px;
}

#recently-viewed-slider .mb-unavailable {
    margin-top: 20px;
}
#recently-viewed-slider .mb-unavailable span {
    font-size: 14px;
}

#recently-viewed-slider a span.price .mb-price-regular span {
    font-size: 11px;
}

#recently-viewed-slider a span.price .mb-price-discounted span.woocommerce-Price-amount {
    font-size: 14px;
}

#recently-viewed-slider .custom-stock-label {
    margin: 10px 0 0;
}

#recently-viewed-slider .ms-pro-actions a.add_to_cart_button.ajax_add_to_cart {
    background-color: transparent;
    color: white;
    font-size: 14px;
    text-align: center;
    padding: 0;
    width: 34px;
}
#recently-viewed-slider .ms-pro-actions a.product_type_variable {
    background-color: transparent;
    color: white;
    font-size: 14px;
    text-align: center;
    padding: 0;
    width: 34px;
}
#recently-viewed-slider .ms-pro-actions a.product_type_simple {
    background-color: transparent;
    color: white;
    font-size: 14px;
    text-align: center;
    padding: 0;
    width: 34px;
}
#recently-viewed-slider {
    padding: 20px 0;
}
#recently-viewed-slider .swiper-slide {
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.08);
}

#recently-viewed-slider .swiper-button-next,
#recently-viewed-slider .swiper-button-prev {
    width: 40px;
    height: 40px;
    background: rgba(0,0,0,0.5);
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

#recently-viewed-slider .swiper-button-next::after,
#recently-viewed-slider .swiper-button-prev::after {
    font-size: 18px; 
    font-weight: bold;
}

#recently-viewed-slider .swiper-button-next:hover,
#recently-viewed-slider .swiper-button-prev:hover {
    background: #ff5722; 
    transform: scale(1.1);
}

.select2-container .select2-selection--single {
    height: 45px;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
    color: #000;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #a2a2a2;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 30px;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #eee !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #a2a2a2;
}

.woocommerce-MyAccount-content form.woocommerce-EditAccountForm fieldset legend {
    font-size: 14px;
    font-weight: 700;
}

.vector-user-box {
    width: 30%;
    height: 200px;
    margin: 15px 0;
    border: 1px solid #eee;
    background-color: #fff;
    position: relative;
    border-radius: 10px;
    padding: 15px 10px;
    box-shadow: 0 12px 12px 0 rgb(181 181 181 / 11%);
}

.vector-user-box .user-vector {
    text-align: center;
    margin-bottom: 15px;
}

.vector-user-box .user-vector a {
    width: 50%;
}

.vector-user-box .edit-user {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.vector-user-box .edit-user a {
    font-size: 12px;
    color: green;
}

.vector-user-box .edit-user img {
    border-radius: 3px;
}

.vector-box-edit-icon {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    align-items: center;
}

.vector-box-edit-icon i {
    color: #1DBFCC;
    font-size: 14px;
}

.woocommerce .products h2.woocommerce-loop-product__title {
    font-weight: 400;
    color: var(--primary-bgcolor);
    font-size: 12px;
    line-height: 22px;
    text-transform: capitalize;
    white-space: wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 45px;
    text-align: right;
}

.woocommerce .products span.woocommerce-loop-product__stock p {
    padding: 0 20px;
    margin: 0;
    font-weight: 400;
    color: #3e9172;
    font-size: 12px;
    text-transform: uppercase;
}

.woocommerce .products span.woocommerce-loop-product__stock p.stock.out-of-stock {
    color: red;
}

.woocommerce .products .last-product-owl-carousel li.product {
    text-align: center;
    border: 1px solid #eee;
    border-left: none;
}

.woocommerce .products .last-product-owl-carousel li.product:last-child {
    border-left: 1px solid #eee
}

.woocommerce .products .last-product-owl-carousel li.product h3 {
    color: var(--primary-bgcolor);
    text-align: center;
}

.woocommerce-table--order-details thead {
    background-color: var(--primary-bgcolor);;
    color: white;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
}

.woocommerce-MyAccount-content p mark.order-number {
    background-color: var(--primary-bgcolor);;
    color: white;
    padding: 5px 10px;
    border-radius: 10px;
}

.woocommerce-MyAccount-content p mark.order-date {
    background-color: var(--primary-bgcolor);;
    color: white;
    padding: 5px 10px;
    border-radius: 10px;
}

.woocommerce-MyAccount-content p mark.order-status {
    background-color: var(--primary-bgcolor);;
    color: white;
    padding: 5px 10px;
    border-radius: 10px;
}

.woocommerce-MyAccount-content .woocommerce-customer-details section.woocommerce-columns--addresses .woocommerce-column--billing-address address p {
    margin: 0;
    text-align: right;
}

/*===== Login Styles Woocommerce =====*/
.woocommerce form.woocommerce-form-login {
    border: none;
    padding: 0;
    margin: 0;
}

.woocommerce form.woocommerce-form-login p:nth-child(3) {
    display: flex;
    align-items: unset;
    flex-direction: column;
}

.woocommerce form.woocommerce-form-login p.form-row label.woocommerce-form-login__rememberme {
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 0;
}

.woocommerce form.woocommerce-form-login p.form-row label.woocommerce-form-login__rememberme input {
    margin: 0;
}

.woocommerce form.woocommerce-form-login p.form-row button.woocommerce-form-login__submit {
    font-size: 15px;
    font-weight: 400;
    background-color: var(--primary-bgcolor);
    color: var(--primary-color);
    padding: 10px;
    border-radius: 7px;
    border: 1px solid var(--primary-bgcolor);
    transition: all .3s ease-in-out;
}

.woocommerce form.woocommerce-form-login p.form-row button.woocommerce-form-login__submit:hover {
    background-color: var(--primary-color);
    color: var(--primary-bgcolor);
}

.woocommerce form.woocommerce-form-login p.woocommerce-LostPassword.lost_password a {
    color: var(--primary-bgcolor);
    font-size: 12px;
}

/*===== Lost Password Styles Woocommerce =====*/
.woocommerce form.woocommerce-ResetPassword.lost_reset_password {
    border: none;
    padding: 0;
    margin: 0;
}

.woocommerce form.woocommerce-ResetPassword.lost_reset_password p:nth-child(2) {
    width: 100%;
}

.woocommerce form.woocommerce-ResetPassword.lost_reset_password p button.woocommerce-Button {
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    background-color: var(--primary-bgcolor);
    color: var(--primary-color);
    padding: 10px 10px;
    border-radius: 3px;
    border: 1px solid var(--primary-bgcolor);
    transition: all .3s ease-in-out;
}

.woocommerce form.woocommerce-ResetPassword.lost_reset_password p button.woocommerce-Button:hover {
    background-color: var(--primary-color);
    color:  var(--primary-bgcolor);
}

/*===== Register Form Styles Woocommerce =====*/
.woocommerce form.woocommerce-form.woocommerce-form-register.register {
    border: none;
    padding: 0;
    margin: 0;
}

.woocommerce form.woocommerce-form.woocommerce-form-register.register p button.woocommerce-Button {
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    background-color: var(--primary-bgcolor);
    color: var(--primary-color);;
    padding: 10px 10px;
    border-radius: 3px;
    border: 1px solid var(--primary-bgcolor);
    transition: all .3s ease-in-out;
}

.woocommerce form.woocommerce-form.woocommerce-form-register.register p button.woocommerce-Button:hover {
    background-color: var(--primary-color);
    color: var(--primary-bgcolor);
}

/*===== Comments styles =====*/
.comment-notes {
    display: none;
}

.comment-form-comment,
.comment-form-author,
.comment-form-email {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
}

.comment-form-cookies-consent {
    display: flex;
    align-items: center;
    gap: 5px;
}

.comment-form-comment textarea {
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 7px 13px;
}

.comment-form-author input {
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 7px 13px;
}

.comment-form-email input {
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 7px 13px;
}

.form-submit {
    text-align: left;
}

.form-submit input {
    padding: 0 15px;
    border-radius: 10px;
    border: 2px solid #eee;
    color: #204066;
    transition: all .3s ease-in-out;
}

.form-submit input {
    border: 1px solid var(--primary-bordercolor) !important;
    margin: 0 !important;
    margin-bottom: 10px;
    margin-left: 10px;
    border-radius: 10px;
    display: inline-block;
    transition: all .5s ease-in-out;
    font-size: 13px;
    color: var(--primary-color);
    background-color: var(--primary-bgcolor) !important;
}

.form-submit input:hover {
    background-color: var(--primary-color) !important;
    color: var(--primary-bgcolor);
}

/*==================================================== Woo css End ===================================================*/


/*===== Comment css =====*/
body {
    width: 100%;
    height: 100%;
    direction: rtl;
    position: relative;
    font-family: 'kalameh';
    font-weight: 400;
}

h1 {
    font-weight: 700;
}

h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;

}

p {
    font-size: 14px;
    line-height: 25px;
    font-weight: 400;
    text-align: justify;
}

ul {
    margin: 0;
    padding: 0;
}

ul li {
    list-style: none;
}

a {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
}

.ms-flash:after {
    content: "";
    width: 2000px;
    height: 2000px;
    position: absolute;
    top: 0;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-animation: ms-flash 3s ease-in-out infinite;
    animation: ms-flash 3s ease-in-out infinite;
    z-index: 99;
}

@-webkit-keyframes ms-flash {
    0% {
        -webkit-transform: translateX(-100%) rotate(45deg);
        transform: translateX(-100%) rotate(45deg);
    }
    100% {
        -webkit-transform: translateX(100%) rotate(45deg);
        transform: translateX(100%) rotate(45deg);
    }
}


/* Spaccing */

.m-r-5px {
    margin-right: 5px;
}

.m-r-30 {
    margin-right: 30px;
}

.m-t-30 {
    margin-top: 30px;
}

.m-t-60 {
    margin-top: 60px;
}

.m-t-80 {
    margin-top: 80px;
}

.m-b-30 {
    margin-bottom: 30px;
}

.padding-tb-10 {
    padding: 10px 0;
}

.padding-tb-20 {
    padding: 20px 0;
}

.padding-tb-80 {
    padding: 80px 0;
}

.padding-tb-30 {
    padding: 30px 0;
}

.padding-tb-60 {
    padding: 60px 0;
}

.padding-t-30 {
    padding-top: 30px;
}

.padding-b-30 {
    padding-bottom: 30px;
}

.p-t-15 {
    padding-top: 15px;
}

.p-t-60 {
    padding-top: 60px;
}

.p-t-80 {
    padding-top: 80px;
}

.p-tb-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.p-tb-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.p-b-30 {
    padding-bottom: 30px !important;
}

.m-tb-30 {
    margin: 30px 0;
}

.m-b-30 {
    margin-bottom: 30px;
}

.m-t-30 {
    margin-top: 30px !important;
}

.m-t-15 {
    margin-top: 15px !important;
}

.m-b-minus-24px {
    margin-bottom: -24px;
}

.m-tb-minus-12 {
    margin-top: -12px;
    margin-bottom: -12px;
}

.m-minus-15 {
    margin: -15px;
}

.m-minus-12 {
    margin: -12px;
}

.p-tp-12 {
    padding-top: 12px;
    padding-bottom: 12px;
}

.m-tp-12 {
    margin-top: 12px;
    margin-bottom: 12px;
}


/* Buttons */

button {
    background: transparent;
    border: 0;
}

.custom-btn {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 130px;
    height: 40px;
    color: #fff;
    padding: 10px 15px;
    font-weight: 500;
    background: transparent;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    outline: none;
    border-radius: 3px;
}

.ms-btn,
.ms-btn-1 {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: none;
    color: #fff;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    color: #17181c;
    border: 1px solid #17181c;
    position: relative;
    border-radius: 3px;
}

.btn-disabled {
    pointer-events: none;
    background-color: #555 !important;
}

.ms-btn {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #17181c;
    color: #fff;
}

.ms-btn:hover {
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
}

.ms-btn-1 {
    padding: 5px 10px;
}

.ms-btn-1:hover {
    background-color: #17181c;
    color: #fff;
}

.ms-btn-2 {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 500;
    background-color: var(--primary-bgcolor);
    color: var(--primary-color);
    text-align: center;
    border-radius: 3px;
}

.ms-btn-2:hover {
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
}

.ms-btn-3 {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-size: 14px;
    font-weight: 400;
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
}

.ms-btn-3:hover {
    background-color: #fff;
    color: #777;
    border: 1px solid #fff;
}

.ms-btn:before {
    position: absolute;
    content: "";
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    -webkit-animation: shiny-btn1 3s ease-in-out infinite;
    animation: shiny-btn1 3s ease-in-out infinite;
}

.ms-box {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: 1px solid transparent;
    padding: 30px;
    border-radius: 0px;
    background: #fff;
}

.ms-btn:active {
    -webkit-box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, 0.3), -4px -4px 6px 0 rgba(116, 125, 136, 0.2), inset -4px -4px 6px 0 rgba(255, 255, 255, 0.2), inset 4px 4px 6px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, 0.3), -4px -4px 6px 0 rgba(116, 125, 136, 0.2), inset -4px -4px 6px 0 rgba(255, 255, 255, 0.2), inset 4px 4px 6px 0 rgba(0, 0, 0, 0.2);
}

@-webkit-keyframes shiny-btn1 {
    0% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0;
    }
    80% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0.5;
    }
    81% {
        -webkit-transform: scale(4) rotate(45deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(50) rotate(45deg);
        opacity: 0;
    }
}

.img-responsive {
    max-width: 100%;
    display: block;
}

input {
    height: 40px;
    outline: none;
}

textarea {
    outline: none;
}
.border-r {
    border-right: 10px dashed #fff;
}

.main-bg {
    height: 100%;
    background: #3e9172;
}

.ms-row {
    width: 100%;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.section-bg {
    background-color: #fff;
}

.section-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    z-index: 5;
}

.section-title h2 {
    margin-bottom: 0;
    font-size: 25px;
    font-weight: 600;
    color: #17181c;
    position: relative;
    display: inline;
    padding: 0;
    text-transform: capitalize;
    line-height: 1;
}

.section-title h2 span {
    color: #3e9172;
}

.section-title .title-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.section-title .title-link a {
    color: #777;
}

.section-title .title-link a i {
    margin-left: 10px;
    color: #777;
}

.section-title .title-link a:hover {
    color: #3e9172;
}

.section-title .title-link a:hover i {
    color: #3e9172;
}

.section-title-2 {
    padding-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 5;
}

.section-title-2 h2 {
    margin-bottom: 0;
    font-size: 26px;
    line-height: 38px;
    font-weight: 500;
    color: #17181c;
    position: relative;
    display: inline;
    padding: 0;
    text-transform: capitalize;
    line-height: 1;
}

.section-title-2 h2 span {
    color: #3e9172;
}

.section-title-2 p {
    max-width: 400px;
    margin: 15px 0 0 0;
    font-size: 14px;
    color: #777;
    text-align: center;
    line-height: 23px;
}

.section-title-3 {
    padding-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 5;
}

.section-title-3 h2 {
    margin-bottom: 0;
    font-size: 22px;
    line-height: 38px;
    font-weight: 500;
    color: #17181c;
    position: relative;
    display: inline;
    padding: 0;
    text-transform: capitalize;
    line-height: 1;
}

.section-title-3 h2 span {
    color: #3e9172;
}

.section-title-3 p {
    max-width: 400px;
    margin: 15px 0 0 0;
    font-size: 14px;
    color: #777;
    text-align: center;
    line-height: 23px;
}

section {
    position: relative;
    background-color: #fff;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.show-section {
    display: block !important;
}

.hide-section {
    z-index: 7;
    -webkit-transform: translate3d(0px, -100%, 0px);
    transform: translate3d(0px, -100%, 0px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#overlay_shine {
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position: fixed;
    z-index: 1;
    display: block;
    background: rgba(0, 0, 0, 0.2);
    top: 0px;
    left: -50%;
    width: 200%;
    height: 100%;
    -webkit-transform: rotate(-30deg) translateY(-150%);
    transform: rotate(-30deg) translateY(-150%);
}

#ms-overlay {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #fff;
    z-index: 99;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#ms-overlay .loader {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}

#ms-overlay .loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}

#ms-overlay .loader {
    margin: 45px auto;
    font-size: 6px;
    position: relative;
    text-indent: -9999em;
    border-top: 6px solid rgba(62, 145, 114, 0.2);
    border-right: 6px solid rgba(62, 145, 114, 0.2);
    border-bottom: 6px solid rgba(62, 145, 114, 0.2);
    border-left: 6px solid var(--primary-bgcolor);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.ms-cursor {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    border: 1px solid #3e9172;
    -webkit-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    position: fixed;
    pointer-events: none;
    left: 0;
    top: 0;
    -webkit-transform: translate(calc(-50% + 15px), -50%);
    transform: translate(calc(-50% + 15px), -50%);
    -webkit-animation: morphing-image 10s linear infinite forwards;
    animation: morphing-image 10s linear infinite forwards;
    z-index: 9999;
}

.ms-cursor-2 {
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: #3e9172;
    position: fixed;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none;
    -webkit-transition: width 0.3s, height 0.3s, opacity 0.3s;
    transition: width 0.3s, height 0.3s, opacity 0.3s;
    z-index: 9999;
}

.ms-hover-cursor {
    width: 50px;
    height: 50px;
    background-color: #3e9172;
    border: 0;
    opacity: 0.5;
    z-index: 9999;
}

.ms-cursorinnerhover {
    width: 30px;
    height: 30px;
    opacity: 0.5;
    z-index: 9999;
}

@-webkit-keyframes morphing-image {
    0% {
        border-radius: 50% 50% 50% 50%/50% 50% 50% 50%;
    }
    10% {
        border-radius: 39% 61% 38% 62%/53% 54% 46% 47%;
    }
    20% {
        border-radius: 56% 44% 52% 48%/57% 35% 65% 43%;
    }
    30% {
        border-radius: 41% 59% 45% 55%/43% 56% 44% 57%;
    }
    40% {
        border-radius: 46% 54% 60% 40%/55% 65% 26% 45%;
    }
    50% {
        border-radius: 44% 56% 42% 65%/41% 65% 46% 69%;
    }
    60% {
        border-radius: 41% 69% 42% 68%/41% 71% 29% 69%;
    }
    70% {
        border-radius: 44% 56% 60% 40%/63% 46% 64% 37%;
    }
    80% {
        border-radius: 46% 54% 38% 62%/44% 48% 52% 56%;
    }
    90% {
        border-radius: 66% 45% 57% 43%/49% 51% 49% 51%;
    }
    100% {
        border-radius: 50% 50% 50% 50%/50% 50% 50% 50%;
    }
}

@keyframes morphing-image {
    0% {
        border-radius: 50% 50% 50% 50%/50% 50% 50% 50%;
    }
    10% {
        border-radius: 39% 61% 38% 62%/53% 54% 46% 47%;
    }
    20% {
        border-radius: 56% 44% 52% 48%/57% 35% 65% 43%;
    }
    30% {
        border-radius: 41% 59% 45% 55%/43% 56% 44% 57%;
    }
    40% {
        border-radius: 46% 54% 60% 40%/55% 65% 26% 45%;
    }
    50% {
        border-radius: 44% 56% 42% 65%/41% 65% 46% 69%;
    }
    60% {
        border-radius: 41% 69% 42% 68%/41% 71% 29% 69%;
    }
    70% {
        border-radius: 44% 56% 60% 40%/63% 46% 64% 37%;
    }
    80% {
        border-radius: 46% 54% 38% 62%/44% 48% 52% 56%;
    }
    90% {
        border-radius: 66% 45% 57% 43%/49% 51% 49% 51%;
    }
    100% {
        border-radius: 50% 50% 50% 50%/50% 50% 50% 50%;
    }
}

.msicon {
    color: #bbb;
}

i.msicon.msi-star.fill {
    color: #f27d0c;
}

.modal-dialog {
    height: 100%;
    margin: 0% auto;
    max-width: 960px;
    width: 960px;
    padding: 35px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ms-cart-notify {
    position: fixed;
    left: 15px;
    bottom: 15px;
    z-index: 20;
    display: none;
}

.ms-cart-notify a {
    width: 70px;
    height: 70px;
    padding: 15px;
    background-color: rgba(0, 0, 0, 0.7);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    border-radius: 3px;
}

.ms-cart-notify a .svg_img path {
    fill: #fff;
}

.ms-cart-notify a span {
    width: 20px;
    height: 20px;
    background-color: #fff;
    color: #17181c;
    position: absolute;
    top: 5px;
    right: 5px;
    border-radius: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ms-sample {
    width: 100%;
    height: 50vh;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ms-sample h3 {
    font-weight: 600;
    color: #999;
    text-align: center;
}

.ms-sidebar-res {
    cursor: pointer;
}


/**  Pagination  **/

.ms-pro-pagination {
    width: 100%;
    padding: 15px 0;
    direction: ltr;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #eee;
}

.ms-pro-pagination span {
    font-size: 14px;
    width: 32px;
    height: 32px;
    display: flex;
    text-align: center;
    background-color: var(--primary-bgcolor);
    color: var(--primary-color);
    border: 1px solid var(--primary-bgcolor);
    border-radius: 3px;
    align-items: center;
    justify-content: center;
}

.ms-pro-pagination ul li {
    display: inline-block;
    float: right;
    margin-left: 2px;
}

.ms-pro-pagination ul li a {
    font-weight: 300;
    color: #777;
    padding: 0;
    height: 32px;
    line-height: 32px;
    background: #fff;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 32px;
    text-align: center;
    vertical-align: top;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px;
}

.ms-pro-pagination ul li a.prev {
    padding: 0 13px;
    color: #fff;
    background-color: #3e9172;
    line-height: 30px;
    width: 32px;
    height: 32px;
}

.ms-pro-pagination ul li a:hover {
    background-color: var(--primary-bgcolor);
    color: var(--primary-color);
}

.ms-pro-pagination ul li a:hover i {
    color: var(--primary-color);
}

.ms-pro-pagination ul li a.next {
    width: auto;
    padding: 0 13px;
    color: var(--primary-color);
    background-color: var(--primary-bgcolor);
    line-height: 30px;
}

.ms-pro-pagination ul li a.next i {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-right: 10px;
    color: #fff;
    font-size: .6rem;
    margin-top: 2px;
}

.ms-pro-pagination ul li a.next:hover i {
    color: #fff;
}

.ms-pro-pagination ul li a.active {
    color: #fff;
    background-color: #3e9172;
}


/** Back to top button **/

.ms-back-to-top {
    display: inline-block;
    background-color: var(--primary-bgcolor);
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 30px;
    left: 30px;
    -webkit-transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
    transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
    opacity: 0;
    visibility: hidden;
    z-index: 9;
    border: 1px solid var(--primary-bordercolor);
}

.ms-back-to-top:after {
    content: "\f062";
    font-weight: normal;
    font-style: normal;
    font-size: 15px;
    line-height: 40px;
    color: var(--primary-color);
}

.ms-back-to-top:hover:after {
    cursor: pointer;
    color: var(--primary-bgcolor);
    opacity: 1;
}

.ms-back-to-top:hover {
    cursor: pointer;
    background-color: var(--primary-color);
    opacity: 1;
}

.ms-back-to-top:active {
    background-color: var(--primary-bgcolor);
}

.ms-back-to-top.show {
    opacity: 1;
    visibility: visible;
}


/*-------------------------------------------------
  Breadcrumb Style CSS
---------------------------------------------------*/
.ms_breadcrumb_inner {
    display: flex;
    align-items: center;
}

.ms-breadcrumb {
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

.ms-breadcrumb .ms-breadcrumb-title {
    width: 100%;
    text-decoration: none;
    color: #17181c;
    display: block;
    font-size: 20px;
    line-height: 22px;
    font-weight: 600;
    margin: 0 auto;
    text-transform: capitalize;
}

.ms-breadcrumb-list {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    text-transform: capitalize;
}

.ms-breadcrumb-list a {
    position: relative;
}

.ms-breadcrumb-list a.active {
    font-weight: 700;
}

.ms-breadcrumb-list .ms-breadcrumb-item.active::before {
    color: #3e9172;
}

.ms-breadcrumb-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: end;
}

.ms-breadcrumb-item nav {
    margin: 0 !important;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb a {
    font-weight: 400;
    font-size: 0.75rem;
    color: rgb(156 157 158 / 1);
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb {
    color: rgb(33 33 33 / 1) !important;
    font-size: .75rem;
    font-weight: 400;
}

.ms-breadcrumb-item + .ms-breadcrumb-item {
    padding-right: 7px;
}

.ms-breadcrumb-item + .ms-breadcrumb-item::before {
    display: inline-block;
    padding-right: 7px;
    color: #17181c;
    font-family: "MsIcons";
    font-size: 15px;
}


/*===== Cart sideabr css =====*/

.ms-open-cart {
    overflow: hidden;
    -webkit-transform: translateX(0%) !important;
    transform: translateX(0%) !important;
    opacity: 1 !important;
}

.ms-open-cart:before {
    height: 100%;
    width: 100;
    background: #000;
    opacity: 0.7;
    position: absolute;
    z-index: 998;
    content: "";
}

.ms-side-cart-overlay {
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 17;
}

.ms-side-cart {
    font-size: 14px;
    font-weight: 400;
    position: fixed;
    z-index: 17;
    top: 0;
    left: 0;
    right: auto;
    display: block;
    width: 350px;
    height: 100%;
    padding: 15px 20px 20px 20px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: auto;
    opacity: 0;
}

.ms-side-cart::-webkit-scrollbar {
    width: 12px !important;
    height: 10px !important;
    padding: 8px !important;
}

.ms-side-cart::-webkit-scrollbar-track {
    width: 12px !important;
    background-color: #17181c !important;
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0) !important;
}

.ms-side-cart::-webkit-scrollbar-thumb {
    background-color: #17181c !important;
    border: 3px solid #fff !important;
}

.ms-side-cart::-webkit-scrollbar-thumb:hover {
    background-color: #3e9172 !important;
}

.ms-side-cart .text-right {
    font-weight: 400;
}

.ms-side-cart .ms-cart-inner {
    position: relative;
    z-index: 9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.ms-side-cart .ms-cart-inner .ms-cart-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100;
    padding: 0 0 10px 0;
    border-bottom: 2px solid #eeeeee;
    margin-bottom: 20px;
}

.ms-side-cart .ms-cart-inner .ms-cart-title .cart_title {
    font-size: 15px;
    color: #17181c;
    font-weight: 400;
}

.ms-side-cart .ms-cart-inner .ms-cart-title .ms-cart-close {
    position: relative;
    border: 0;
    font-size: 30px;
    line-height: 20px;
    color: #17181c;
}

.ms-side-cart .ms-cart-inner .ms-cart-title .ms-cart-close .svg_img {
    width: 14px;
    height: 14px;
}

.ms-side-cart .ms-cart-inner .ms-cart-bottom .cart_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
}

.ms-side-cart .ms-cart-inner .ms-cart-bottom .cart_btn a {
    width: 48%;
    height: 40px;
    display: block;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    padding: 8px 15px;
    line-height: 22px;
}

.ms-side-cart .ms-cart-inner .ms-cart-bottom .cart-sub-total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 0;
    padding-bottom: 8px;
    border-top: 1px solid #eeeeee;
    margin: 20px 0 0 0px;
}

.ms-side-cart .ms-cart-inner .ms-cart-bottom .cart-sub-total table {
    margin: 10px 0 0 0;
}

.ms-side-cart .ms-cart-inner .ms-cart-bottom .cart-sub-total table tr td {
    border: none;
}

.ms-side-cart .ms-cart-inner .ms-cart-bottom .cart-sub-total table tr td.text-left {
    font-weight: 500;
}

.ms-side-cart .ms-cart-inner .ms-cart-bottom .cart-sub-total table tr td.text-right {
    text-align: right;
}


/* Responsive css */

@media (max-width: 480px) {
    .ms-side-cart {
        width: 300px;
    }
    .ms-side-wish {
		width: 300px !important;
	}
}


/*===== wish sideabr css =====*/

.ms-open-wish {
    overflow: hidden;
    -webkit-transform: translateX(0%) !important;
    transform: translateX(0%) !important;
    opacity: 1 !important;
}

.ms-open-wish:before {
    height: 100%;
    width: 100;
    background: #000;
    opacity: 0.7;
    position: absolute;
    z-index: 998;
    content: "";
}

.ms-side-wish-overlay {
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 17;
}

.ms-side-wish {
    font-size: 14px;
    font-weight: 400;
    position: fixed;
    z-index: 17;
    top: 0;
    left: 0;
    right: auto;
    display: block;
    width: 350px;
    height: 100%;
    padding: 15px 20px 20px 20px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: auto;
    opacity: 0;
}

.ms-side-wish::-webkit-scrollbar {
    width: 12px !important;
    height: 10px !important;
    padding: 8px !important;
}

.ms-side-wish::-webkit-scrollbar-track {
    width: 12px !important;
    background-color: #17181c !important;
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0) !important;
}

.ms-side-wish::-webkit-scrollbar-thumb {
    background-color: #17181c !important;
    border: 3px solid #fff !important;
}

.ms-side-wish::-webkit-scrollbar-thumb:hover {
    background-color: #3e9172 !important;
}

.ms-side-wish .text-right {
    font-weight: 700;
}

.ms-side-wish .ms-wish-inner {
    position: relative;
    z-index: 9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.ms-side-wish .ms-wish-inner .ms-wish-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100;
    padding: 0 0 10px 0;
    border-bottom: 2px solid #eeeeee;
    margin-bottom: 20px;
}

.ms-side-wish .ms-wish-inner .ms-wish-title .wish_title {
    font-size: 15px;
    color: #17181c;
    font-weight: 400;
}

.ms-side-wish .ms-wish-inner .ms-wish-title .ms-wish-close {
    position: relative;
    border: 0;
    font-size: 30px;
    line-height: 20px;
    color: #17181c;
}

.ms-side-wish .ms-wish-inner .ms-wish-title .ms-wish-close .svg_img {
    width: 14px;
    height: 14px;
}

/*=======  Quick View ========*/

.quickview-modal {
    background-color: rgba(0, 0, 0, 0.8) !important;
}

.quickview-modal .qty_close {
    width: 5px;
    height: 5px;
    background: url(../img/icons/close-1.svg);
    background-size: 100%;
}

.quickview-modal .modal-body {
    padding: 30px;
}

.quickview-modal .modal-content {
    background-color: rgba(0, 0, 0, 0.8);
}

.quickview-modal .slick-slide img {
    border-radius: 3px;
    border: 2px solid #fff;
}

.quickview-modal .qty-slide {
    padding: 5px;
}

.quickview-modal .slick-current img {
    border: 2px solid #3e9172;
}

.quickview-modal .slick-prev,
.quickview-modal .slide-arrow.prev-arrow {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 30px;
    height: 30px;
    background-color: #3e9172;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 5;
    color: #fff;
    border-radius: 3px;
    -webkit-transform: translateY(-60%);
    transform: translateY(-60%);
    opacity: 0.8;
}

.quickview-modal .slick-prev:hover,
.quickview-modal .slide-arrow.prev-arrow:hover {
    opacity: 1;
}

.quickview-modal .slick-next,
.quickview-modal .slide-arrow.next-arrow {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 30px;
    height: 30px;
    background-color: #3e9172;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 5;
    color: #fff;
    border-radius: 3px;
    -webkit-transform: translateY(-60%);
    transform: translateY(-60%);
    opacity: 0.8;
}

.quickview-modal .slick-next:hover,
.quickview-modal .slide-arrow.next-arrow:hover {
    opacity: 1;
}

.qty-nav-thumb {
    margin-bottom: -5px;
    padding: 0 40px;
}

.qty-nav-thumb .slick-slider:hover .slick-prev,
.qty-nav-thumb .slick-slider:hover .slide-arrow.prev-arrow {
    opacity: 1 !important;
}

.quickview-pro-content .ms-quick-title a {
    margin: 0 0 15px 0;
    display: block;
    color: #fff;
    font-size: 22px;
    text-transform: capitalize;
    text-decoration: none;
    line-height: 1.5;
    font-weight: 500;
}

.quickview-pro-content p {
    font-size: 14px;
    color: #777;
    margin: 0 0 12px;
    font-weight: 600;
}

.quickview-pro-content p span {
    font-weight: 400;
}

.quickview-pro-content .quickview-para {
    font-weight: 400;
    color: #777;
    line-height: 26px;
}

.quickview-pro-content .ms-quickview-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
}

.quickview-pro-content .ms-quickview-rating i {
    margin-left: 5px !important;
}

.ms-quickview-rating i.fill {
    color: #f27d0c;
}

.quickview-pro-content .ms-quickview-desc {
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 24px;
    color: #bbb;
    font-weight: 300;
}

.quickview-pro-content .ms-quickview-price {
    padding: 5px 0 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
}

.quickview-pro-content .ms-quickview-price span.old-price {
    font-size: 18px;
    margin-right: 10px;
    text-decoration: line-through;
    color: #777;
}

.quickview-pro-content .ms-quickview-price span.new-price {
    color: #fff;
    font-weight: 700;
    font-size: 22px;
}

.quickview-pro-content .ms-pro-variation span {
    color: #fff;
}

.quickview-pro-content .ms-pro-variation .ms-pro-variation-content ul li {
    height: 22px;
    padding: 2px 8px;
    cursor: pointer;
    border: 1px solid #eeeeee;
    color: #777;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    line-height: 22px;
    border-radius: 3px;
    font-weight: 400;
}

.quickview-pro-content .ms-pro-variation .ms-pro-variation-content ul li a {
    color: #fff;
}

.quickview-pro-content .ms-pro-variation .ms-pro-variation-content ul li.active {
    background-color: #3e9172 !important;
    color: #fff !important;
    border-color: #3e9172 !important;
}

.quickview-pro-content .pro-details-list {
    padding: 0 0 30px 0;
    margin: 0 0 15px 0;
    border-bottom: 1px solid #17181c;
    display: inline-block;
    width: 100;
    color: #777;
}

.quickview-pro-content .pro-details-list .ms-quickview-desc {
    font-weight: 400;
    color: #777;
    line-height: 24px;
    margin: 0;
}

.quickview-pro-content .pro-details-list li {
    display: block;
    width: 100;
    line-height: 24px;
}

.quickview-pro-content .ms-quickview-qty {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 15px 0 0 0;
    width: 100;
}

.quickview-pro-content .ms-quickview-qty .qty-plus-minus {
    width: 100px;
    height: 43px;
    padding: 0;
    border: 1px solid #fff;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 3px;
}

.quickview-pro-content .ms-quickview-qty .qty-plus-minus .ms-qtybtn {
    width: 30px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    color: #fff;
}

.quickview-pro-content .ms-quickview-qty .qty-plus-minus input.qty-input {
    width: 40px;
    height: 50px;
    margin: 0;
    padding: 0;
    background: transparent none repeat scroll 0 0;
    color: #fff;
    font-size: 14px;
    border: medium none;
    text-align: center;
    outline: none;
}

.quickview-pro-content .ms-quickview-qty .ms-quickview-cart .ms-btn-3 {
    margin: 0 15px 0 0;
    padding: 10px 15px;
    border-radius: 3px;
}

.quickview-pro-content .ms-quickview-qty .ms-quickview-cart .ms-btn-3 svg {
    margin-right: 8px;
}

.quickview-pro-content .ms-quickview-qty .ms-quickview-cart .ms-btn-3 .svg_img.pro_svg {
    display: none;
}

@media only screen and (max-width: 991px) {
    .quickview-pro-content .ms-quick-title a {
        font-size: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .modal-dialog {
        max-width: 720px;
        width: 720px;
    }
}

@media only screen and (max-width: 767px) {
    .woocommerce #content table.cart td.actions .coupon .button, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon input, .woocommerce table.cart td.actions .coupon .button, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon input, .woocommerce-page #content table.cart td.actions .coupon .button, .woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon input, .woocommerce-page table.cart td.actions .coupon .button, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon input {
        width: 38%;
    }
    .woocommerce form.woocommerce-cart-form table.woocommerce-cart-form__contents tbody tr td.actions button.button {
        padding: 12px 5px;
        font-size: 11px;
        text-wrap: nowrap;
    }
    .modal-dialog {
        width: 80%;
        height: auto;
        max-width: 100%;
        padding: 35px 0;
        margin: 0 auto;
    }

    .modal-dialog .qty-product-cover {
        max-width: 420px;
        margin: 0 auto;
        margin-bottom: 15px;
    }

    .modal-dialog .qty-nav-thumb {
        max-width: 420px;
        margin: 0 auto;
    }

    .quickview-pro-content {
        margin-top: 5px;
    }

    .quickview-pro-content .ms-quick-title a {
        font-size: 18px;
    }
}

@media only screen and (max-width: 575px) {
    .modal-dialog {
        width: 90%;
    }

    .quickview-pro-content {
        margin-top: 5px;
    }

    .quickview-pro-content .ms-quick-title a {
        font-size: 16px;
    }
}

@media only screen and (max-width: 360px) {
    .quickview-modal .modal-body {
        padding: 15px;
    }

    .quickview-modal button.btn-close.qty_close {
        left: 5px;
        top: 5px;
    }
}


/*-------------------------------------------------
Mega Menu CSS
---------------------------------------------------*/
.ms-category-menu {
    position: relative;
    display: inline-block;           
    z-index: 10001;                     
    overflow: visible;
}
.ms-category-menu::before {
  content: "";
  position: absolute;
  right: 0;                        
  left: auto;
  bottom: 0;                    
  height: 1px;                    
  width: 0%;                       
  background: linear-gradient(270deg, rgba(255, 10, 10, .8) 0%, rgba(239, 58, 79, .1) 100%);
  border-radius: 6px 6px 3px 3px; 
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
  transform-origin: right center;  
  transform: translateX(6px);      
  transition:
    width 420ms cubic-bezier(.2,.9,.2,1),
    transform 420ms cubic-bezier(.2,.9,.2,1),
    opacity 280ms ease;
  opacity: 0;
  pointer-events: none;          
}
.ms-category-menu:hover::before,
.ms-category-menu.is-active::before { 
  width: calc(100% + -1px);       
  transform: translateX(0);
  opacity: 1;
}

.ms-category-menu--thick::before {
  height: 10px;
  bottom: -8px;
  border-radius: 8px 8px 4px 4px;
}

@media (prefers-reduced-motion: reduce) {
  .ms-category-menu::before,
  .ms-category-menu:hover::before {
    transition: none;
    transform: none;
    width: calc(100% + 12px) !important;
    opacity: 1 !important;
  }
}
.mega-menu {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    z-index: 1000;
    width: 146px;
    border-bottom-right-radius: 15px;
}
.ms-category-menu.active .mega-menu {
    display: block;
}

.main-menu {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
    max-height: 400px;
    min-height: 399px;
    overflow-y: auto;
    border-left: 1px solid #e5e5e5;
}

.main-menu > li > a {
    display: block;
    padding: 15px 10px;
    font-weight: 400;
    font-size: 13px;
    color: #333;
    text-decoration: none;
}
.main-menu > li:hover {
    background: linear-gradient(270deg, rgba(255, 10, 10, .1) 0%, rgba(239, 58, 79, .01) 100%);
}
.main-menu > li:hover > a {
    color: #ef394e;
}

.mega-dropdown {
    position: absolute;
    top: 0;
    right: 140px;
    left: auto;
    background: #fff;
    display: none;
    padding: 20px;
    border-top: 1px solid #eee;
    width: max-content;
}
.main-menu > li:hover > .mega-dropdown {
    display: flex;
}

.mega-inner {
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
    width: 1100px;
}
.mega-column {
    flex: 0 0 200px;
    padding: 10px 15px;
    max-height: 400px;
    min-height: 170px;
}
.mega-column h4 {
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 8px;
}
.mega-column h4 a {
    color: #000;
    font-weight: 400;
}
.mega-column h4 a::before {
    content: '';
    position: relative;
    top: 4px;
    width: 2px;
    padding: 8px 1px;
    margin-left: 5px;
    border-radius: 1px;
    background-color: #fc3131ee;
    display: inline-block;
}
.mega-column ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.mega-column ul li {
    margin-bottom: 6px;
}
.mega-column ul li a {
    font-size: 13px;
    color: #a0a0a0;
    text-decoration: none;
}
.mega-column ul li a:hover {
    color: #ef394e;
}
.main-menu > li > .mega-dropdown {
    display: none;
    position: absolute;
    top: 0;
    right: 144px;
    left: 0;
    background: #fff;
    padding: 0;
    z-index: 99;
    height: 400px;
    border-bottom-left-radius: 15px;
}
.main-menu > li.hover > .mega-dropdown {
    display: flex; 
}
.menu-item-icon {
    width: 25px;
    height: 25px;
    margin-left: 2px;
    vertical-align: middle;
}
.menu-item i {
    margin-left: 2px;
}

.mega-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 999;
}

.mega-overlay.show {
    display: block;
}

ul.main-menu > li .mega-dropdown {
    z-index: 1000; 
}

.ms-category-menu:hover .mega-menu {
    display: block;
}

.ms-category-menu:hover .mega-overlay {
    display: block;
}

.ms-category-menu .ms-category-toggle {
    width: 120px;
    min-height: 55px;
    padding: 0 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    cursor: pointer;
    color: #000;
    font-size: 16px;
    font-weight: 400;
}

.ms-category-menu .ms-category-toggle i {
    margin-left: 5px;
}
.ms-side-cat-overlay {
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 13;
}

.cat-sidebar {
    margin-bottom: -15px;
    position: sticky;
}

.cat-sidebar .cat-sidebar-box {
    width: 100%;
}

.cat-sidebar .cat-sidebar-box .ms-cat-sidebar-wrap {
    margin-bottom: 30px;
}

.cat-sidebar .cat-sidebar-box .ms-cat-sidebar-wrap .ms-sidebar-res {
    display: none;
}

.cat-sidebar .cat-sidebar-box .ms-cat-sidebar-wrap .ms-sidebar-block .ms-sb-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

.cat-sidebar .cat-sidebar-box .ms-cat-sidebar-wrap .ms-sidebar-block .ms-sb-title h3 {
    text-decoration: none;
    color: #444;
    display: block;
    font-size: 16px;
    line-height: 22px;

    text-transform: uppercase;
    font-weight: 600;
    padding-bottom: 5px;
}

.ms-sb-title h3 i {
    position: absolute;
    top: 5px;
    left: 0;
    font-size: .7rem;
    color: #C4C4C4;
}

.cat-sidebar .cat-sidebar-box .ms-cat-sidebar-wrap .ms-sidebar-block .ms-sb-title h3 .ms-close {
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 28px;
    color: green;
}

.cat-sidebar .cat-sidebar-box .ms-cat-sidebar-wrap .ms-sidebar-block .ms-sb-block-content ul {
    margin-bottom: 15px;
}

.cat-sidebar .cat-sidebar-box .ms-cat-sidebar-wrap .ms-sidebar-block .ms-sb-block-content .ms-list {
    padding: 5px 15px;
    border: 1px solid #eee;
    border-radius: 3px;
}

.cat-sidebar .cat-sidebar-box .ms-cat-sidebar-wrap .ms-sidebar-block .ms-sb-block-content li {
    padding: 0;
}

.cat-sidebar .cat-sidebar-box .ms-cat-sidebar-wrap .ms-sidebar-block .ms-sb-block-content li .ms-sidebar-sub-item a {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #777;
    font-size: 14px;
    margin-top: 0;
    line-height: 20px;
    font-weight: 500;
    text-transform: capitalize;
    cursor: pointer;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.cat-sidebar .cat-sidebar-box .ms-cat-sidebar-wrap .ms-sidebar-block .ms-sb-block-content li .ms-sidebar-sub-item a:hover {
    color: #17181c;
}

.cat-sidebar .cat-sidebar-box .ms-cat-sidebar-wrap .ms-sidebar-block .ms-sb-block-content li .ms-sidebar-sub-item a span {
    text-transform: lowercase;
    font-size: 12px;
}

.cat-sidebar .cat-sidebar-box .ms-cat-sidebar-wrap .ms-sidebar-block .ms-sb-block-content li .ms-sidebar-block-item {
    padding: 10px 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
    color: #777;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 1;
    cursor: pointer;
}

.cat-sidebar .cat-sidebar-box .ms-cat-sidebar-wrap .ms-sidebar-block .ms-sb-block-content li .ms-sidebar-block-item .svg_img {
    width: 20px;
    height: 20px;
    margin-left: 5px;
    fill: #3e9172;
}

.cat-sidebar .cat-sidebar-box .ms-cat-sidebar-wrap .ms-sidebar-block .ms-sb-block-content li li {
    padding: 0 0 6px;
}

.cat-sidebar .cat-sidebar-box .ms-cat-sidebar-wrap .ms-sidebar-block .ms-sb-block-content ul ul {
    border-top: 1px solid #eee;
    /*display: none;*/
    padding-top: 13px;
    padding-bottom: 3px;
}

.cat-sidebar .cat-sidebar-box .ms-cat-sidebar-wrap .ms-sb-block-content {
    margin-bottom: 0;
    padding: 0;
    border-bottom: none;
}

@media (max-width: 360px) {
    .ms-category-sidebar {
        width: 300px;
    }
}


/*===== Features sideabr css =====*/

.ms-features-sidebar-overlay {
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 16;
}

.ms-features-sidebar {
    width: 250px;
    height: 100vh;
    position: fixed;
    left: -252px;
    top: 0;
    background-color: #ffffff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 16;
}

.ms-features-sidebar .tool-title {
    margin-bottom: 15px;
    padding: 15px;
    border-bottom: 1px solid #d9d9d9;
}

.ms-features-sidebar .tool-title h3 {
    line-height: 28px;
    margin: 0;
    font-size: 16px;
    color: #777;
    font-weight: 700;
    text-transform: uppercase;
}

.ms-features-sidebar .ms-tools-sidebar-toggle {
    position: absolute;
    top: 35%;
    left: 252px;
    width: 40px;
    height: 40px;
    background-color: #17181c;
    -webkit-transition: all ease-in 0.3s;
    transition: all ease-in 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 25px;
    z-index: -1;
    text-decoration: none;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.ms-features-sidebar .ms-tools-sidebar-toggle .svg_img {
    width: 25px;
    height: 25px;
}

.ms-features-sidebar .ms-tools-sidebar-toggle .svg_img path {
    fill: #fff;
}

.ms-features-sidebar .ms-features-block {
    padding: 15px;
}

.ms-features-sidebar .ms-features-block .ms-features-title {
    margin-bottom: 10px;
    line-height: 20px;
    font-size: 14px;
    color: #777;
    font-weight: 600;
}

.ms-features-sidebar .ms-features-block ul {
    margin-bottom: -10px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
}

.ms-features-sidebar .ms-features-block ul li {
    width: 30px;
    height: 30px;
    margin: 0 10px 10px 0;
}

.ms-features-sidebar .ms-features-block ul li a {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 3px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    text-align: center;
    border: 2px solid transparent;
}

.ms-features-sidebar .ms-features-block ul li a.colorcode1 {
    background-color: #3e9172;
}

.ms-features-sidebar .ms-features-block ul li a.colorcode2 {
    background-color: #F2709C;
}

.ms-features-sidebar .ms-features-block ul li a.colorcode3 {
    background-color: #6452c5;
}

.ms-features-sidebar .ms-features-block ul li a.colorcode4 {
    background-color: #516ebf;
}

.ms-features-sidebar .ms-features-block ul li a.colorcode5 {
    background-color: #bda16f;
}

.ms-features-sidebar .ms-features-block ul li a.colorcode6 {
    background-color: #40526c;
}

.ms-features-sidebar .ms-features-block ul li a.colorcode7 {
    background-color: #db98b1;
}

.ms-features-sidebar .ms-features-block ul li a.colorcode8 {
    background-color: #ff8763;
}

.ms-features-sidebar .ms-features-block ul li a.colorcode9 {
    background-color: #ff6d6d;
}

.ms-features-sidebar .ms-features-block ul li.active a {
    border: 2px solid white;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
}

.ms-features-sidebar .ms-features-block .ms-change-mode {
    width: 90px;
    height: 30px;
    margin-bottom: 10px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    white-space: nowrap;
    border-radius: 10px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

.ms-features-sidebar .ms-features-block .ms-change-mode div {
    width: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: uppercase;
    cursor: pointer;
    color: #ffffff;
    font-size: 12px;
    border-radius: 3px;
    overflow: hidden;
    background: #333;
}

.ms-features-sidebar .ms-features-block .ms-change-mode .ms-mode-switch > * {
    width: 45px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: uppercase;
    cursor: pointer;
    padding: 0 10px 0;
}

.ms-features-sidebar .ms-features-block .ms-change-mode .ms-mode-on {
    background: #63b760;
    color: #fff;
    display: none;
}

.ms-features-sidebar .ms-features-block .ms-change-mode .ms-mode-off {
    background: #ff7474;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ms-features-sidebar .ms-features-block .ms-change-mode.active .ms-mode-on {
    background: #63b760;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ms-features-sidebar .ms-features-block .ms-change-mode.active .ms-mode-off {
    display: none;
}


/*===== New Product css =====*/

.ms-pro-tab {
    margin-top: -30px;
}

.ms-pro-tab-nav {
    margin: 0 auto;
}

.ms-pro-tab-nav .nav-item {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0;
    cursor: pointer;
    font-weight: 700;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    line-height: 20px;

}

.ms-pro-tab-nav .nav-item .nav-link {
    padding: 0;
    color: #777;
    position: relative;
    font-weight: 500;
}

.ms-pro-tab-nav .nav-item .nav-link:hover {
    color: #3e9172;
}

.ms-pro-tab-nav .nav-item .nav-link.active {
    color: #3e9172;
}

.ms-product-content {
    position: relative;
    padding: 12px;
}

.ms-product-inner {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 10px;
    cursor: pointer;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 0 10px;
}

.deal-owl-carousel .ms-product-content .ms-product-inner .ms-pro-content p.stock {
    direction: rtl;
    text-align: right;
    padding: 0 10px;
    font-size: 11px;
    margin: 0;
}

.ms-product-inner .ms-pro-image {
    position: relative;
    overflow: hidden;
}

.ms-product-inner .ms-pro-image img {
    object-fit: cover;
}

.ms-product-inner .ms-pro-image .image {
    position: relative;
    display: block;
    overflow: hidden;
    pointer-events: none;
}

.ms-product-inner .ms-pro-image .image img {
    z-index: 1;
    max-width: 100%;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ms-product-inner .ms-pro-image .image img.hover-image {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    opacity: 0;
}

.ms-product-inner .ms-pro-image .image .label {
    width: 11px;
    height: 11px;
    position: absolute;
    top: 10px;
    left: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 3px;
}

.ms-product-inner .ms-pro-image .image .label .dot {
    width: 5px;
    height: 5px;
    display: block;
    border-radius: 50%;
}

.ms-product-inner .ms-pro-image .image .veg {
    border: 1px solid var(--primary-bgcolor);
}

.ms-product-inner .ms-pro-image .image .veg .dot {
    background-color: var(--primary-bgcolor);
}

.ms-product-inner .ms-pro-image .image .nonveg {
    border: 1px solid var(--primary-bgcolor);
}

.ms-product-inner .ms-pro-image .image .nonveg .dot {
    background-color: var(--primary-bgcolor);
}

.ms-product-inner .ms-pro-image .flags {
    left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    text-transform: uppercase;
    position: absolute;
    top: 11px;
    right: 10px;
    z-index: 2;
}

.ms-product-inner .ms-pro-image .flags span {
    padding: 5px 10px;
    font-size: 10px;
    font-weight: 500;
    line-height: 12px;
    text-align: left;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #ff9898;
    color: #fff;
    position: relative;
    border-radius: 3px;
    min-height: 2em;
    top: -1px;
}

.ms-product-inner .ms-pro-image .flags span.new {
    background: var(--primary-bgcolor);
}

.ms-product-inner .ms-pro-image .flags-new-badge {
    right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    text-transform: uppercase;
    position: absolute;
    top: 10px;
    left: 4px;
    z-index: 2;
}

.ms-product-inner .ms-pro-image .flags-new-badge span {
    padding: 5px 10px;
    font-size: 11px;
    font-weight: 500;
    line-height: 12px;
    text-align: left;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: green;
    color: #fff;
    position: relative;
    border-radius: 3px;
}

.woocommerce .flags-new-badge-single {
    left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    text-transform: uppercase;
    position: absolute;
    top: 233px;
    right: 8px;
    z-index: 2;
}

.woocommerce .flags-new-badge-single span {
    padding: 7px 9px 8px 7px;
    font-size: 11px;
    font-weight: 600;
    line-height: 12px;
    text-align: left;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border-radius: 8px;
}

.woocommerce .flags {
    left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    text-transform: uppercase;
    position: absolute;
    top: 184px;
    right: 14px;
    z-index: 2;
}

.woocommerce .flags span {
    width: 41px;
    padding: 7px 8px 5px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    text-align: center;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, .14);
    color: #333;
    position: relative;
    border-radius: 8px;
    justify-content: center;
}

.woocommerce span.onsale {
    min-height: 3em !important;
}

.ms-product-inner .ms-pro-image .percentage {
    position: absolute;
    z-index: 8;
    top: 15px;
    right: 15px;
    font-size: 13px;
    font-weight: 500;
    line-height: 29px;
    padding: 0 7px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #3e9172;
}

.ms-product-inner .ms-pro-actions {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute;
    z-index: 9;
    top: 15px;
    right: auto;
    left: -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 5px;
    margin: 0 auto;
    opacity: 0;
}

.ms-product-inner .ms-pro-actions a.button i {
    padding: 7px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    background-color: white;
    color: #464646;
} 

.ms-product-inner .ms-pro-actions .added_to_cart {
    display: none;
}

.ms-product-inner .ms-pro-actions .ms-btn-group {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    text-decoration: none;
    color: #fff;
    background-color: #fff;
    border-radius: 100%;
    border: 1px solid #eeeeee;
    border-radius: 3px;
}

.ms-product-inner .ms-pro-actions .ms-btn-group:hover:not(.active) {
    background-color: #3e9172;
}

.ms-product-inner .ms-pro-actions .ms-btn-group:hover .svg_img.pro_svg {
    fill: #ffffff;
}

.ms-product-inner .ms-pro-actions .ms-btn-group img {
    width: 18px;
    opacity: 0.5;
}

.ms-product-inner .ms-pro-actions .ms-btn-group .svg_img.pro_svg {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.ms-product-inner .ms-pro-actions .ms-btn-group:not(:first-child) {
    margin-top: 5px;
}

.ms-product-inner .ms-pro-image-outer {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
}

.ms-product-inner:hover .ms-pro-actions {
    opacity: 1;
    left: 10px;
    z-index: 99;
    top: 15px;
}

@media (min-width: 769px) {
    .ms-product-inner:hover .ms-pro-actions {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}

.ms-product-inner:hover .ms-pro-image .image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.ms-product-inner:hover .ms-pro-image .image img:not(:last-child) {
    opacity: 0;
}

.ms-product-inner:hover .ms-pro-image .image img.hover-image {
    opacity: 1;
}

.ms-product-inner .ms-pro-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    padding: 5px 10px;
    text-align: right;
    background-color: #fff;
    height: 130px;
}

.ms-product-inner .ms-pro-content span.custom-stock-label {
    direction: rtl;
}

.ms-product-inner .ms-pro-content span.price {
    margin: 0 !important;
    padding: 0 !important;
}

.ms-product-inner .ms-pro-content span.price p.add_to_cart_inline {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}

.ms-product-content .ms-product-inner .ms-pro-content span.price p.add_to_cart_inline a.product_type_simple {
    background-color: var(--primary-bgcolor);
    color: white;
    font-size: 14px;
    text-align: center;
    width: 100%;
    line-height: 1.5;
}

.ms-product-inner .ms-pro-content span.price p.add_to_cart_inline span.woocommerce-Price-amount {
    float: left;
    padding: 0 10px !important;
}

.ms-product-inner .ms-pro-content span.price p.add_to_cart_inline a.add_to_cart_button {
    background-color: var(--primary-bgcolor);
    color: white;
    font-size: 14px;
    text-align: center;
    width: 100%;
    line-height: 1.5;
}

.ms-product-inner .ms-pro-content span.price p.add_to_cart_inline a.add_to_cart_button.added {
    display: none;
}

.ms-product-inner .ms-pro-content span.price p.add_to_cart_inline a.added_to_cart {
    background-color: var(--primary-bgcolor);
    color: white;
    font-size: 14px;
    text-align: center;
    width: 100%;
    padding: 7px;
}

.ms-product-inner .ms-pro-content span.price p.add_to_cart_inline del span bdi {
    text-decoration: line-through;
}

.ms-product-inner .ms-pro-content h2 {
    margin: 20px 0 10px 0;
    font-weight: 500;
    color: #000;
    font-size: 13px;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 40px;
    line-height: 22px;
}

.ms-product-inner span.price .mb-product-price,
.ms-product-inner span.price .mb-product-price
{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 12px;
    line-height: 1.1;
}
.ms-product-inner span.price .mb-product-price .mb-price-regular {
    font-size: 10px;
    color: #7e7e7e;
    text-decoration: line-through;
    width: 100%;
    display: flex;
}
.ms-product-inner span.price .mb-product-price .woocommerce-Price-currencySymbol {
    font-size: 11px;
    margin-left: 3px;
}
.ms-product-inner span.price .mb-product-price .mb-price-discounted {
    line-height: 2;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}
.ms-product-inner span.price .mb-product-price .mb-price-discounted .mb-discount-percent {
    background-color: red;
    color: white;
    padding: 3px;
    line-height: 22px;
    font-size: 11px;
    border-radius: 3px;
    width: 30px;
    display: inline-block;
}
.ms-product-inner span.price .mb-no-discount {
    margin-top: 20px;
}
.ms-product-inner span.price {
    position: relative;
    overflow: hidden;
}
.ms-product-inner span.price .mb-price.mb-unavailable.mb-product-price {
    width: 100%;
    margin-top: 24px;
}
.ms-product-inner span.price .mb-price.mb-unavailable.mb-product-price span {
    width: fit-content;
    z-index: 1;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    padding: 0 5px;
    color: #bfbfbf;
}
.ms-product-inner span.price .mb-price.mb-unavailable.mb-product-price:before {
    content: "";
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background-color: #e4e4e4;
}
.ms-product-inner .star-rating {
    display: none !important;
}

.mb-product-rating-box .star-rating {
    display: block !important;
}

/* استایل امتیاز صفحات آرشیو و سینگل */
.mb-single-rating-box {
    width: 100%;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    gap: 5px;
    flex-direction: row-reverse;
    align-items: center;
    margin-bottom: 10px;
    margin-top: 0;
}
.mb-single-rating-box .star-rating {
    color: #f1c40f;      
    font-size: 8px;
    margin: 0;
}

.mb-product-rating-box {
    display: inline-block;
    text-align: center;
    margin-top: 8px;
    float: left;
}

.mb-product-rating-box .star-rating {
    color: #f1c40f;      
    font-size: 8px;
    margin-bottom: 4px;
}

.mb-product-rating-number,
.mb-single-rating-number {
    font-size: 9px;
    font-weight: 600;
    color: #444;
}

.mb-rating-count {
    color: #777;
    font-weight: normal;
    margin-right: 3px;
}
/* استایل امتیاز صفحات آرشیو و سینگل */


.ms-product-inner .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 12px;
    direction: ltr;
    font-size: 14px;
    font-weight: 400;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    color: #17181c !important;
}

.ms-product-inner .price p.product span.from {
    float: right;
    padding: 0 10px 0 0;
    direction: rtl;
}

.ms-product-inner .ms-pro-content .ms-pro-title {
    padding: 0 10px;
    font-size: 16px;
    margin: 0;
}

.ms-product-inner .ms-pro-content .ms-pro-title a {
    text-decoration: none;
    color: #414141;
    display: block;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    text-transform: capitalize;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ms-product-inner .ms-pro-content .ms-pro-title a:hover {
    color: #3e9172;
}

.ms-product-inner .ms-pro-content .ms-info {
    display: none;
}

.ms-product-inner .price .from {
    position: absolute;
    right: 0;
    direction: rtl;
}

.ms-product-inner .price ins {
    color: #17181c;
    font-weight: 400;
    font-size: 14px;
    margin-left: 7px;
    text-decoration: none;
}

.ms-product-inner .price del {
    font-size: 10px;
    text-decoration: line-through;
    color: #777;
    float: left;
}

.ms-product-inner .ms-pro-content .btn {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.ms-product-inner .ms-pro-content .ms-pro-rating {
    margin-bottom: 10px;
    opacity: 0.7;
    position: relative;
}

.ms-product-inner .ms-pro-content .ms-pro-rating .qty {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #777;
    font-size: 13px;
}

.ms-pro-rating i {
    font-size: 12px;
}

.ms-pro-rating i.fill {
    color: #f27d0c;
}

.ms-product-inner .ms-pro-image.pro-loading:before {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #fff;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    content: "";
    opacity: 0.5;
    z-index: 98;
}

.ms-pro-variation {
    margin: 5px 0 0px;
}

.ms-pro-variation .ms-pro-variation-inner {
    font-size: 16px;
    font-weight: 600;
    color: #212121;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ms-pro-variation .ms-pro-variation-inner > span {
    display: block;
    margin: 0 0 5px;
}

.ms-pro-variation .ms-pro-variation-inner .ms-pro-variation-content li {
    border: 1px solid transparent;
    padding: 1px;
    float: right;
    cursor: pointer;
    margin-left: 5px;
}

.ms-pro-variation .ms-pro-variation-inner.ms-pro-variation-color .ms-pro-variation-content li {
    border-radius: 100%;
}

.ms-pro-variation .ms-pro-variation-inner.ms-pro-variation-color .ms-pro-variation-content li span {
    width: 16px;
    height: 16px;
    display: block;
    border-radius: 100%;
}

.ms-pro-variation .ms-pro-variation-inner.ms-pro-variation-color .ms-pro-variation-content li:hover {
    border: 1px solid #17181c;
}

.ms-pro-variation .ms-pro-variation-inner.ms-pro-variation-size .ms-pro-variation-content li {
    height: 22px;
    padding: 2px 8px;
    cursor: pointer;
    border: 1px solid #eeeeee;
    color: #777;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    line-height: 22px;
    border-radius: 3px;
    font-weight: 400;
}

.ms-pro-variation .ms-pro-variation-inner.ms-pro-variation-size .ms-pro-variation-content li:hover {
    background-color: #3e9172;
    color: #fff;
    border-color: #3e9172;
}

.ms-pro-variation .ms-pro-variation-inner.ms-pro-variation-size .ms-pro-variation-content li.active {
    background-color: #3e9172 !important;
    color: #fff !important;
    border-color: #3e9172 !important;
}

button.btn-close.qty_close {
    position: absolute;
    right: auto;
    left: 10px;
    top: 10px;
    z-index: 9999;
}

.svg_img.pro_svg {
    width: 18px;
    fill: #888888;
}

a.wishlist .svg_img.pro_svg {
    width: 16px;
    height: 16px;
}

.eccart-pro-items li .ms-pro-content .qty-plus-minus {
    width: 85px;
    height: 35px;
    margin-top: 7px;
    padding: 7px 0;
    border: 1px solid #eeeeee;
    display: inline-block;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #fff;
    border-radius: 30px;
}

.eccart-pro-items li .ms-pro-content .qty-plus-minus .ms_qtybtn {
    width: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    cursor: pointer;
    font-size: 20px;
    color: #777;
}

.eccart-pro-items li .ms-pro-content .qty-plus-minus input.qty-input {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: #17181c;
    float: left;
    font-size: 14px;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 32px;
    outline: none;
    font-weight: 400;
    line-height: 35px;
}

.eccart-pro-items li .ms-pro-content .qty-plus-minus .dec.ms_qtybtn {
    border-right: 1px solid #eeeeee;
}

.eccart-pro-items li .ms-pro-content .qty-plus-minus .inc.ms_qtybtn {
    border-left: 1px solid #eeeeee;
}

.ms-pro-loader {
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    display: none;
    background: url(../images/common/pro-loader.gif) no-repeat scroll 50% 50%;
    background-color: rgba(255, 255, 255, 0.5);
    background-size: 75px;
}

.pro-loading .ms-pro-loader {
    opacity: 1;
    display: block;
}

i.msicon.msi-star-o {
    font-size: 14px;
    margin-right: 3px;
}

i.msicon.msi-star {
    color: #777;
    float: left;
    font-size: 14px;
    margin-right: 3px;
}

i.msicon.msi-star.fill {
    color: #f27d0c;
}

.ms-pro-opt-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 0 15px;
}

.tab-content .tab-pane {
    display: block;
    overflow: hidden;
    height: 0;
    visibility: hidden;
    max-width: 100%;
    opacity: 0;
}

.tab-content .tab-pane.active {
    height: auto;
    visibility: visible;
    opacity: 1;
    overflow: visible;
}


/*-------------------------------------------------
    Site Header Section
---------------------------------------------------*/

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    max-width: 150px;
    font-size: 14px;
    line-height: 28px;
    color: #777;
}

.bootstrap-select .form-control {
    min-height: 35px !important;
    height: 35px !important;
}

.bootstrap-select .btn-light {
    background-color: transparent;
    border-color: transparent;
}

.bootstrap-select .btn-light:focus,
.bootstrap-select .btn-light:active {
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.bootstrap-select .dropdown-menu {
    border: 1px solid #eee;
    -webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.1);
}

.bootstrap-select .dropdown-menu li a span.text {
    margin-left: 34px;
    font-size: 13px;
    color: #777;
}

.bootstrap-select .dropdown-menu .dropdown-item.active,
.bootstrap-select .dropdown-menu .dropdown-item:active {
    background-color: #3e9172;
}

.bootstrap-select .dropdown-menu .dropdown-item.active span,
.bootstrap-select .dropdown-menu .dropdown-item:active span {
    color: #fff;
}

.bootstrap-select .bs-actionsbox {
    padding: 8px;
}

.bootstrap-select .bs-actionsbox .btn-group button {
    width: 50%;
    font-size: 12px;
    color: #3e9172;
    font-weight: 500;
    border: 1px solid #eee;
}

.bootstrap-select .bs-actionsbox .btn-group button:hover {
    color: #60bb99;
}

.bootstrap-select .bs-ok-default:after {
    content: "*";
    display: inline-block;
    color: #777;
    border: none;
    -webkit-transform: none;
    transform: none;
}

.ms-header {
    background-color: #fff;
    z-index: 3;
    position: relative;
}

.header-top {
    padding: 10px 0;
    color: #777;
    background-color: #f5f4f9;
}

.header-top .header-top-message {
    font-size: 13px;
}

.header-top-right-inner > div {
    padding-right: 20px;
}

.header-top-right-inner > div:last-child {
    padding-right: 0;
    border: none;
}

.header-top-right-inner > div a {
    color: #fff;
}

.header-top-right-inner > div a:hover {
    color: #3e9172;
}

.header-top-social ul {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.header-top-social ul li {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
}

.header-top-social ul li a {
    margin: 0 10px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    font-size: 15px;
}

.header-top-social ul li a i {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #777;
}

.header-top-social ul li a span {
    color: #777;
    line-height: 15px;
    margin-top: 2px;
    font-size: 13px;
}

.header-top-social ul li:hover i {
    color: #3e9172;
}

.header-top-social ul li.list-inline-item:not(:last-child) {
    margin-left: 15px;
}

.ms-help {
    padding-right: 20px;
    font-size: 13px;
    color: #777;
    font-weight: 400;
}

.ms-help:hover {
    color: #3e9172;
}

.header-top-lan-curr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.header-top-lan-curr .dropdown .dropdown-toggle {
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    color: #fff;
    border: none;

}

.header-top-lan-curr .dropdown .dropdown-toggle i {
    font-size: 14px;
    margin-left: 2px;
    color: #fff;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.header-top-lan-curr .dropdown .dropdown-toggle::after {
    display: none;
}

.header-top-lan-curr .dropdown .dropdown-toggle:hover {
    color: #3e9172;
}

.header-top-lan-curr .dropdown .dropdown-toggle:hover i {
    color: #3e9172;
}

.header-top-lan-curr .dropdown .dropdown-menu {
    margin: 0;
    top: 32px !important;
    left: auto !important;
    right: 0 !important;
    min-width: 130px;
    overflow: hidden;
    padding: 0 10px;
    background: #fff;
    border-radius: 0;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
}

.header-top-lan-curr .dropdown .dropdown-menu li {
    border-bottom: 1px solid #eee;
}

.header-top-lan-curr .dropdown .dropdown-menu li:last-child {
    border: none;
}

.header-top-lan-curr .dropdown .dropdown-menu .dropdown-item {
    padding: 7px;
    color: #17181c;
    font-size: 14px;
    background: transparent;
}

.header-top-lan-curr .dropdown .dropdown-menu .dropdown-item:hover {
    color: #3e9172;
}

.header-top-lan-curr .dropdown .dropdown-menu li.active .dropdown-item {
    color: #3e9172;
}

.header-top-lan-curr.dropdown .dropdown-toggle {
    font-size: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    color: #777;
    border: none;
}

.header-top-lan-curr.dropdown .dropdown-toggle i {
    font-size: 10px;
    margin-right: 5px;
    color: #777;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.header-top-lan-curr.dropdown .dropdown-toggle::after {
    display: none;
}

.header-top-lan-curr.dropdown .dropdown-toggle:hover {
    color: #3e9172;
}

.header-top-lan-curr.dropdown .dropdown-toggle:hover i {
    color: #3e9172;
}

.header-top-lan-curr.dropdown .dropdown-menu {
    margin: 0;
    top: 32px !important;
    left: auto !important;
    right: 0 !important;
    min-width: 130px;
    overflow: hidden;
    padding: 0 10px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.1);
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
}

.header-top-lan-curr.dropdown .dropdown-menu li {
    border-bottom: 1px solid #eee;
}

.header-top-lan-curr.dropdown .dropdown-menu li:last-child {
    border: none;
}

.header-top-lan-curr.dropdown .dropdown-menu .dropdown-item {
    padding: 7px;
    color: #17181c;
    font-size: 14px;
    background: transparent;
}

.header-top-lan-curr.dropdown .dropdown-menu .dropdown-item:hover {
    color: #3e9172;
}

.header-top-lan-curr.dropdown .dropdown-menu li.active .dropdown-item {
    color: #3e9172;
}

.ms-header-bottom {
    padding: 22px 0;
}

.ms-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header-logo {
    text-align: left;
}

.header-logo img {
    width: 60px;
	object-fit: cover;
}

.col.ms-header-logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 13.8%;
    flex: 0 0 13.8%;
}

.header_svg {
    width: 26px;
    height: 26px;
    fill: #3e9172;
}

.svg_cat {
    width: 23px;
    height: 23px;
}

.ms-header-wishlist {
    position: relative;
}

.ms-header-wishlist .header_svg {
    width: 27px;
    height: 27px;
}

.ms-header-user .header_svg {
    width: 29px;
    height: 29px;
}

.ms-header-bottons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.ms-header-bottons .ms-acc-drop {
    position: relative;
}

.ms-header-bottons .ms-acc-drop:hover .ms-dropdown-menu {
    margin-top: 5px;
    opacity: 1;
    visibility: visible;
}

.ms-header-bottons .ms-acc-drop .ms-dropdown-menu {
    min-width: 180px;
    padding: 5px 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin: 25px 0 0 0;
    position: absolute;
    z-index: 16;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    left: 0;
    right: auto !important;
    background: #fff;
    -webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.1);
    display: block;
    border-radius: 8px;
}

.ms-header-bottons .ms-acc-drop .ms-dropdown-menu a {
    font-size: 13px;
    color: #777;
}

.ms-header-bottons .ms-acc-drop .ms-dropdown-menu a:hover {
    background: transparent;
    color: #3e9172;
}

.ms-header-bottons .ms-header-btn {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    color: #17181c;
    width: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    padding: 10px;
}

.ms-header-bottons .ms-header-btn:not(:last-child) {
    margin-left: 15px;
}

.ms-header-bottons .ms-header-btn .header-icon {
    position: relative;
}

.ms-header-bottons .ms-header-btn .header-icon .main-label-note-new {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 25px;
    height: 25px;
    margin: auto;
    background-color: #ec716d;
    border-radius: 50%;
    cursor: default;
    display: block;
    position: absolute;
    bottom: 7px;
    left: -10px;
    z-index: 3;
    -webkit-animation: wave-animate 1s 1.5s infinite ease-out;
    animation: wave-animate 1s 1.5s infinite ease-out;
}

@-webkit-keyframes wave-animate {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 1;
        -webkit-transform-origin: center;
        transform-origin: center;
    }
    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0;
        -webkit-transform-origin: center;
        transform-origin: center;
    }
}

@keyframes wave-animate {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 1;
        -webkit-transform-origin: center;
        transform-origin: center;
    }
    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0;
        -webkit-transform-origin: center;
        transform-origin: center;
    }
}

.ms-header-bottons .ms-header-btn .ms-header-count {
    width: 15px;
    height: 15px;
    color: #fff;
    background-color: #17181c !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 11px;
    position: absolute;
    top: 0;
    right: -8px;
}

.ms-header-bottons .ms-header-btn:hover {
    color: #3e9172;
}

.ms-header-bottons .ms-header-btn:hover .ms-header-count {
    color: #f5f4f9;
}

.ms-header-bottons .ms-header-btn:hover .ms-btn-title {
    color: #3e9172;
}

.ms-header-bottons .ms-header-btn:hover .header_svg {
    fill: #3e9172;
}

.ms-header-bottons .ms-header-btn i {
    font-size: 21px;
    line-height: 1;
}

.ms-header-bottons .ms-header-btn .header_svg {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.ms-header-bottons .ms-header-btn .ms-btn-stitle {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-size: 13px;
    font-weight: 500;
    color: #17181c;
    line-height: 1;
    text-align: center;
}

.ms-header-bottons .ms-header-btn.ms-side-toggle {
    padding-right: 0;
}

.ms-header-bottons .ms-header-btn.dropdown-toggle::after {
    display: none;
}

.ms-header-bottons .ms-btn-title {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-size: 12px;
    line-height: 1;
    color: #777;
    margin-bottom: 6px;
    margin-right: 7px;
    text-transform: capitalize;
    font-weight: 600;
}

.ms-btn-desc {
    position: absolute;
    left: -5px;
    top: -7px;
    width: 15px;
    height: 15px;
    background-color: red;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-transform: uppercase;
}

.ms-btn-desc .ms-wishlist-count {
    color: #fff;
    font-size: 10px;
}

.ms-btn-desc .ms-cart-count {
    color: #fff;
    font-size: 10px;
}

#ms-main-menu-desk {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 78%;
    flex: 0 0 78%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ms-main-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mk-header-menu > li > a {
  position: relative;
  display: inline-block;
  padding: 10px 14px;
  font-size: 15px;
  font-weight: 500;
  color: #333;
  text-decoration: none;
  transition: color .3s ease;
}

.mk-header-menu > li > a::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  height: 1px;
  width: 0%;
  background: linear-gradient(270deg, rgba(255, 10, 10, .8) 0%, rgba(239, 58, 79, .1) 100%);
  border-radius: 4px;
  transform-origin: right center;
  transition: width 0.4s cubic-bezier(.2,.9,.2,1);
  opacity: 0;
}

.mk-header-menu > li > a:hover::before,
.mk-header-menu > li.current-menu-item > a::before {
  width: 100%;
  opacity: 1;
}

.mk-header-menu > li > a:hover,
.mk-header-menu > li.current-menu-item > a {
  color: #007bff;
}

.ms-main-menu ul.mk-header-menu {
    width: 100%;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
    padding-left: 0;
    list-style: none;
    position: relative;
}

.ms-main-menu ul.mk-header-menu li {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    line-height: 35px;
}

.ms-main-menu ul.mk-header-menu li a {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-size: 14px;
    text-decoration: none;
    text-transform: capitalize;
    color: #17181c;
    display: block;
    font-weight: 500;
    position: relative;
}

.ms-main-menu ul.mk-header-menu li a i {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #17181c;
}

.ms-main-menu ul.mk-header-menu li a .svg_img {
    width: 20px;
    height: 20px;
    margin-left: 5px;
}

.ms-main-menu ul.mk-header-menu li a .svg_img path {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.ms-main-menu ul.mk-header-menu li:hover > a {
    color: #ff7272;
}

.ms-main-menu ul.mk-header-menu li:hover > a .svg_img path {
    fill: #3e9172;
}

.ms-main-menu ul.mk-header-menu li:hover > a:after {
    color: #3e9172;
}

.ms-main-menu ul.mk-header-menu li {
    position: relative;
}

.ms-main-menu ul.mk-header-menu li.menu-item-has-children:hover ul.sub-menu {
    margin-top: 0;
    opacity: 1;
    visibility: visible;
}

.ms-main-menu ul.mk-header-menu li.menu-item-has-children ul.sub-menu {
    text-align: center;
    display: flex;
    flex-direction: column;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-top: 15px;
    position: absolute;
    -webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.1);
    background: #fff;
    opacity: 0;
    visibility: hidden;
    right: 0;
    z-index: 2;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.ms-main-menu ul.mk-header-menu li.menu-item-has-children ul.sub-menu li {
    width: 150px;
    text-align: right;
    padding: 5px 10px;
}
.ms-main-menu ul.mk-header-menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children {
    transition: all 0.3s ease-in-out;
    padding: 5px 10px;
    position: relative;
}

.ms-main-menu ul.mk-header-menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children:hover ul.sub-menu {
    opacity: 1;
    visibility: visible;
}

.ms-main-menu ul.mk-header-menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu {
    display: flex;
    flex-direction: column;
}

.ms-main-menu ul.mk-header-menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu {
    opacity: 0;
    visibility: hidden;
}

.ms-main-menu ul.mk-header-menu li.drop-list {
    margin-left: 30px !important;
}

.ms-main-menu ul.mk-header-menu li.dropdown {
    position: relative;
}

.ms-main-menu ul.mk-header-menu li.dropdown ul.sub-menu {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin: 15px 0 0 0;
    position: absolute;
    z-index: 16;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    min-width: 205px;
    right: 0;
    left: auto !important;
    background: #fff;
    -webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.1);
    display: block;
    border-radius: 3px;
}

.ms-main-menu ul.mk-header-menu li.dropdown ul {
    padding-top: 5px;
    padding-bottom: 5px;
}

.ms-main-menu ul.mk-header-menu li.dropdown ul li.active a {
    color: #3e9172;
}

.ms-main-menu ul.mk-header-menu li.dropdown ul li.active a i {
    color: #3e9172;
}

.ms-main-menu ul.mk-header-menu li.dropdown ul li {
    padding: 0;
    margin: 0;
    display: block;
}

.ms-main-menu ul.mk-header-menu li.dropdown ul li:hover > a {
    color: #3e9172;
}

.ms-main-menu ul.mk-header-menu li.dropdown ul li:hover > a i {
    color: #3e9172;
}

.ms-main-menu ul.mk-header-menu li.dropdown ul li a {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: block;
    line-height: 20px;
    padding: 10px 20px;
    font-weight: 400;
    font-size: 13px;
    color: #777;
    text-transform: capitalize;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ms-main-menu ul.mk-header-menu li.dropdown ul li a:hover {
    color: #3e9172;
}

.ms-main-menu ul.mk-header-menu li.dropdown ul li a:hover i {
    color: #3e9172;
}

.ms-main-menu ul.mk-header-menu li.dropdown ul li a i {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #777;
}

.ms-main-menu ul.mk-header-menu li.dropdown ul li:first-child {
    border-top: none;
}

.ms-main-menu ul.mk-header-menu li.dropdown li.position-static {
    position: relative !important;
}

.ms-main-menu ul.mk-header-menu li.dropdown li.position-static:hover .sub-menu.sub-menu-child {
    margin: -5px 0 0 1px;
    opacity: 1;
    visibility: visible;
}

.ms-main-menu ul.mk-header-menu li.dropdown ul.sub-menu.sub-menu-child {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin: 30px 0 0 0;
    left: 100% !important;
    opacity: 0;
    visibility: hidden;
    top: 0;
}

.ms-main-menu ul.mk-header-menu li.dropdown:hover .sub-menu {
    margin-top: 0;
    opacity: 1;
    visibility: visible;
}

.ms-main-menu ul.mk-header-menu .dropdown-arrow {
    position: relative !important;
}

.ms-main-menu ul.mk-header-menu .dropdown-arrow i {
    position: absolute;
    top: 22px;
    left: -17px;
    font-size: 11px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.ms-main-menu ul.mk-header-menu li.active > a {
    color: #3e9172;
}

.ms-main-menu > ul.mk-header-menu > li:hover > a {
    opacity: 0.8;
}

.ms-main-menu > ul.mk-header-menu > li:hover > a:before {
    background: #3e9172;
    width: 100%;
}

.ms-main-menu > ul.mk-header-menu > li:hover > a i {
    color: #3e9172;
}

.ms-main-menu > ul.mk-header-menu > li > a:before {
    content: "";
    position: absolute;
    top: auto;
    bottom: 0;
    width: 0;
    margin: 0 auto;
    background: transparent;
    left: 0;
    right: auto;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ms-main-menu > ul.mk-header-menu > li.active > a:before {
    background: #3e9172;
    width: 100%;
}

.ms-header-cat {
    background-color: #fff;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    transition: all .3s ease-in-out;
}
.ms-header-cat.visible {
    width: 100%;
    position: fixed;
    top: -30px;
}

body.admin-bar .ms-header-cat.visible {
    top: 30px !important;
}

.ms-header-cat-fixed-null {
   background-color: #fff;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee; 
}

.col.ms-category-icon-block {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 5%;
    flex: 0 0 5%;
    position: relative;
}

.ms-location-block .ms-location-menu {
    position: relative;
}

.ms-location-block .ms-location-menu .ms-location-toggle {
    min-height: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    cursor: pointer;
}

.ms-location-block .ms-location-menu .ms-location-toggle span:nth-child(1) {
    font-size: 14px;
    background-color: var(--primary-bgcolor);;
    color: var(--primary-color);
    padding: 5px 7px;
    border-radius: 3px;
}

.ms-location-block .ms-location-menu .ms-location-toggle span:nth-child(2) {
    font-size: 13px;
    margin: 5px 7px;
    border-bottom: 1px solid var(--primary-bgcolor);
    color: #17181c;
    padding: 5px 0;
    direction: ltr;
    letter-spacing: 1.5px;
}

.ms-location-block .ms-location-menu .ms-location-toggle span:nth-child(2) strong {
    padding: 5px;
    background-color: var(--primary-bgcolor);;
    color: var(--primary-color);
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.ms-location-block .ms-location-dropdown {
    width: 250px;
    padding: 20px;
    margin-top: 0;
    position: absolute;
    display: none;
    right: auto;
    left: 0;
    top: 100%;
    border-radius: 3px;
    z-index: 14;
    border: 1px solid #eee;
    border-top: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #ffffff none repeat scroll 0 0;
    overflow: auto;
    -webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.1);
}

.ms-location-block .ms-location-dropdown::-webkit-scrollbar {
    width: 12px !important;
    height: 10px !important;
    padding: 8px !important;
}

.ms-location-block .ms-location-dropdown::-webkit-scrollbar-track {
    width: 12px !important;
    background-color: #17181c !important;
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0) !important;
}

.ms-location-block .ms-location-dropdown::-webkit-scrollbar-thumb {
    background-color: #17181c !important;
    border: 3px solid #fff !important;
}

.ms-location-block .ms-location-dropdown::-webkit-scrollbar-thumb:hover {
    background-color: #3e9172 !important;
}

.ms-location-block .ms-location-dropdown .loc-grid {
    padding-left: 10px;
    padding-right: 10px;
}

.ms-location-block .ms-location-dropdown .loc-grid .loc-list {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 100%;
    padding: 10px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    font-size: 12px;
    font-weight: 500;
    text-transform: capitalize;
    border: 1px solid #eee;
    border-radius: 3px;
    cursor: pointer;
}

.ms-location-block .ms-location-dropdown .loc-grid .loc-list span {
    width: calc(100% - 30px);
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: uppercase;
}

.ms-location-block .ms-location-dropdown .loc-grid .loc-list:not(:last-child) {
    margin-bottom: 10px;
}

.ms-location-block .ms-location-dropdown .loc-grid .loc-list .svg_loc {
    width: 18px;
    height: 18px;
    margin-left: 10px;
}

.ms-location-block .ms-location-dropdown .loc-grid .loc-list .svg_loc path {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    stroke: #777;
    fill: #777;
}

.ms-location-block .ms-location-dropdown .loc-grid .loc-list:hover {
    color: #3e9172;
    border: 1px solid #3e9172;
}

.ms-location-block .ms-location-dropdown .loc-grid .loc-list:hover .svg_loc path {
    stroke: #3e9172;
    fill: #3e9172;
}

.ms-location-block .ms-location-dropdown .loc-grid .current {
    color: #3e9172;
    border: 1px solid #3e9172;
}

.ms-location-block .ms-location-dropdown .loc-grid .current .svg_loc path {
    stroke: #3e9172;
    fill: #3e9172;
}

.ms-location-block .ms-location-dropdown li.show a {
    text-align: center;
}

.ms-location-block .ms-location-dropdown li.show a:hover {
    color: #777;
}

.ms-location-block .ms-location-dropdown li.show a:hover img {
    margin-left: 10px;
}

.ms-location-block .ms-location-dropdown li.show a img {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 13px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.ms-location-block .ms-location-dropdown li:first-child {
    border-top: none;
}

.ms-location-block .ms-location-dropdown li:not(:last-child) {
    border-bottom: 1px solid #eee;
}

.header-search {
    width: 100%;
    min-width: 600px;
    padding: 0 30px;
    position: relative;
}

.header-search .form-control {
    display: block;
    width: 100%;
    min-height: 40px;
    height: 40px;
    padding: 0 15px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: #777;
    border-radius: 0;
    background-color: transparent;
    border: none;
}

.header-search .bs-searchbox {
    margin: 4px 8px;
    padding: 0;
    border: 1px solid #eee;
    border-radius: 3px;
}

.header-search input:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.header-search .dropdown-menu {
    border-radius: 3px;
}

.ms-header-search {
    margin: 0 auto;
}

.ms-header-search form.ms-search-group-form {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #eee;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px;
}

.action-form {
    position: relative;
}

.search_submit {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 48px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48px;
    flex: 0 0 48px;
    height: 100%;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    padding: 0;
    height: 40px;
}

.search_submit .search_svg {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 16px;
    height: 16px;
    fill: #3e9172;
}

.search_submit:hover .search_svg {
    fill: #60bb99;
}

.ms-search-select-inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 200px;
    height: 40px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    font-size: 14px;
}

.ms-search-select-inner select {
    cursor: pointer;
    padding: 0 10px;
    color: #777;

    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../img/common/arrow-dropdown.png) 90%/10% no-repeat;
}

.ms-search-select-inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    height: 40px;
    border-right: 1px solid #eee;
}

body.ms-menu-open {
    overflow: hidden;
}

body.ms-menu-open:before {
    height: 100%;
    width: 100%;
    background: #000000;
    opacity: 0.7;
    position: absolute;
    z-index: 998;
    content: "";
}

.col.ms-location-block {
    min-width: 200px;
    padding: 0;
}

.ms-menu-content > ul > li .menu-toggle {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 24px;
    height: 44px;
    cursor: pointer;
    background-color: transparent;
}

.ms-menu-content > ul > li .menu-toggle::before {
    width: 100%;
    content: "\f067";
    font-family: "MsIcons";
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    color: #777;
    font-size: 12px;
}

.ms-menu-content > ul > li.active > .menu-toggle::before {
    content: "\f068";
}

.ms-menu-content > ul > li.active > ul > li.active > .menu-toggle::before {
    content: "\f068";
}


/*===== Mobile menus =====*/

.ms-mobile-menu-overlay {
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    z-index: 16;
}

.ms-mobile-menu {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 340px;
    height: 100%;
    padding: 15px 20px 20px 20px;
    position: fixed;
    top: 0;
    left: auto;
    right: 0;
    background-color: #fff;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 17;
    overflow: auto;
}

.ms-mobile-menu::-webkit-scrollbar {
    width: 12px !important;
    height: 10px !important;
    padding: 8px !important;
}

.ms-mobile-menu::-webkit-scrollbar-track {
    width: 12px !important;
    background-color: #17181c !important;
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0) !important;
}

.ms-mobile-menu::-webkit-scrollbar-thumb {
    background-color: #17181c !important;
    border: 3px solid #fff !important;
}

.ms-mobile-menu::-webkit-scrollbar-thumb:hover {
    background-color: #3e9172 !important;
}

.ms-mobile-menu .ms-menu-title {
    width: 100%;
    margin-bottom: 15px;
    padding: 0 0 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 2px solid #eee;
}

.ms-mobile-menu .ms-menu-title .menu_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    color: #17181c;
    font-weight: 600;
}

.ms-mobile-menu .ms-menu-title .ms-close-menu {
    position: relative;
    border: 0;
    font-size: 30px;
    line-height: 1;
    color: #777;
    background-color: transparent;
    border: 0;
}

.ms-mobile-menu .ms-menu-inner .ms-mobile-search form {
    position: relative;
}

.ms-mobile-menu .ms-menu-inner .ms-mobile-search form input {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #eee;
}

.ms-mobile-menu .ms-menu-inner .ms-mobile-search form input:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ms-mobile-menu .ms-menu-inner .ms-mobile-search form button {
    position: absolute;
    top: 3px;
    left: 0;
}

.ms-mobile-menu .ms-menu-inner .ms-menu-content ul li {
    position: relative;
}

.ms-mobile-menu .ms-menu-inner .ms-menu-content ul li a {
    display: block;
    padding: 12px 0px;
    text-transform: capitalize;
    color: #777;
    border-bottom: 1px solid #eee;
    font-size: 15px;
    font-weight: 500;
}

.ms-mobile-menu .ms-menu-inner .ms-menu-content ul li .menu-toggle {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 24px;
    height: 44px;
    cursor: pointer;
    background-color: transparent;
}

.ms-mobile-menu .ms-menu-inner .ms-menu-content ul li .menu-toggle:before {
    width: 100%;
    content: "\f067";
    font-family: "FontAwesome";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    color: #444444;
    font-size: 12px;
}

.ms-mobile-menu .ms-menu-inner .ms-menu-content ul li .sub-menu {
    position: static;
    top: auto;
    display: none;
    visibility: visible;
    width: 100%;
    min-width: auto;
    padding: 0;
    -webkit-transition: none;
    transition: none;
    opacity: 1;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ms-mobile-menu .ms-menu-inner .ms-menu-content ul li .sub-menu li a {
    text-transform: capitalize;
    padding-left: 15px;
    padding-right: 0px;
    display: block;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    font-weight: 400;
    color: #777;
}

.ms-mobile-menu .ms-menu-inner .ms-menu-content ul li .sub-menu li .sub-menu li a {
    font-weight: 400;
    padding-left: 30px;
    font-size: 14px;
    color: #999;
}

.ms-mobile-menu .ms-menu-inner .header-res-social {
    margin-top: 30px;
}

.ms-mobile-menu .ms-menu-inner .header-res-social ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ms-mobile-menu .ms-menu-inner .header-res-social ul li {
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #101012 !important;
    border-radius: 50%;
}

.ms-mobile-menu .ms-menu-inner .header-res-social ul li a i {
    color: #fff;
}

.ms-mobile-menu.ms-menu-open {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}


/* Responsive Header */

@media (max-width: 1399px) {
    .header-search {
        min-width: 400px;
    }

    .ms-search-select-inner .bootstrap-select {
        width: 150px !important;
    }

    .ms-search-select-inner .dropdown-menu {
        min-width: 200px;
    }

    div#ms-main-menu-desk {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 72%;
        flex: 0 0 72%;
    }
}

@media (max-width: 1199px) {
    .ms-header-bottons .ms-header-btn .ms-btn-stitle {
        font-size: 11px;
    }

    .ms-header-bottons .ms-header-btn .ms-btn-stitle {
        min-width: 48px;
    }

    .header-top {
        display: none;
    }

    .header-top-center {
        display: none;
    }
}

@media (max-width: 991px) {
    .ms-header-bottom {
        border-bottom: 1px solid #eee;
    }

    .ms-header-bottom .ms-site-menu-icon .svg_img path {
        fill: #777;
    }

    .ms-header {
        z-index: 16;
    }

    .ms-header-bottons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .ms-header-bottons .right-icons {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .ms-header-bottons .right-icons .ms-acc-drop {
        margin-right: auto;
    }

    .ms-header-bottons .ms-header-btn:not(:last-child) {
        margin-left: 5px;
        margin-right: auto;
        height: 100%;
    }

    .ms-header-bottons #open-mini-cart {
        margin-left: 5px;
    }

    .ms-header-bottons .ms-header-btn .header-icon .main-label-note-new {
        display: none;
    }

    .ms-header-btn .header_svg path {
        fill: #777;
    }

    .ms-category-menu .ms-category-toggle {
        min-height: 30px;
        padding: 0;
    }

    .ms-category-menu .ms-category-toggle .svg_img path {
        fill: #777;
    }

    .ms-header-user .header_svg {
        width: 22px;
        height: 22px;
    }

    .ms-wish-toggle .header_svg {
        width: 22px;
        height: 22px;
    }

    .ms-cart-toggle .header_svg {
        width: 20px;
        height: 20px;
    }
}
.ms-footer-widget .ms-footer-link-top {
    display: flex;
    gap: 15px;
    align-items: center;
}
.ms-footer-widget .ms-footer-link-top li {
    padding: 0 0 0 10px;
}
.ms-footer-widget .ms-footer-link-top li p {
    color: #000;
}
.ms-footer-widget .ms-footer-link-top li a {
    color: #000;
}
.ms-footer-widget .ms-footer-link-top li:not(:last-child) {
    border-left: 1px solid #eee;
}
@media (max-width: 767px) {
    .header-logo img {
        width: 60px;
    }
    .ms-footer-heading {
        cursor: pointer;
        position: relative;
        padding-right: 20px; 
    }

    .ms-footer-heading::after {
        content: "\25BC"; 
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        transition: transform 0.3s ease;
        font-size: 14px;
    }

    .ms-footer-widget .ms-footer-links {
        background-color: #e8e8e8;
        padding: 5px 10px;
        border-bottom-right-radius: 7px;
        border-bottom-left-radius: 7px;
    }

    .ms-footer-heading.active::after {
        transform: translateY(-50%) rotate(180deg); 
    }

    .ms-footer .footer-top .ms-footer-widget .ms-footer-logo {
        margin-bottom: 0 !important;
    }
    
    .ms-footer-widget .ms-footer-link-top {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        margin: 15px 0;
    }

    .ms-footer-widget .ms-footer-link-top li {
        border-left: 0 !important;
    }

    .ms-footer-widget .ms-footer-link-top li p {
        font-size: 12px;
    }

    .ms-footer .footer-top .col-sm-12.col-lg-3 {
        margin-bottom: 10px;
        padding: 0;
    }
}

@media (max-width: 480px) {
    .ms-mobile-menu {
        width: 350px;
    }
}


/*-------------------------------------------------
    Site Footer Section
---------------------------------------------------*/
.ms-footer {
    background: #17181c;
    border-top: 1px solid #e0e0e2;
}

.ms-footer .footer-top .ms-footer-company {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.ms-footer .footer-top .ms-footer-company .ms-app-store {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.ms-footer .footer-top .ms-footer-widget .ms-footer-logo {
    max-width: 144px;
    margin-bottom: 30px;
}

.ms-footer .footer-top .ms-footer-widget .ms-footer-detail {
    max-width: 400px;
    margin-bottom: 0;
    padding: 0;
    font-size: 16px;
    line-height: 27px;
    font-weight: 300;
    color: #bbb;
    display: inline-block;
    position: relative;
}

.ms-footer .footer-top .ms-footer-widget .app-img img {
    max-width: 130px;
}

.ms-footer .footer-top .ms-footer-widget .app-img .adroid {
    margin-left: 15px;
}

.ms-footer .footer-top .ms-footer-widget .ms-footer-heading {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 30px;
    color: #fff;
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 7px;
    text-transform: uppercase;
}

.ms-footer .footer-top .ms-footer-widget .ms-footer-heading::before {
    content: "";
    position: absolute;
    top: auto;
    right: 0;
    left: 0;
    height: 2px;
    border-bottom: 2px solid #3e9172;
    bottom: 0;
    width: 30px;
}

.ms-footer .footer-top .ms-footer-widget .s-head {
    display: none;
}

.ms-footer .footer-top .ms-footer-widget .ms-footer-links .ms-footer-link {
    display: block;
    margin: 0;
    line-height: 1.5;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ms-footer .footer-top .ms-footer-widget .ms-footer-links .ms-footer-link a {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-size: 14px;
    line-height: 20px;
    padding: 0;
    color: #bbb;
    margin-bottom: 0;
    display: inline-block;
    position: relative;
    word-break: break-all;

    font-weight: 300;
}

.ms-footer .footer-top .ms-footer-widget .ms-footer-links .ms-footer-link a:hover {
    color: #3e9172;
    opacity: 1;
}

.ms-footer-contact .ms-footer-widget .ms-footer-links ul {
    display: flex;
    align-items: center;
    gap: 15px;
}

.ms-footer-contact .ms-footer-widget .ms-footer-links ul li:not(:last-child) {
    border-left: 1px solid #e0e0e2;
    padding: 0 0 0 10px;
}

.ms-footer .footer-top .ms-footer-contact .ms-footer-widget .ms-footer-links li:first-child {
    -webkit-box-align: self-start;
    -ms-flex-align: self-start;
    align-items: self-start;
}

.ms-footer .footer-top .ms-footer-contact .ms-footer-widget .ms-footer-links li p {
    margin: 0;
    font-weight: 300;
    color: #bbb;
    line-height: 2;
}

.ms-footer .footer-top .ms-footer-contact .ms-footer-widget .ms-footer-links a {
    text-transform: unset;
}

.ms-footer .footer-top .ms-footer-contact .ms-footer-widget .ms-footer-links .ms-footer-link span {
    width: 30px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ms-footer .footer-top .ms-footer-social {
    margin-bottom: 0;
}

.ms-footer .footer-top .ms-footer-social ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ms-footer .footer-top .ms-footer-social .ms-footer-widget .ms-footer-links .ms-footer-link {
    padding-left: 5px;
}

.ms-footer .footer-top .ms-footer-social .ms-footer-widget .ms-footer-links .ms-footer-link:not(:last-child) {
    margin-bottom: 0;
}

.ms-footer .footer-top .ms-footer-social .ms-footer-widget .ms-footer-links .ms-footer-link a {
    text-transform: capitalize;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
}

.ms-footer .footer-top .ms-footer-social .ms-footer-widget .ms-footer-links .ms-footer-link a i {
    font-size: 25px;
    margin-left: 10px;
}

.ms-footer-contact {
    margin-bottom: 30px;
}

.svg_img.foo_svg {
    height: 25px;
    fill: #bbb;
    width: auto;
}

.ms-foo-call .svg_img.foo_svg {
    height: 24px;
}

.ms-foo-mail .svg_img.foo_svg {
    height: 20px;
}

.footer-bottom {
    padding: 10px 0;
    border-top: 1px solid #e0e0e2 !important;
}

.footer-bottom .ms-bottom-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footer-bottom .ms-copy {
    color: #bbb;
    font-size: 13px;

    text-align: center;
    font-weight: 300;
}

.footer-bottom .ms-copy a {
    color: #bbb;
}

.footer-bottom .ms-copy .site-name:hover {
    color: #3e9172;
}

.ms-footer-cont-social .footer-news-shortcode form input {
    width: 230px;
    background: #e3e3e6;
    border: none;
    color: #81858b;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 12px;
}
.ms-footer-cont-social .footer-news-shortcode form button {
    padding: 6px 10px;
    background-color: var(--primary-bgcolor);
    border: 1px solid var(--primary-bgcolor);
    color: var(--primary-color);
    border-radius: 5px;
    transition: all .3s ease;
}
.ms-footer-cont-social .footer-news-shortcode form button:hover {
    background-color: var(--primary-color);
    color: var(--primary-bgcolor);
}
.ms-footer-boxes {
    background-color: red;
    border-radius: 7px;
    padding: 15px 10px;
    margin: 15px 0;
}
.ms-footer-boxes .ms-footer-boxes-inner {
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: space-between;
}
.ms-footer-boxes .ms-footer-boxes-inner-image {
    display: flex;
    gap: 5px;
}

.ms-footer-boxes .ms-footer-boxes-inner-image a {
    width: 170px;
}
.ms-footer-boxes .ms-footer-boxes-inner-image a img {
    width: 100%;
}
.ms-footer-detail {
    display: flex;
    justify-content: space-between;
}
.ms-footer-detail p {
    color: #81858b;
}
.footer-bottom-copy {
    display: flex;
    justify-content: space-between;
}
/* Responsive footer css */
@media only screen and (max-width: 1399px) {
    .ms-footer .footer-top .ms-footer-widget .ms-footer-links .ms-footer-link a {
        font-size: 13px;
    }

    .ms-footer .footer-top .ms-footer-widget .ms-footer-links li p {
        font-size: 15px;
    }

    .ms-footer .footer-top .ms-footer-widget .app-img img {
        max-width: 120px;
    }

    .ms-footer .footer-top .ms-footer-widget .ms-footer-detail {
        font-size: 15px;
    }
}

@media only screen and (max-width: 1199px) {
    .ms-footer .footer-top .ms-footer-widget .ms-footer-links .ms-footer-link a {
        font-size: 12px;
    }

    .ms-footer .footer-top .ms-footer-widget .ms-footer-links li p {
        font-size: 14px;
    }

    .ms-footer .footer-top .ms-footer-widget .ms-footer-detail {
        font-size: 14px;
    }

    .ms-footer .footer-top .ms-footer-widget .ms-foo-call .svg_img.foo_svg {
        height: 18px;
    }

    .ms-footer .footer-top .ms-footer-widget .ms-foo-mail .svg_img.foo_svg {
        height: 17px;
    }

    .ms-footer .footer-top .ms-footer-company .ms-app-store {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: center;
    }
}

@media only screen and (min-width: 992px) {
    .ms-footer .footer-top .ms-footer-widget .ms-footer-dropdown {
        display: block !important;
    }
}

@media (max-width: 991px) {
    .footer-logo {
        text-align: center;
    }
    .ms-footer .footer-top .ms-footer-company .ms-app-store {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: center;
    }

    .ms-footer .footer-top .container > .row {
        padding: 0;
    }

    .ms-footer .footer-top .ms-footer-widget .ms-footer-links ul {
        margin-bottom: 15px;
    }

    .ms-footer .footer-top .ms-footer-widget .ms-footer-links .ms-footer-link:not(:last-child) {
        margin-bottom: 15px;
    }

    .ms-footer .footer-top .col-sm-12.col-lg-3 {
        width: 100%;
        margin-bottom: 30px;
    }

    .ms-footer .footer-top .ms-footer-contact .ms-footer-widget .ms-footer-heading {
        margin-bottom: 15px;
    }

    .footer-top .ms-footer-info,
    .footer-top .ms-footer-account,
    .footer-top .ms-footer-service {
        width: 33%;
    }
    

    .ms-footer-contact {
        margin-bottom: 0;
    }

    .footer-news-title {
        font-size: 20px;
    }

    .ms-subscribe-form {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58%;
        flex: 0 0 58%;
    }

    .ms-heading-res {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 100%;
        height: 100%;
        display: block;
        text-align: right;
        padding-right: 10px;
    }

    .footer-bottom-copy {
        text-align: center;
    }

    .footer-bottom {
        padding: 15px 0;
        position: relative;
        bottom: 42px;
    }

    .footer-bottom .col {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
    }

    .footer-bottom .ms-bottom-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .footer-bottom .ms-bottom-info .footer-copy {
        width: 100%;
        margin-bottom: 15px;
    }

    .col.footer-bottom-right {
        margin: 15px auto;
    }

    .footer-bottom-payment.d-flex.justify-content-end {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .ms-footer .footer-top .ms-footer-widget .s-head {
        display: block;
    }

    .ms-footer .footer-top .ms-footer-widget .ms-footer-heading {
        margin-bottom: 0;
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        background-color: #8080802e;
        border-top-right-radius: 7px;
        border-top-left-radius: 7px;
        padding: 0 10px !important;
    }

    .ms-footer .footer-top .col-sm-12.col-lg-3 {
        margin-bottom: 15px;
    }

    .ms-footer .footer-top .ms-footer-widget .ms-footer-heading::before {
        display: none;
    }

    .m-minus-991 {
        margin-bottom: -30px;
    }
}

@media (max-width: 360px) {
    .footer-bottom .ms-bottom-info .footer-bottom-right img {
        width: 100%;
    }
}


/**===== Blog & News Section =====**/
.ms-news-section {
    border: 1px solid #e3e3e3;
    border-radius: 15px;
}
.ms-news-section .section-title {
    margin-bottom: 15px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.ms-blog .section-title,
.ms-news-section .section-title {
    margin-bottom: 15px;
}

.ms-blog .news-info,
.ms-news-section .news-info {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 100%;
    margin-bottom: 24px;
    padding: 24px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #eee;
}

.ms-blog .news-info:hover .news-img img,
.ms-news-section .news-info:hover .news-img img {
    -webkit-transform: rotate(-3deg) scale(1.1);
    transform: rotate(-3deg) scale(1.1);
}

.ms-blog .news-info .news-img,
.ms-news-section .news-info .news-img {
    width: 100%;
    height: auto;
    margin: 0;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

.ms-blog .news-info .news-img img,
.ms-news-section .news-info .news-img img {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 10px;
    width: 100%;
    height: 100%;
}

.ms-blog .news-info .detail,
.ms-news-section .news-info .detail {
    width: 100%;
    margin: 10px 0 0 0;
}

.ms-blog .news-info .detail label,
.ms-news-section .news-info .detail label {
    margin-top: 20px;
    display: inline-block;
    font-size: 10px;
    color: #999;
    border-radius: 10px;
}

.ms-blog .news-info .detail label a,
.ms-news-section .news-info .detail label a {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #999;
    margin-right: .3rem;
}

.ms-blog .news-info .detail label a:hover,
.ms-news-section .news-info .detail label a:hover {
    color: #3e9172;
}

.ms-blogs-sidebar .ms-sb-title h3
.ms-blog .news-info .detail h3,
.ms-news-section .news-info .detail h3 {
    margin: 10px 0 15px 0;
    padding: 0;
    line-height: 26px;
}

.ms-blog .news-info .detail h3 a,
.ms-news-section .news-info .detail h3 a {
    color: #17181c;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    text-transform: uppercase;
}

.ms-blog .news-info .detail p,
.ms-news-section .news-info .detail p {
    margin-bottom: 15px;
    padding: 0;
    font-size: 14px;
    color: #777;
    line-height: 23px;
    font-weight: 400;
}

.ms-blog .news-info .detail .more-info a,
.ms-news-section .news-info .detail .more-info a {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 10px 12px;
    background: var(--primary-bgcolor);
    color: var(--primary-color);
    text-align: center;
    font-size: 10px;
    text-decoration: none;
    border: 1px solid var(--primary-bordercolor);
    border-radius: 7px;
}

.ms-blog .news-info .detail .more-info a:hover,
.ms-news-section .news-info .detail .more-info a:hover {
    background: var(--primary-color);
    color: var(--primary-bgcolor);
}

.more-info a i {
    font-size: 9px;
    padding-right: 3px;
}

/**  Blog Sidebar  **/

.ms-blogs-sidebar .ms-sb-title {
    border-bottom: 2px solid #eee;
    padding-bottom: 15px;
}

.ms-blogs-sidebar .ms-sb-title h3 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    font-size: 18px;
    font-weight: 500;
}

.ms-blogs-sidebar .ms-blog-sidebar-wrap {
    padding: 30px;
    border: 1px solid #eee;
    border-radius: 3px;
}

.ms-blogs-sidebar .ms-blog-search {
    height: 50px;
    width: 100%;
    margin-bottom: 30px;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    border: 1px solid #eee;
    color: #17181c;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
}

.ms-blogs-sidebar .ms-blog-search .ms-blog-search-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
}

.ms-blogs-sidebar .ms-blog-search .form-control {
    display: block;
    width: 100%;
    min-height: 48px;
    height: 48px;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: #777;
    background-color: transparent;
    border: none;

}

.ms-blogs-sidebar .ms-blog-search .submit {
    position: relative;
    height: 48px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 60px;
    color: #17181c;
}

.ms-blogs-sidebar .ms-sidebar-block ul li a {
    padding-right: 30px;
}

.ms-blogs-sidebar .ms-sidebar-block .ms-sidebar-block-item {
    position: relative;
}

.ms-blogs-sidebar .ms-sidebar-block .ms-sidebar-block-item input {
    width: 100%;
    height: calc(100% - 5px);
    position: absolute;
    opacity: 0;
    cursor: pointer;
    z-index: 999;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ms-blogs-sidebar .ms-sidebar-block .ms-sidebar-block-item input:checked ~ .checked::after {
    display: block;
}

.ms-blogs-sidebar .ms-sidebar-block .ms-sidebar-block-item a {
    width: 100%;
    display: block;
    color: #777;
    font-size: 16px;
    margin-top: 0;
    line-height: 20px;
    font-weight: 400;
    text-transform: capitalize;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.ms-blogs-sidebar .ms-sidebar-block .ms-sidebar-block-item a span {
    color: #999;
    font-size: 13px;
}

.ms-blogs-sidebar .ms-sidebar-block .ms-sidebar-block-item .checked {
    position: absolute;
    top: 50%;
    right: 0;
    height: 18px;
    width: 18px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 0;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 3px;
    overflow: hidden;
}

.ms-blogs-sidebar .ms-sidebar-block .ms-sidebar-block-item .checked:after {
    left: -1px;
    top: -1px;
    width: 18px;
    height: 18px;
    border: 1px solid #3e9172;
    content: "\f00c";
    position: absolute;
    display: none;
    background: #3e9172;
    font-family: "FontAwesome";
    font-size: 10px;
    color: #fff;
    line-height: 16px;
    text-align: center;
}

.ms-blogs-sidebar .ms-sidebar-block:not(:last-child) {
    margin-bottom: 30px;
}

.ms-blogs-sidebar .ms-sidebar-block .ms-sidebar-block-item {
    padding: 15px 0;
    border-bottom: 1px solid #eee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.ms-blogs-sidebar .ms-sidebar-block .ms-sidebar-block-item .ms-sidebar-block-img {
    margin-left: 15px;
}

.ms-blogs-sidebar .ms-sidebar-block .ms-sidebar-block-item .ms-sidebar-block-img img {
    width: 100px;
    height: 100px;
    border-radius: 7px;
}

.ms-blogs-sidebar .ms-sidebar-block .ms-sidebar-block-item .ms-sidebar-block-detial .ms-blog-title a {
    color: #777;
    font-size: 12px;
    line-height: 22px;
    font-weight: 600;
}

.ms-blogs-sidebar .ms-sidebar-block .ms-sidebar-block-item .ms-sidebar-block-detial .ms-blog-date {
    margin-bottom: 5px;
    font-size: 10px;
    color: #999;
    line-height: 1;

}

.ms-blogs-sidebar .ms-sidebar-block .ms-sidebar-block-item .ms-sidebar-block-detial a {
    font-size: 14px;
    color: #3e9172;
}


/**  Single blog (Blog details)   **/
.articles-meta-box {
    display: flex;
    gap: 5px;
}

.ms-single-blog-item .single-blog-info .news-img img {
    width: 100%;
    border-radius: 3px;
}

.ms-single-blog-item .single-blog-info .single-blog-detail label {
    margin-bottom: 15px;
    color: #999;
}

.ms-single-blog-item .single-blog-info .single-blog-detail .single-blog-detail-title-reading-time {
    display: flex;
    justify-content: space-between;
}

.ms-single-blog-item .single-blog-info .single-blog-detail .single-blog-detail-author-date {
    display: flex;
    align-items: center;
    gap: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    margin-bottom: 5px;
}

.ms-single-blog-item .single-blog-info .single-blog-detail .single-blog-detail-tags {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 7px 0;
    border-top: 1px solid #eee;
}

.ms-single-blog-item .single-blog-info .single-blog-detail .single-blog-detail-tags h5 {
    margin: 0;
}

.ms-single-blog-item .single-blog-info .single-blog-detail .single-blog-detail-tags ul li a {
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 12px;
    background-color: var(--primary-bgcolor);
    color: var(--primary-color);
    border: 1px solid var(--primary-bordercolor);
    transition: all .3s ease-in-out;
}

.ms-single-blog-item .single-blog-info .single-blog-detail .single-blog-detail-tags ul li a:hover {
    background-color: var(--primary-color);
    color: var(--primary-bgcolor);
}

.ms-single-blog-item .single-blog-info .single-blog-detail label a {
    color: #999;
    margin-right: .3rem;
}

.ms-single-blog-item .single-blog-info .single-blog-detail label a:hover {
    color: #3e9172;
}

.ms-single-blog-item .single-blog-info .single-blog-detail h3 {
    font-size: 22px;
    font-weight: 600;
    color: #17181c;
}

.ms-single-blog-item .single-blog-info .single-blog-detail p {
    color: #777;
    text-align: justify;
    margin: 10px 0;
}

.ms-single-blog-item .single-blog-info .single-blog-detail .ms-text-highlight {
    font-weight: 500;
}

.ms-single-blog-item .single-blog-info .single-blog-detail .sub-img {
    margin-top: 30px;
}

.ms-single-blog-item .single-blog-info .single-blog-detail .sub-img img {
    width: 100%;
    margin-bottom: 24px;
    border-radius: 3px;
}

.ms-single-blog-item .single-blog-info figure {
    height: 400px;
    width: 100%;
}

.ms-single-blog-item .single-blog-info figure img {
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}

.ms-blog-comments ol {
	padding: 0;
}

.ms-blog-comments ol a {
	color: #000;
}

.ms-blog-comments .ms-blog-dms-title {
    margin-bottom: 30px;
    padding: 10px 15px;
    font-size: 18px;
    font-weight: 400;
    background-color: #f5f4f9;
    border-radius: 3px;
}

.ms-blog-comments .sub-cmt {
    margin-left: 65px;
}

.ms-blog-comments .ms-single-comment-wrapper {
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.ms-blog-comments .ms-single-comment-wrapper .ms-blog-user-img {
    width: 50px;
    margin-left: 15px;
}

.ms-blog-comments .ms-single-comment-wrapper .ms-blog-user-img img {
    width: 100%;
    border-radius: 3px;
}

.ms-blog-comments .ms-single-comment-wrapper .ms-blog-comment-content {
    width: calc(100% - 115px);
}

.ms-blog-comments .ms-single-comment-wrapper .ms-blog-comment-content h5 {
    color: #17181c;
    font-size: 16px;
    font-weight: 400;
}

.ms-blog-comments .ms-single-comment-wrapper .ms-blog-comment-content span {
    color: #999;
    font-size: 13px;
}

.ms-blog-comments .ms-single-comment-wrapper .ms-blog-comment-content p {
    margin: 5px 0;
    color: #777;
    font-size: 14px;
}

.ms-blog-comments .ms-single-comment-wrapper .ms-blog-comment-content .ms-blog-details-btn a {
    color: #3e9172;
    font-size: 13px;
}

.ms-blog-comments .ms-blog-cmt-form .ms-blog-form input {
    width: 100%;
    height: 45px;
    margin-bottom: 30px;
    padding-right: 20px;
    background: transparent none repeat scroll 0 0;
    border: 1px solid #eee;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #777;
    font-size: 14px;
}

.ms-blog-comments .ms-blog-cmt-form .ms-blog-form textarea {
    width: 100%;
    height: 200px;
    margin-bottom: 30px;
    padding: 15px 20px;
    border: 1px solid #eee;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ms-blog-comments .ms-blog-cmt-form .ms-blog-form textarea:focus {
    outline: none;
}


/*===== Banners section css =====*/
.ms-ofr-banners .ms-bnr-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
    margin: 10px 0;
}

.ms-ofr-banners .ms-bnr-body .ms-bnr-img {
    width: 100%;
    height: 200px;
}

.ms-ofr-banners .ms-bnr-body .ms-bnr-img img {
    width: 100%;
    border-radius: 10px;
    height: 100%;
    object-fit: cover;
}

.ms-ofr-banners .ms-bnr-body .ms-bnr-img .lbl {
    padding: 2px 7px;
    font-size: 12px;
    border-radius: 30px;
    position: absolute;
    top: 15px;
    left: 15px;
    text-transform: capitalize;
    background-color: var(--primary-bgcolor) !important;
    color: var(--primary-color);
}

.ms-ofr-banners .ms-bnr-body .ms-bnr-detail {
    max-width: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ms-ofr-banners .ms-bnr-body .ms-bnr-detail h5 {
    color: #3e9172;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
}

.ms-ofr-banners .ms-bnr-body .ms-bnr-detail p {
    color: #777;
    text-transform: capitalize;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
}

.ms-ofr-banners .ms-bnr-body .ms-bnr-detail a {
    padding: 5px 15px;
}

.ms-ofr-banners .ms-bnr-body .ms-bnr-detail a i {
    margin-right: 5px;
}


/*===== Category section css =====*/

.ms-category-shop .ms-category-block {
    padding: 0 !important;
    border: 0 !important;
}
.ms-category-shop .ms-category-block .ms-cat-box-shop {
    border: 1px solid #eee;
    padding: 5px 0;
    border-radius: 8px;
    display: flex;
    align-items: center;
    max-width: 90px;
    justify-content: center;
}
.ms-category-shop .ms-category-block .ms-cat-box-shop a h6 {
    font-size: 10px;
    margin: 0;
}

.ms-category .ms-category-block {
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    gap: 5px;
    width: 100%;
}

.mb-cat-box {
    width: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

.mb-cat-box p {
    text-align: center;
}

.mb-cat-box h5 {
    margin: 0;
}

.ms-category .ms-category-block .ms-cat-box {
    width: 100px;
    height: 100px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 50%;
    background: #fff;
}

.ms-category .ms-category-block .ms-cat-box:hover {
    border: 3px solid red;
}

.ms-category .ms-category-block .ms-cat-box .ms-cat-icon {
    height: 100%;
    padding: 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

.ms-category .ms-category-block .ms-cat-box .ms-cat-icon img {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 100%;
    border-radius: 50%;
}

.ms-category .ms-category-block .ms-cat-box .ms-cat-icon .ms-cat-title {
    margin: 15px 0 0 0;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    color: #17181c;
}

.ms-category .ms-category-block .ms-cat-box .ms-cat-icon .items {
    margin: 0;
    font-size: 14px;
    line-height: 28px;
    color: #777;
}

.ms-category .ms-category-block .ms-cat-box .ms-cat-icon .ms-lbl {
    padding: 0 5px;
    position: absolute;
    top: 15px;
    left: 15px;
    background: var(--primary-bgcolor);
    color: var(--primary-color);
    font-size: 12px;
    font-weight: 400;
    border-radius: 3px;
}


/**===== Start Listing | Discover Section ====**/

.ms-listing-section .section-title {
    margin-bottom: 15px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.ms-listing .ms-list-block:not(:last-child) {
    margin-bottom: 30px;
}

.ms-listing .ms-list-block .ms-list-title {
    margin-bottom: 15px;
    position: relative;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    color: #17181c;
}

.ms-listing .ms-list-block .ms-list-title .label {
    width: 11px;
    height: 11px;
    position: absolute;
    top: 4px;
    left: -20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0.5;
    border-radius: 3px;
}

.ms-listing .ms-list-block .ms-list-title .label .dot {
    width: 5px;
    height: 5px;
    display: block;
    border-radius: 50%;
}

.ms-listing .ms-list-block .ms-list-title .veg {
    border: 1px solid #46c389;
    border-radius: 3px;
}

.ms-listing .ms-list-block .ms-list-title .veg .dot {
    background-color: #46c389;
}

.ms-listing .ms-list-block .ms-list-title .non-veg {
    border: 1px solid #ff9898;
}

.ms-listing .ms-list-block .ms-list-title .non-veg .dot {
    background-color: #ff9898;
}

.ms-listing .ms-list-block ul {
    margin: -5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

.ms-listing .ms-list-block ul li {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin: 5px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border: 1px solid #eee;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    border-radius: 3px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f5f4f9;
}

.ms-listing .ms-list-block ul li:hover {
    border: 1px solid #3e9172;
}

.ms-listing .ms-list-block ul li:hover img {
    display: block;
    opacity: 1;
    border: 1px solid transparent !important;
}

.ms-listing .ms-list-block ul li a {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 100%;
    padding: 15px 20px 15px 10px;
    color: #777;
    font-weight: 400;
    font-size: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    text-transform: capitalize;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.ms-listing .ms-list-block ul li a span {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-left: 15px;
    color: #999;
    font-weight: 400;
    font-size: 14px;
    line-height: 23px;
}

.ms-listing .ms-list-block ul li .ms-list-img {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 35px;
    height: 35px;
    margin: 0 10px;
    position: relative;
    display: block;
    border: 1px solid #eee;
    border-radius: 3px;
    z-index: 1;
}


/*-------------------------------------------------
   About Page CSS
---------------------------------------------------*/


/**===== About Section =====**/

.ms-about .ms-about-img img {
    width: 100%;
    border-radius: 10px;
}

.ms-about .ms-about-detail {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ms-about .ms-about-detail .section-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.ms-about .ms-about-detail .section-title h2 {
    margin-bottom: 15px;
}

.ms-about .ms-about-detail .section-title p {
    margin: 0;
    color: #777;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
}

.ms-about .ms-about-detail p {
    color: #777;
    font-size: 14px;
    font-weight: 400;
}


/**===== Start Service Section =====**/

.ms-ser-inner {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 30px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border: 1px solid #eee;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
}

.ms-ser-inner:hover .ms-service-image svg {
    stroke-dashoffset: 0;
    -webkit-transition: fill 0.5s, stroke-dashoffset 6s, -webkit-transform 0.3s;
    transition: fill 0.5s, stroke-dashoffset 6s, -webkit-transform 0.3s;
    transition: transform 0.3s, fill 0.5s, stroke-dashoffset 6s;
    transition: transform 0.3s, fill 0.5s, stroke-dashoffset 6s, -webkit-transform 0.3s;
}

.ms-ser-inner .ms-service-image {
    margin-bottom: 15px;
}

.ms-ser-inner .ms-service-image img {
    width: 50px;
    height: 50px;
}

.ms-service-desc h3 {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 500;
    color: #17181c;
}

.ms-service-desc p {
    margin: 0;
    font-size: 14px;
    color: #777;
    line-height: 1.5;

}


/*=====  Testimonial Section CSS  =====*/

.testim-bg {
    background-image: url(../img/banner/4.png);
    background-size: 10px;
    background-position: center;
    background-color: #f5f4f9;
    border: 1px solid #eee;
    border-radius: 3px;
}

.ms-test-section .ms-test-inner {
    max-width: 730px;
    margin: 0 auto;
    cursor: pointer;
}

.ms-test-section .ms-test-item {
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
}

.ms-test-section .ms-test-item .svg_img path {
    fill: #999;
}

.ms-test-section .ms-test-desc {
    font-size: 15px;
    color: #17181c;
    line-height: 26px;

    margin-bottom: 15px;
}

.ms-test-section .ms-test-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.ms-test-section .ms-test-content .ms-test-desc {
    margin-bottom: 15px;
    color: #777;
}

.ms-test-section .ms-test-name {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 6px;
    color: #3e9172;

    line-height: 1.2;
}

.ms-test-section .ms-test-designation {
    font-size: 16px;
    color: #777;
    line-height: 1.2;

    margin-bottom: 8px;
}

.ms-test-section .ms-test-rating {
    margin: 0 auto;
}

.ms-test-section .ms-test-rating i {
    font-size: 11px;
    margin: 0 0.5px;
}

.ms-test-rating i.fill {
    color: #f27d0c;
}

#ms-testimonial-slider {
    margin-bottom: -30px;
    text-align: center;
}

.ms-test-outer {
    max-width: 700px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.ms-test-inner {
    max-width: 700px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ms-test-inner .ms-test-img {
    width: 100px;
    margin: auto auto 30px auto;
    display: block;
}

.ms-test-inner .ms-test-img img {
    border-radius: 10px;
}

.svg_img.test_svg {
    position: absolute;
    width: 45px;
    height: auto;
    fill: #17181c;
}

.svg_img.test_svg.top {
    width: 8%;
    top: 0px;
    left: 50px;
    right: auto;
}

.svg_img.test_svg.bottom {
    width: 8%;
    bottom: 0px;
    right: 50px;
    left: auto;
}


/*=====  Facts Section CSS  =====*/

.ms-facts-section .ms-facts-inner {
    padding: 0 15px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    background-color: #fff;
}

.ms-facts-section .ms-facts-inner .counter {
    margin-bottom: 15px;
    font-size: 30px;
    font-weight: 800;
    color: #ddd;
}

.ms-facts-section .ms-facts-inner h4 {
    font-size: 20px;
    color: #17181c;
    font-weight: 600;
    margin-top: .7rem;
}

.ms-facts-section .ms-facts-inner p {
    max-width: 250px;
    margin: 0;
    font-size: 14px;
    color: #777;
}


/*=====  Team Section CSS  =====*/

.ms-team-section .ms-team-box {
    position: relative;
}

.ms-team-section .ms-team-box:hover .ms-team-imag .ms-team-socials {
    bottom: 15px;
    opacity: 1;
}

.ms-team-section .ms-team-box .ms-team-imag {
    position: relative;
}

.ms-team-section .ms-team-box .ms-team-imag img {
    width: 100%;
    border-radius: 10px;
}

.ms-team-section .ms-team-box .ms-team-imag .ms-team-socials {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin: auto;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
}

.ms-team-section .ms-team-box .ms-team-imag .ms-team-socials ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ms-team-section .ms-team-box .ms-team-imag .ms-team-socials ul li a {
    width: 30px;
    height: 30px;
    margin: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--primary-bgcolor);
    color: var(--primary-color);
    border-radius: 3px;
}

.ms-team-section .ms-team-box .ms-team-imag .ms-team-socials ul li a:hover {
    background-color: var(--primary-color);
    color: var(--primary-bgcolor)
}

.ms-team-section .ms-team-box .ms-team-info {
    text-align: center;
}

.ms-team-section .ms-team-box .ms-team-info h5 {
    margin-top: 15px;
    color: #17181c;
    font-size: 18px;
    font-weight: 700;
}

.ms-team-section .ms-team-box .ms-team-info p {
    margin: 0;
    color: #777;
    font-size: 13px;
    line-height: 16px;
}


/** Start Contact Section **/

.ms-contact iframe {
    width: 100%;
    height: 328px;
    margin-bottom: -7px;
    border: 1px solid #eee;
    border-radius: 10px;
}

.ms-contact form .form-group {
    margin-bottom: 30px;
}

.ms-contact form .form-group input,
.ms-contact form .form-group textarea {
    padding: 10px 15px;
    border-color: #eee;
    border-radius: 3px;
    font-size: 15px;
    color: #777;
}

.ms-contact form .form-group input:focus,
.ms-contact form .form-group textarea:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ms-contact form .form-group input::-webkit-input-placeholder,
.ms-contact form .form-group textarea::-webkit-input-placeholder {
    color: #999;
}

.ms-contact form .form-group input::-moz-placeholder,
.ms-contact form .form-group textarea::-moz-placeholder {
    color: #999;
}

.ms-contact form .form-group input:-ms-input-placeholder,
.ms-contact form .form-group textarea:-ms-input-placeholder {
    color: #999;
}

.ms-contact form .form-group input::-ms-input-placeholder,
.ms-contact form .form-group textarea::-ms-input-placeholder {
    color: #999;
}

.ms-contact form .form-group input::placeholder,
.ms-contact form .form-group textarea::placeholder {
    color: #999;
}

.ms-contact .ms-contact-detail .ms-box {
    height: 100%;
    padding: 24px;
    border: 1px solid #eee;
    position: relative;
    border-radius: 10px;
}

.ms-contact .ms-contact-detail .ms-box .detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.ms-contact .ms-contact-detail .ms-box .info h3 {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
}

.ms-contact .ms-contact-detail .ms-box .info p {
    margin: 0;
    font-size: 14px;
    color: #777;
}

.ms-contact .ms-contact-detail .ms-box .icon {
    width: 70px;
    height: 70px;
    margin-bottom: 15px;
    background-color: #101012 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
}

.ms-contact .ms-contact-detail .ms-box .icon svg {
    width: 50%;
    color: #fff;
}


/** End Contact Section **/


/*-------------------------------------------------
  Cart Page CSS
---------------------------------------------------*/

.ms-cart-section .shop-all-btn {
    margin-bottom: 0;
}

.ms-cart-section .ms-sidebar-wrap {
    padding: 15px;
    border-radius: 3px;
    border: 1px solid #eee;
}

.ms-cart-section .ms-sidebar-wrap h3 {
    font-size: 20px;
    font-weight: 400;

    margin-bottom: 21px;
}

.ms-cart-section .ms-sidebar-wrap .ms-sb-block-content {
    margin-bottom: 0;
    border-bottom: none;
}

.ms-cart-section .ms-sidebar-wrap .ms-ship-title {
    margin-bottom: 0;
    font-size: 17px;
    font-weight: 400;
    border-bottom: 1px solid #eee;
    color: #777;
    padding-bottom: 15px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.ms-cart-section .ms-sidebar-wrap .ms-ship-title::after {
    content: "\f107";
    position: relative;
    font-family: "FontAwesome";
    font-size: 15px;
    color: #777;
    font-weight: 400;
}

.ms-cart-content .table-content table {
    width: 100%;
    background-color: #fff;
}

.ms-cart-content .table-content table thead > tr {
    background-color: #fff;
    border-bottom: 2px solid #eee;
}

.ms-cart-content .table-content table thead > tr > th {
    border-top: medium none;
    color: #17181c;
    font-size: 15px;
    font-weight: 500;
    padding: 15px 14px 12px;
    text-align: right;
    text-transform: capitalize;
    vertical-align: middle;
    white-space: nowrap;
    line-height: 1;

}

.ms-cart-content .table-content table tbody > tr {
    border-bottom: 1px solid #eee;
}

.ms-cart-content .table-content table tbody > tr td {
    color: #17181c;
    font-size: 16px;
    padding: 15px 14px;
    text-align: right;
}

.ms-cart-content .table-content table tbody > tr td .ms-cart-pro-img {
    width: 60px;
    margin-left: 15px;
}

.ms-cart-content .table-content table tbody > tr td .cart-qty-plus-minus {
    border: 1px solid #eee;
    border-radius: 3px;
    display: inline-block;
    height: 35px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 84px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
}

.ms-cart-content .table-content table tbody > tr td .cart-qty-plus-minus input {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: #17181c;
    float: left;
    font-size: 14px;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 40px;
    outline: none;
    font-weight: 400;
    line-height: 38px;
}

.ms-cart-content .table-content table tbody > tr td .cart-qty-plus-minus .ms_cart_qtybtn {
    color: #17181c;
    float: left;
    font-size: 20px;
    height: auto;
    margin: 0;
    padding: 0;
    width: 40px;
    height: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ms-cart-content .table-content table tbody > tr td .cart-qty-plus-minus .ms_qtybtn {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    font-size: 0;
    color: #17181c;
    height: 19px;
    position: relative;
}

.ms-cart-content .table-content table tbody > tr td .cart-qty-plus-minus .ms_qtybtn:before {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    font-size: 20px;
    color: #17181c;
    height: 19px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    content: "";
    font-family: "FontAwesome";
    overflow: hidden;
    font-size: 10px;
}

.ms-cart-content .table-content table tbody > tr td .cart-qty-plus-minus .dec.ms_qtybtn:before {
    padding-bottom: 4px;
    content: "\f107";
    color: #999;
}

.ms-cart-content .table-content table tbody > tr td .cart-qty-plus-minus .inc.ms_qtybtn:before {
    padding-top: 4px;
    content: "\f106";
    color: #999;
}

.ms-cart-content .table-content table tbody > tr td.ms-cart-pro-name {
    width: 40%;
}

.ms-cart-content .table-content table tbody > tr td.ms-cart-pro-name a {
    color: #777;
    font-weight: 400;
    text-decoration: none;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.5;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ms-cart-content .table-content table tbody > tr td.ms-cart-pro-subtotal {
    color: #17181c;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: -1px;
}

.ms-cart-content .table-content table tbody > tr td.ms-cart-pro-price {
    color: #17181c;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: -1px;
}

.ms-cart-content .table-content table tbody > tr td.ms-cart-pro-qty .qty-plus-minus {
    display: inline-block;
    height: 40px;
    padding: 0;
    position: relative;
    width: 110px;
}

.ms-cart-content .table-content table tbody > tr td.ms-cart-pro-remove {
    width: 90px;
    text-align: left;
}

.ms-cart-content .table-content table tbody > tr td.ms-cart-pro-remove a {
    font-size: 22px;
    margin: 0 auto;
    color: #17181c;
}

.ms-cart-content .table-content table tbody > tr td.ms-cart-pro-remove a i {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.ms-cart-content .table-content table tbody > tr td.ms-cart-pro-remove a:hover i {
    color: #ff9d9d;
}

.ms-cart-content .ms-cart-update-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px 0 0;
}

.ms-cart-update-bottom > a {
    color: #17181c;
    display: inline-block;
    text-decoration: underline;
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
}

.ms-cart-update-bottom .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 150px;
}

.ms-cart-form {
    padding-top: 19px;
}

.ms-cart-form label {
    margin-bottom: 9px;
    color: #17181c;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
}

.ms-cart-form p {
    color: #777;
    font-size: 14px;
    margin-bottom: 10px;
}

.ms-cart-form input {
    height: 50px;
    background-color: transparent;
    border: 1px solid #eee;
    color: #17181c;
    font-size: 14px;
    margin-bottom: 26px;
    padding: 0 15px;
    width: 100%;
    outline: none;
    border-radius: 3px;
}

.ms-cart-form select {
    padding: 0 15px;
    webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0 !important;
    background: #fff;
    background-image: none;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 10px;
    color: #777;
    cursor: pointer;
    border-radius: 3px;
}

.ms-cart-form .ms-cart-select-inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 50px;
    border-radius: 0;
    border: 1px solid #eee;
    font-size: 14px;
    padding: 0;
    margin-bottom: 28px;
    border-radius: 3px;
}

.ms-cart-form .ms-cart-select-inner::after {
    content: "\f107";
    position: absolute;
    font-family: "FontAwesome";
    top: 0;
    left: 0;
    padding: 0 10px;
    cursor: pointer;
    pointer-events: none;
    font-size: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    line-height: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #777;
}

.ms-cart-summary-bottom .ms-cart-summary > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}

.ms-cart-summary-bottom .ms-cart-summary .text-left {
    color: #17181c;
    font-size: 14px;
    line-height: 24px;
}

.ms-cart-summary-bottom .ms-cart-summary .text-right {
    color: #17181c;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
}

.ms-cart-summary-bottom .ms-cart-summary .text-right a {
    color: #eb2629;
    font-weight: 500;
}

.ms-cart-summary-bottom .ms-cart-summary .ms-cart-summary-total {
    border-top: 1px solid #eee;
    padding-top: 19px;
    margin-bottom: 0;
    margin-top: 16px;
}

.ms-cart-summary-bottom .ms-cart-summary .ms-cart-summary-total .text-left {
    font-size: 16px;
    font-weight: 500;
}

.ms-cart-summary-bottom .ms-cart-summary .ms-cart-summary-total .text-right {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -1px;
}

.ms-cart-summary-bottom .ms-cart-summary .ms-cart-coupan-content {
    display: none;
    margin-bottom: 0;
}

.ms-cart-coupan-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #eee;
    padding: 5px;
    border-radius: 3px;
}

.ms-cart-coupan-form .ms-coupan {
    display: inline-block;
    vertical-align: top;
    line-height: 35px;
    height: 35px;
    color: #777;
    font-size: 14px;
    width: 100%;
    border: 0;
    background: transparent;
    border-radius: 0;
    -webkit-border-radius: 0;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    outline: none;
    border-radius: 3px;
}


/*-------------------------------------------------
  Checkout Page CSS
---------------------------------------------------*/

.ms-checkout-section {
    font-size: 14px;
}

.ms-checkout-section label {
    margin-bottom: 15px;
}

.ms-checkout-section [type=radio]:checked {
    position: relative;
    opacity: 0;
    display: none;
}

.ms-checkout-section [type=radio]:checked + label {
    position: relative;
    padding-right: 26px;
    cursor: pointer;
    line-height: 16px;
    display: inline-block;
    color: #777;
}

.ms-checkout-section [type=radio]:checked + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #ffffff;
    border: 1px solid #3e9172;
}

.ms-checkout-section [type=radio]:checked + label:after {
    content: "";
    width: 8px;
    height: 8px;
    background: #3e9172;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.ms-checkout-section [type=radio]:not(:checked) {
    position: relative;
    opacity: 0;
    display: none;
}

.ms-checkout-section [type=radio]:not(:checked) + label {
    position: relative;
    padding-right: 26px;
    cursor: pointer;
    line-height: 16px;
    display: inline-block;
    color: #777;
}

.ms-checkout-section [type=radio]:not(:checked) + label:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #ffffff;
}

.ms-checkout-section [type=radio]:not(:checked) + label:after {
    content: "";
    width: 8px;
    height: 8px;
    background: #3e9172;
    position: absolute;
    top: 4px;
    right: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.ms-checkout-wrap {
    padding: 30px;
    border: 1px solid #eee;
    background-color: #fff;
    border-radius: 3px;
}

.ms-checkout-wrap h3 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 25px;
    position: relative;
    display: block;
    color: #17181c;
    line-height: 1;
}

.ms-checkout-wrap .ms-check-login h3 {
    margin-bottom: 22px;
}

.ms-checkout-wrap .ms-check-bill h3 {
    margin-bottom: 26px;
    line-height: 1.2;
}

.ms-checkout-wrap .ms-check-bill .ms-check-subtitle {
    margin-bottom: 10px;
}

.ms-sidebar-wrap {
    border: 1px solid #eee;
    margin-bottom: 30px;
    padding: 15px;
    border-radius: 3px;
}

.ms-sidebar-wrap:last-child {
    margin-bottom: 0;
}

.ms-sidebar-wrap .ms-sb-block-content {
    margin-bottom: 0;
    border-bottom: none;
}

.ms-sidebar-wrap .ms-sb-title h3 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 0;
    position: relative;
}

.ms-sidebar-wrap .ms-sb-title h3 .ms-sidebar-res {
    position: absolute;
    left: 0;
    top: 0;
}

.ms-sb-block-content.ms-sidebar-dropdown {
    margin-top: 15px;
}

.ms-checkout-pay-wrap [type=radio]:checked + label {
    margin-bottom: 30px;
}

.ms-checkout-pay-wrap [type=radio]:not(:checked) + label {
    margin-bottom: 6px;
}

.ms-new-product {
    margin-top: 2px;
}

.ms-check-subtitle {
    margin-bottom: 14px;
    color: #17181c;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
}

.ms-checkout-block.ms-check-new {
    margin-bottom: 30px;
}

.ms-new-option span {
    margin-left: 45px;
}

.ms-new-desc {
    position: relative;
    line-height: 24px;
    color: #777;
    max-width: 64%;
}

.ms-new-btn {
    margin-top: 26px;
}

.ms-new-btn a {
    height: 40px;
    text-transform: uppercase;
    font-size: 16px;
    min-width: 150px;
    line-height: 40px;

}

.ms-check-login-form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.ms-check-login-form label {
    margin-bottom: 11px;
    color: #17181c;
    font-size: 15px;
    font-weight: 500;

    line-height: 1;
}

.ms-check-login-form input {
    background-color: transparent;
    border: 1px solid #eee;
    color: #17181c;
    font-size: 14px;
    margin-bottom: 16px;
    padding: 0 15px;
    width: 100%;
    outline: none;
    border-radius: 3px;
}

.ms-check-login-form .ms-check-login-fp {
    color: #17181c;
    font-weight: 400;
    text-decoration: underline;
    font-size: 15px;
    line-height: 24px;
}

.ms-check-login-form .ms-check-login-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 14px;
}

.ms-check-login-form .ms-check-login-btn .ms-btn-2 {
    margin-left: 20px;
}

.ms-check-bill-form {
    margin-bottom: 2px;
}

.ms-bill-option {
    margin-bottom: 32px;
    display: block;
}

.ms-bill-option span {
    margin-left: 45px;
}

.padding-bottom-3 {
    padding-bottom: 3px !important;
}


/*-----  Checkout Page CSS  ------*/

.ms-checkout-wrap .ms-check-bill-form .ms-bill-wrap {
    width: 100%;
    padding: 0 15px;
}

.ms-checkout-wrap .ms-check-bill-form .ms-bill-wrap.ms-bill-half {
    width: 50%;
}

.ms-checkout-wrap .ms-check-bill-form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 -15px;
}

.ms-checkout-wrap .ms-check-bill-form label {
    margin-bottom: 7px;
    color: #17181c;
    font-size: 15px;
    font-weight: 500;

    line-height: 1;
}

.ms-checkout-wrap .ms-check-bill-form input {
    background-color: transparent;
    border: 1px solid #eee;
    color: #17181c;
    font-size: 14px;
    margin-bottom: 26px;
    padding: 0 15px;
    width: 100%;
    outline: none;
    border-radius: 3px;
}

.ms-checkout-wrap .ms-check-bill-form .ms-bill-fp label {
    margin-bottom: 0;
}

.ms-checkout-wrap .ms-check-bill-form .ms-bill-fp label a {
    color: #17181c;
    font-size: 14px;
    font-weight: 600;
}

.ms-checkout-wrap .ms-check-bill-form .ms-bl-select-inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 50px;
    border-radius: 0;
    border: 1px solid #eee;
    font-size: 14px;
    padding: 0;
    margin-bottom: 27px;
    border-radius: 3px;
}

.ms-checkout-wrap .ms-check-bill-form .ms-bl-select-inner select {
    padding: 0 15px;
    webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0 !important;
    background: #fff;
    background-image: none;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 10px;
    color: #777;
    cursor: pointer;
    border-radius: 3px;
}

.ms-checkout-wrap .ms-check-bill-form .ms-bl-select-inner::after {
    content: "\f107";
    position: relative;
    font-family: "FontAwesome";
    top: 0;
    right: 0;
    padding: 0 10px;
    cursor: pointer;
    pointer-events: none;
    font-size: 17px;
    font-weight: lighter;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    line-height: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #777;
}

.ms-checkout-content .ms-check-order-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0;
}

.ms-checkout-content .ms-check-order-btn .btn {
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
    padding: 0 5px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    outline: none;
    border-radius: 0px;
    width: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

}

.ms-checkout-summary > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}

.ms-checkout-summary .text-left {
    color: #777;
    font-size: 14px;
    line-height: 24px;

}

.ms-checkout-summary .text-right {
    color: #17181c;
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
}

.ms-checkout-summary .text-right a {
    color: #eb2629;
    font-weight: 500;
    font-size: 14px;
}

.ms-checkout-summary .ms-checkout-summary-total {
    border-top: 1px solid #eee;
    padding-top: 19px;
    margin-bottom: 0;
    margin-top: 16px;
}

.ms-checkout-summary .ms-checkout-summary-total .text-left {
    font-size: 16px;
    font-weight: 400;
    color: #17181c;
}

.ms-checkout-summary .ms-checkout-summary-total .text-right {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -1px;
}


/*-----  Sidebar Page CSS  ------*/

.ms-sidebar-wrap .ms-sidebar-block .ms-checkout-pro {
    margin-top: 34px;
}

.ms-sidebar-wrap .ms-sidebar-block .ms-checkout-pro > div:not(:last-child) {
    margin-bottom: 15px;
}

.ms-sidebar-wrap .ms-sidebar-block .ms-sb-block-content .ms-checkout-pro li {
    padding: 1px;
}

.ms-sidebar-wrap .ms-sidebar-block .ms-sb-block-content .ms-checkout-pro li a {
    margin: 0 auto;
    display: block;
    color: #777;
    font-size: 12px;
    margin-top: 0;
    line-height: 18px;
    font-weight: 400;
    text-transform: capitalize;

    cursor: pointer;
}

.ms-sidebar-wrap .ms-sidebar-block .ms-sb-block-content .ms-checkout-pro .ms-pro-size li a {
    pointer-events: none;
    width: 18px;
    height: 18px;
    cursor: pointer;
    background-color: #eee;
    color: #777;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    line-height: 18px;
    padding-top: 2px;
}

.ms-sidebar-wrap .ms-sidebar-block .ms-sb-block-content .ms-checkout-pro .ms-pro-size li.active a {
    background-color: #17181c;
    color: #fff;
}

.ms-sidebar-wrap .ms-sidebar-block .ms-sb-block-content .ms-checkout-pro .ms-product-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ms-sidebar-wrap .ms-sidebar-block .ms-sb-block-content .ms-checkout-pro .ms-product-inner .ms-pro-content {
    width: calc(100% - 143px);
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ms-sidebar-wrap .ms-sidebar-block .ms-sb-block-content .ms-checkout-pro .ms-product-inner .ms-pro-content h5 {
    padding: 0 0 0 15px;
}

.ms-sidebar-wrap .ms-sidebar-block .ms-sb-block-content .ms-checkout-pro .ms-product-inner .ms-pro-content h5 a {
    font-size: 15px;
}

.ms-sidebar-wrap .ms-sidebar-block .ms-sb-block-content .ms-checkout-pro .ms-product-inner .ms-pro-image-outer {
    width: 128px;
    margin-left: 15px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ms-sidebar-wrap .ms-sidebar-block .ms-sb-block-content .ms-del-option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ms-sidebar-wrap .ms-sidebar-block .ms-sb-block-content .ms-del-option > * {
    width: 50%;
}

.ms-sidebar-wrap .ms-sidebar-block .ms-sb-block-content .ms-del-opt-head {
    color: #17181c;
    font-size: 15px;
    font-weight: 500;

    line-height: 1;
    margin-bottom: 10px;
    display: block;
}

.ms-sidebar-wrap .ms-sidebar-block .ms-sb-block-content .ms-del-desc {
    color: #777;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 15px;
    display: block;

}

.ms-sidebar-wrap .ms-sidebar-block .ms-sb-block-content .ms-pay-opt-head {
    color: #17181c;
    font-size: 15px;
    font-weight: 500;

    line-height: 1;
    margin-bottom: 6px;
    display: block;
}

.ms-sidebar-wrap .ms-sidebar-block .ms-sb-block-content .ms-pay-desc {
    color: #777;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 15px;
    display: block;

}

.ms-product-inner .ms-pro-content .ms-price:not(:last-child) {
    margin-bottom: 4px;
}

.ms-sidebar-wrap.ms-checkout-del-wrap h3 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 0;
}

.ms-sidebar-wrap.ms-checkout-del-wrap .ms-del-commemt {
    margin-top: 12px;
    display: block;
}

.ms-sidebar-wrap.ms-checkout-del-wrap .ms-del-commemt .ms-del-opt-head {
    margin-bottom: 8px;
}

.ms-sidebar-wrap.ms-checkout-del-wrap textarea {
    background: transparent;
    border: 1px solid #eee;
    color: #17181c;
    height: 100px;
    padding: 10px 15px;
    margin-bottom: 0;
    width: 100%;
    outline: none;
    font-size: 14px;
    display: block;
    border-radius: 3px;
}

.ms-sidebar-wrap.ms-checkout-pay-wrap h3 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 0;
}

.ms-sidebar-wrap.ms-checkout-pay-wrap textarea {
    background: transparent;
    border: 1px solid #eee;
    color: #17181c;
    height: 110px;
    padding: 10px 15px;
    margin-bottom: 0;
    width: 100%;
    outline: none;
    font-size: 14px;
    display: block;
    border-radius: 3px;
}

.ms-sidebar-wrap.ms-checkout-pay-wrap .ms-pay-commemt .ms-pay-opt-head {
    margin-bottom: 8px;
}

.ms-sidebar-wrap.ms-checkout-pay-wrap .ms-pay-agree {
    position: relative;
    display: block;
    margin-top: 20px;
}

.ms-sidebar-wrap.ms-checkout-pay-wrap .ms-pay-agree input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    z-index: 999;
    top: 0;
    right: 0;
    width: 15px;
    height: 15px;
}

.ms-sidebar-wrap.ms-checkout-pay-wrap .ms-pay-agree input:checked ~ .checked::after {
    display: block;
}

.ms-sidebar-wrap.ms-checkout-pay-wrap .ms-pay-agree a {
    margin-right: 27px;
    display: block;
    color: #777;
    font-size: 14px;
    margin-top: 0;
    line-height: 18px;
    font-weight: 300;

    cursor: pointer;
}

.ms-sidebar-wrap.ms-checkout-pay-wrap .ms-pay-agree a span {
    font-weight: 500;
    color: #17181c;
}

.ms-sidebar-wrap.ms-checkout-pay-wrap .ms-pay-agree .checked {
    position: absolute;
    top: 0;
    right: 0;
    height: 15px;
    width: 15px;
    background-color: #ffffff;
    border: 1px solid #ededed;
    border-radius: 4px;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
}

.ms-sidebar-wrap.ms-checkout-pay-wrap .ms-pay-agree .checked:after {
    left: 1px;
    top: -1px;
    width: 15px;
    height: 15px;
    border: 1px solid #3e9172;
    content: "\f00c";
    position: relative;
    display: none;
    font-family: "FontAwesome";
    font-size: 9px;
    color: #3e9172;
    line-height: 14px;
    text-align: center;
    border-radius: 4px;
}

.ms-sidebar-wrap.ms-check-pay-img-wrap h3 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 0;
}

.ms-check-pay-img-wrap .ms-check-pay-img-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ms-check-pay-img-wrap .ms-check-pay-img img {
    width: 100%;
}


/*-----  Checkout Summary CSS  ------*/

.ms-checkout-summary .ms-checkout-coupan-content {
    display: none;
    margin-bottom: 0;
}

.ms-checkout-coupan-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #eee;
    padding: 5px;
    border-radius: 3px;
}

.ms-checkout-coupan-form .ms-coupan {
    display: inline-block;
    vertical-align: top;
    line-height: 35px;
    height: 35px;
    color: #777;
    font-size: 14px;
    width: 100%;
    border: 0;
    background: transparent;
    border-radius: 0;
    -webkit-border-radius: 0;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 3px;
}

.ms-checkout-coupan-form .ms-coupan-btn {
    font-size: 16px;
    text-align: center;
    padding: 0 15px;
}


/*-------------------------------------------------
   Compare Page CSS
---------------------------------------------------*/

.ms-compare-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    overflow: auto;
}

.ms-compare-box::-webkit-scrollbar {
    width: 12px !important;
    height: 10px !important;
    padding: 8px !important;
}

.ms-compare-box::-webkit-scrollbar-track {
    width: 12px !important;
    background-color: #17181c !important;
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0) !important;
}

.ms-compare-box::-webkit-scrollbar-thumb {
    background-color: #17181c !important;
    border: 3px solid #fff !important;
}

.ms-compare-box::-webkit-scrollbar-thumb:hover {
    background-color: #3e9172 !important;
}

.ms-compare-box .title-col {
    border-left: 1px solid #eee !important;
}

.ms-compare-box .ms-compare-col {
    width: 324px;
    min-width: 324px;
    height: 100%;
    display: block;
    border: 1px solid #eee;
    position: relative;
}

.ms-compare-box .ms-compare-col:not(:last-child) {
    margin-left: -1px;
    width: 325px;
    min-width: 325px;
}

.ms-compare-box .ms-compare-col:hover .ms-action {
    opacity: 1;
}

.ms-compare-box .ms-compare-col .remove-compare-product {
    position: absolute;
    top: 15px;
    left: 15px;
    line-height: 15px;
    z-index: 5;
}

.ms-compare-box .ms-compare-col .remove-compare-product .svg_img {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 15px;
    height: 15px;
}

.ms-compare-box .ms-compare-col .remove-compare-product .svg_img:hover path {
    fill: #17181c;
}

.ms-compare-box .ms-compare-col .remove-compare-product .svg_img path {
    fill: #777;
}

.ms-compare-box .ms-compare-col .ms-action {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
}

.ms-compare-box .ms-compare-col .ms-action ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ms-compare-box .ms-compare-col .ms-action ul li {
    margin: 2px;
}

.ms-compare-box .ms-compare-col .ms-action ul li a {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #fff !important;
}

.ms-compare-box .ms-compare-col .ms-action ul li a:hover {
    background-color: #3e9172 !important;
}

.ms-compare-box .ms-compare-col .ms-action ul li a .svg_img {
    width: 20px;
    height: 20px;
}

.ms-compare-box .ms-compare-col .ms-action ul li a .svg_img path {
    fill: #fff;
}

.ms-compare-box .ms-compare-cell {
    padding: 10px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.ms-compare-box .ms-compare-cell:not(:last-child) {
    border-bottom: 1px solid #eee;
}

.ms-compare-box .ms-compare-cell > div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ms-compare-box .ms-compare-cell .i-stock {
    color: #02d302;
}

.ms-compare-box .ms-compare-cell .o-stock {
    color: #ffa5a5;
}

.ms-compare-box .ms-compare-cell h5 {
    margin: 0;
    line-height: 28px;
    color: #17181c;
    font-size: 16px;
    font-weight: 400;
}

.ms-compare-box .ms-compare-cell p {
    margin: 0;
    font-size: 14px;
    color: #777;
    font-weight: 300;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ms-compare-box .ms-compare-cell img {
    height: 200px;
    margin: auto;
}

.ms-compare-box .ms-compare-cell .desc {
    height: 115px;
}

.ms-compare-box .ms-compare-cell .desc p {
    max-height: 288px;
    display: -webkit-box;
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.ms-compare-box .ms-compare-cell .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ms-compare-box .ms-compare-cell .list,
.ms-compare-box .ms-compare-cell .title {
    width: 100%;
    min-height: 221px;
    height: 100%;
}

.ms-compare-box .ms-compare-cell .rating-info {
    margin-right: 5px;
    color: #999;
    font-size: 12px;
}

.ms-compare-box .ms-compare-cell .ms-pro-rating i {
    line-height: 28px;
}


/*-------------------------------------------------
   Faq Page CSS
---------------------------------------------------*/

.ms-accordion.style-1 .ms-accordion-item {
    border-color: #eee;
    border-radius: 3px;
    overflow: hidden;
}

.ms-accordion.style-1 .ms-accordion-item:not(:last-child) {
    margin-bottom: 10px;
}

.ms-accordion.style-1 .ms-accordion-item .ms-accordion-header {
    margin: 0;
    padding: 15px 15px 15px 35px;
    background-color: #f5f4f9;
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    position: relative;
}

.ms-accordion.style-1 .ms-accordion-item .ms-accordion-header:after {
    content: "\f107";
    width: 15px;
    height: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "FontAwesome";
    cursor: pointer;
    font-size: 17px;
    color: #17181c;
    font-weight: 400;
    position: absolute;
    top: 20px;
    left: 15px;
}

.ms-accordion.style-1 .ms-accordion-body {
    padding: 15px;
    font-size: 14px;
    color: #777;
    border-bottom: 1px solid #eee;
    display: none;
    line-height: 24px;
    background: #fafafd;
}

.ms-accordion.style-1 .ms-accordion-body code {
    font-weight: 600;
    font-size: 14px;
    color: #3e9172;
}

.ms-accordion.style-1 .ms-accordion-body.show {
    display: block;
}


/*-------------------------------------------------
  Login Page CSS
---------------------------------------------------*/

.ms-login-content {
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.ms-login-content .ms-login-box {
    width: 100%;
}
.ms-login-content button.show-password-input {
    top: 17px;
}
.ms-login-content .npn-tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.ms-login-content .npn-tabs button {
    border: 1px solid #000;
    padding: 5px 15px;
    border-radius: 5px;
}
.ms-login-content .npn-tabs button.active {
    background-color: #000;
    color: white;
}
.ms-login-content #npn-tab-register form.woocommerce-form-register label {
    width: 100%;
}
.ms-login-content #npn-tab-register form.woocommerce-form-register input {
    width: 100%;
}
.ms-login-content h2 {
    font-size: 20px;
    font-weight: 400;
}

.ms-login-wrapper {
    max-width: 530px;
    margin: 0 auto 0;
}

.ms-login-wrapper .ms-login-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.ms-login-wrapper .ms-login-container {
    padding: 30px;
    border: 1px solid #eee;
    border-radius: 3px;
    text-align: left;
    background-color: #fff;
}

.ms-login-wrapper .ms-login-container .ms-login-form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.ms-login-wrapper .ms-login-container .ms-login-form label {
    margin-bottom: 10px;
    color: #17181c;
    font-size: 12px;
    font-weight: 500;

    line-height: 1;
    text-align: right;
}

.ms-login-wrapper .ms-login-container .ms-login-form input {
    height: 35px;
    margin-bottom: 27px;
    padding: 0 15px;
    background-color: transparent;
    border: 1px solid #eee;
    border-radius: 3px;
    color: #777;
    font-size: 14px;
    outline: none;
}

.ms-login-wrapper .ms-login-container .ms-login-form .ms-login-wrap + .ms-login-wrap input {
    margin-bottom: 15px;
}

.ms-login-wrapper .ms-login-container .ms-login-form .ms-login-fp label {
    margin-bottom: 0;
}

.ms-login-wrapper .ms-login-container .ms-login-form .ms-login-fp label a {
    margin-top: 10px;
    color: #777;
    font-size: 14px;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.ms-login-wrapper .ms-login-container .ms-login-form .ms-login-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ms-login-wrapper .ms-login-container .ms-login-form .ms-login-btn {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ms-login-wrapper .ms-login-container .ms-login-form .ms-login-btn span {
    color: #777;
    font-size: 14px;
}

.ms-login-wrapper .ms-login-container .ms-login-form .ms-login-btn span a {
    color: #17181c;
}

.ms-login-wrapper .ms-login-container .ms-login-form .ms-login-btn span a:hover {
    color: #3e9172;
}

.ms-login-img img {
    width: 100%;
    border-radius: 3px;
}


/*-------------------------------------------------
  Register Page CSS
---------------------------------------------------*/

.ms-register-wrapper {
    max-width: 934px;
    margin: 0 auto 0;
}

.ms-register-wrapper .ms-register-container {
    border: 1px solid #eee;
    padding: 30px;
    text-align: right;
    background-color: #fff;
    border-radius: 3px;
}

.ms-register-wrapper .ms-register-container .ms-register-form .ms-register-wrap {
    width: 100%;
    padding: 0 15px;
}

.ms-register-wrapper .ms-register-container .ms-register-form .ms-register-wrap.ms-register-half {
    width: 50%;
}

.ms-register-wrapper .ms-register-container .ms-register-form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 -15px;
}

.ms-register-wrapper .ms-register-container .ms-register-form label {
    margin-bottom: 9px;
    color: #17181c;
    font-size: 15px;
    font-weight: 500;

    line-height: 1;
}

.ms-register-wrapper .ms-register-container .ms-register-form input {
    width: 100%;
    background-color: transparent;
    border: 1px solid #eee;
    color: #777;
    font-size: 14px;
    margin-bottom: 26px;
    padding: 0 15px;
    width: 300;
    outline: none;
    border-radius: 3px;
}

.ms-register-wrapper .ms-register-container .ms-register-form input::-webkit-input-placeholder {
    color: #777 !important;
}

.ms-register-wrapper .ms-register-container .ms-register-form input::-moz-placeholder {
    color: #777 !important;
}

.ms-register-wrapper .ms-register-container .ms-register-form input:-ms-input-placeholder {
    color: #777 !important;
}

.ms-register-wrapper .ms-register-container .ms-register-form input::-ms-input-placeholder {
    color: #777 !important;
}

.ms-register-wrapper .ms-register-container .ms-register-form input::placeholder {
    color: #777 !important;
}

.ms-register-wrapper .ms-register-container .ms-register-form .ms-register-fp label {
    margin-bottom: 0;
}

.ms-register-wrapper .ms-register-container .ms-register-form .ms-register-fp label a {
    color: #17181c;
    font-size: 14px;
    font-weight: 600;
}

.ms-register-wrapper .ms-register-container .ms-register-form .ms-rg-select-inner {
    width: 300;
    height: 50px;
    padding: 0;
    margin-bottom: 30px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 3px;
    border: 1px solid #eee;
    font-size: 14px;
}

.ms-register-wrapper .ms-register-container .ms-register-form .ms-rg-select-inner select {
    padding: 0 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0 !important;
    background: #fff;
    background-image: none;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 10px;
    color: #777;
    font-weight: 300;
    cursor: pointer;
}

.ms-register-wrapper .ms-register-container .ms-register-form .ms-rg-select-inner::after {
    content: "\f107";
    position: absolute;
    font-family: "FontAwesome";
    top: 0;
    left: 0;
    padding: 0 10px;
    cursor: pointer;
    pointer-events: none;
    font-size: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    line-height: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #777;
}

.ms-register-wrapper .ms-register-container .ms-register-form .ms-register-wrap.ms-recaptcha {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ms-register-wrapper .ms-register-container .ms-register-form .ms-register-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ms-register-wrapper .ms-register-container .ms-register-form .ms-register-btn button {
    width: 150px;
    padding: 12px 15px;
}

.ms-register-wrapper .ms-register-container .ms-register-form .ms-register-btn span {
    color: #777;
    font-size: 14px;
}

.ms-register-wrapper .ms-register-container .ms-register-form .ms-register-btn span a {
    margin-right: 10px;
    color: #17181c;
}

.ms-register-wrapper .ms-register-container .ms-register-form .ms-register-btn span a:hover {
    color: #3e9172;
}


/*-------------------------------------------------
  Track Order Page CSS
---------------------------------------------------*/

.ms-track .ms-track-box {
    padding: 30px;
    border-radius: 3px;
    background-color: #f5f4f9;
}

.ms-track .ms-track-card {
    height: 100%;
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid #e9ecef;
    border-radius: 3px;
    color: #777;
    text-align: center;
    font-size: 15px;
}

.ms-track .ms-track-card .ms-track-title {
    margin-bottom: 5px;
    color: #17181c;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
}

.ms-track .ms-steps {
    margin-top: 24px;
    border: 1px solid #e9ecef;
    border-radius: 3px;
}

.ms-track .ms-steps-header {
    padding: 0.375rem;
    border-top: 1px solid #e9ecef;
}

.ms-track .ms-steps-header .progress {
    height: 0.25rem;
}

.ms-track .ms-steps-header .progress .progress-bar {
    background-color: #3e9172;
}

.ms-track .ms-steps-body {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.ms-track .ms-step {
    padding: 30px 15px;
    display: table-cell;
    position: relative;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    border-right: 1px solid #e9ecef;
    color: #777;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
}

.ms-track .ms-step:last-child {
    border-right: 0;
}

.ms-track .ms-step:hover {
    color: rgba(0, 0, 0, 0.9);
    text-decoration: none;
}

.ms-track .ms-step:hover .ms-step-indicator {
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    border-color: transparent;
    background-color: #e9ecef;
}

.ms-track .ms-step:hover .ms-step-icon {
    color: rgba(0, 0, 0, 0.9);
}

.ms-track .ms-step-indicator {
    display: block;
    position: absolute;
    top: 15px;
    left: 15px;
    width: 1.5rem;
    height: 1.5rem;
    border: 1px solid #e9ecef;
    border-radius: 50%;
    background-color: #fff;
    font-size: 0.875rem;
    line-height: 1.375rem;
}

.ms-track .has-indicator {
    padding-right: 1.5rem;
    padding-left: 2.375rem;
}

.ms-track .has-indicator .ms-step-indicator {
    top: 50%;
    margin-top: -0.75rem;
}

.ms-track .ms-step-icon {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 auto;
    margin-bottom: 0.75rem;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    color: #777;
}

.ms-track .ms-step-active {
    color: #17181c;
    pointer-events: none;
    cursor: default;
}

.ms-track .ms-step-active:hover {
    color: #17181c;
    pointer-events: none;
    cursor: default;
}

.ms-track .ms-step-active:hover .ms-step-icon {
    color: #3e9172;
}

.ms-track .ms-step-active .ms-step-icon {
    color: #3e9172;
}

.ms-track .ms-step-completed .ms-step-indicator {
    border-color: transparent;
    background-color: #3e9172;
    color: #fff;
    line-height: 1.25rem;
}

.ms-track .ms-step-completed .ms-step-indicator i {
    line-height: 23px;
}

.ms-track .ms-step-completed:hover .ms-step-indicator {
    border-color: transparent;
    background-color: #3e9172;
    color: #fff;
    line-height: 1.25rem;
}

.ms-track .ms-step-completed:hover .ms-step-indicator i {
    line-height: 23px;
}


/*-------------------------------------------------
  Terms-Condition & Privacy Policy Page CSS
---------------------------------------------------*/

.ms-terms-conditions .ms-common-wrapper,
.ms-privacy-policy .ms-common-wrapper {
    padding: 30px;
    border: 1px solid #eee;
    max-width: 1140px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 3px;
}

.ms-terms-conditions .ms-cms-block h5,
.ms-privacy-policy .ms-cms-block h5 {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 400;
}

.ms-terms-conditions .ms-cms-block p,
.ms-privacy-policy .ms-cms-block p {
    margin-bottom: 30px;
    color: #777;
    font-size: 14px;
    font-weight: 400;
}

.ms-terms-conditions .ms-cms-block p b,
.ms-privacy-policy .ms-cms-block p b {
    font-weight: 500;
    color: #3e9172;
}

.ms-terms-conditions .ms-cms-block:last-child p,
.ms-privacy-policy .ms-cms-block:last-child p {
    margin-bottom: 0;
}


/*-------------------------------------------------
   Shop Page CSS
---------------------------------------------------*/

.width-100 {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 auto !important;
    flex: 0 0 auto !important;
    width: 100% !important;
}

.width-50 {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 auto !important;
    flex: 0 0 auto !important;
    width: 50% !important;
}

.list-view .ms-product-inner,
.list-view-50 .ms-product-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.list-view .ms-product-inner .ms-pro-content,
.list-view-50 .ms-product-inner .ms-pro-content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.list-view .ms-product-inner .ms-pro-content .ms-pro-title a,
.list-view-50 .ms-product-inner .ms-pro-content .ms-pro-title a {
    font-size: 16px;
    color: #17181c;
    font-weight: 600;
}

.list-view .ms-product-inner .ms-pro-content .ms-info,
.list-view-50 .ms-product-inner .ms-pro-content .ms-info {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin: 5px 0;
    padding: 0 20px;
    font-size: 13px;
    color: #777;
    display: block;
}

.ms-shop .woocommerce-notices-wrapper ul {
    border-top-color: #e9e6ed;
}

.ms-shop .woocommerce-notices-wrapper a {
    font-size: 12px;
    background-color: var(--primary-bgcolor);
    color: var(--primary-color);
    padding: 12px 15px;
    border-radius: 5px;
}

.ms-shop .ms-product-content {
    padding: 0 5px;
}

.ms-shop .shop-pro-content .ms-product-inner {

    width: 100%;

    position: relative;
    transition: all .3s ease-in-out;
}

.ms-shop .shop-pro-content .ms-product-inner a.product_type_variable {
    background-color: transparent;
    color: white;
    font-size: 14px;
    text-align: center;
    padding: 0;
    width: 34px;
}

.ms-shop .shop-pro-content .ms-product-inner a.product_type_simple {
    background-color: transparent;
    color: white;
    font-size: 14px;
    text-align: center;
    padding: 0;
    width: 34px;
}

.ms-shop .shop-pro-content .ms-product-inner a.add_to_cart_button {
    background-color: transparent;
    color: white;
    font-size: 14px;
    text-align: center;
    padding: 0;
    width: 34px;
}

.ms-shop .shop-pro-content .ms-product-inner a.added_to_cart {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 2;
    background-color: #dd0000;
    color: white;
    text-align: center;
    padding: 5px;
    height: 31px;
    line-height: 22px;
    font-weight: 600;
}

.ms-shop .ms-pro-list-top {
    margin-bottom: 30px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    border: 1px solid #eee;
    border-radius: 3px;
}

.ms-shop .ms-pro-list-top .ms-gl-btn {
    margin-left: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.ms-shop .ms-pro-list-top .ms-gl-btn .grid-btn {
    height: 40px;
    width: 40px;
    border: 0;
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    transform: scaleX(-1);
}

.ms-shop .ms-pro-list-top .ms-gl-btn .grid-btn .svg_img {
    width: 20px;
    height: 20px;
}

.ms-shop .ms-pro-list-top .ms-gl-btn .grid-btn img.svg_img {
    fill: #fff;
}

.ms-shop .ms-pro-list-top .grid-btn.active {
    background: #3e9172;
    border: 1px solid #3e9172;
    border-radius: 3px;
}

.ms-shop .ms-pro-list-top .grid-btn.active img.svg_img {
    fill: #fff;
}

.ms-shop .ms-pro-list-top .ms-sort-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ms-shop .ms-pro-list-top .ms-sort-select .sort-by {
    font-size: 14px;
    color: #777;
    padding-right: 22px;
}

.ms-shop .ms-pro-list-top .ms-sort-select .ms-select-inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 140px;
    height: 50px;
    line-height: 1.5;
    background: #fff;
    overflow: hidden;
    border-radius: 0;
    border-right: 1px solid #eee;
}

.ms-select-inner i {
    position: absolute;
    left: 10%;
    top: 40%;
    color: #929292;
}

.ms-shop .ms-pro-list-top .ms-sort-select .ms-select-inner:after {
    padding: 0 10px;
    position: absolute;
    font-family: "Msicons";
    top: 50%;
    right: 0;
    cursor: pointer;
    pointer-events: none;
    font-size: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #777;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ms-shop .ms-pro-list-top .ms-sort-select .ms-select-inner select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0 !important;
    background: #fff;
    background-image: none;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 10px;
    color: #777;
    cursor: pointer;
}

.ms-shop .ms-select-bar {
    position: relative;
    margin: 0 -5px 25px -5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: end;
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 3px;
    align-items: center;
}

.ms-shop .ms-select-bar .woocommerce-result-count {
    margin: 0;
}

.ms-shop .ms-select-bar form.woocommerce-ordering {
    margin: 0;
}

.ms-shop .ms-select-bar .ms-select-btn {
    margin: 5px;
    padding: 0 10px;
    border: 1px solid #eee;
    border-radius: 3px;
    color: #777;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: capitalize;
}

.ms-shop .ms-select-bar .ms-select-btn .ms-select-cancel {
    margin-right: 15px;
    color: #ff8585;
    font-size: 18px;
}

.ms-shop .ms-select-btn-clear {
    padding: 0 !important;
    border: 1px solid #17181c !important;
}

.ms-shop .ms-select-btn-clear .ms-select-clear {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    height: 100%;
    margin: 0;
    padding: 3px 10px;
    font-size: 14px;
    color: #17181c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ms-shop .ms-select-btn-clear .ms-select-clear:hover {
    color: #fff;
    background-color: #17181c !important;
}

/**  Shop Sidebar  **/

.ms-shop-sidebar .ms-sb-title {
    border-bottom: 2px solid #eee;
    padding-bottom: 15px;
}

.ms-shop-sidebar .ms-sb-title h3 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    font-size: 18px;
    font-weight: 500;
}

.ms-shop-sidebar .ms-blog-sidebar-wrap {
    padding: 30px;
    border: 1px solid #eee;
    border-radius: 3px;
}

.ms-shop-sidebar .ms-blog-search {
    height: 50px;
    width: 100%;
    margin-bottom: 30px;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    border: 1px solid #eee;
    color: #17181c;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
}

.ms-shop-sidebar .ms-blog-search .ms-blog-search-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
}

.ms-shop-sidebar .ms-blog-search .form-control {
    display: block;
    width: 100%;
    min-height: 48px;
    height: 48px;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: #777;
    background-color: transparent;
    border: none;

}

.ms-shop-sidebar .ms-blog-search .submit {
    position: relative;
    height: 48px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 60px;
    color: #17181c;
}

.ms-shop-sidebar .ms-sidebar-block ul li a {
    padding-right: 30px;
}

.ms-shop-sidebar .ms-sidebar-block .ms-sidebar-block-item {
    position: relative;
}

.ms-shop-sidebar .ms-sidebar-block .ms-sidebar-block-item input {
    width: 100%;
    height: calc(100% - 5px);
    position: absolute;
    opacity: 0;
    cursor: pointer;
    z-index: 9;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ms-shop-sidebar .ms-sidebar-block .ms-sidebar-block-item input:checked ~ .checked::after {
    display: block;
}

.ms-shop-sidebar .ms-sidebar-block .ms-sidebar-block-item a {
    width: 100%;
    display: block;
    color: #777;
    font-size: 14px;
    margin-top: 0;
    line-height: 20px;
    font-weight: 400;
    text-transform: capitalize;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.ms-shop-sidebar .ms-sidebar-block .ms-sidebar-block-item a .svg_img {
    width: 20px;
    height: 20px;
    margin-left: 10px;
}

.ms-shop-sidebar .ms-sidebar-block .ms-sidebar-block-item a .products {
    color: #999;
    font-size: 13px;
}

.ms-shop-sidebar .ms-sidebar-block .ms-sidebar-block-item .checked {
    position: absolute;
    top: 50%;
    right: 0;
    height: 18px;
    width: 18px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 0;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 3px;
    overflow: hidden;
}

.ms-shop-sidebar .ms-sidebar-block .ms-sidebar-block-item .checked:after {
    left: -1px;
    top: -1px;
    width: 18px;
    height: 18px;
    border: 1px solid #3e9172;
    content: "\f00c";
    position: absolute;
    display: none;
    background: #3e9172;
    font-family: "FontAwesome";
    font-size: 10px;
    color: #fff;
    line-height: 16px;
    text-align: center;
}

.ms-shop-sidebar .ms-sidebar-block:not(:last-child) {
    margin-bottom: 30px;
}

.ms-shop-sidebar .ms-sidebar-block .ms-sidebar-block-item {
    padding: 15px 0;
    border-bottom: 1px solid #eee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.ms-shop-sidebar .ms-sidebar-block .ms-sidebar-block-item .ms-sidebar-block-img {
    margin-right: 15px;
}

.ms-shop-sidebar .ms-sidebar-block .ms-sidebar-block-item .ms-sidebar-block-img img {
    width: 100px;
    border-radius: 3px;
}

.ms-shop-sidebar .ms-sidebar-block .ms-sidebar-block-item .ms-sidebar-block-detial .ms-blog-title a {
    color: #777;
    font-size: 16px;

    line-height: 22px;
    font-weight: 600;
}

.ms-shop-sidebar .ms-sidebar-block .ms-sidebar-block-item .ms-sidebar-block-detial .ms-blog-date {
    margin-bottom: 5px;
    font-size: 14px;
    color: #999;
    line-height: 1;

}

.ms-shop-sidebar .ms-sidebar-block .ms-sidebar-block-item .ms-sidebar-block-detial a {
    font-size: 14px;
    color: #3e9172;
}

.ms-shop-sidebar .ms-sidebar-block.color-block .ms-sb-block-content.ms-sidebar-dropdown {
    margin-top: 20px;
}

.ms-shop-sidebar .ms-sidebar-block.color-block ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.ms-shop-sidebar .ms-sidebar-block.color-block ul li {
    margin-right: 10px;
}

.ms-shop-sidebar .ms-sidebar-block.color-block .ms-sidebar-block-item {
    padding: 5px 0;
    border: 0;
}

.ms-shop-sidebar .ms-sidebar-block.color-block .ms-sidebar-block-item .ms-clr-block {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    opacity: 0.7;
    background: transparent;
    cursor: pointer;
}

.ms-shop-sidebar .ms-sidebar-block.color-block .ms-sidebar-block-item .ms-clr-block:hover {
    opacity: 1;
}

.ms-shop-sidebar .ms-sidebar-block.color-block .ms-sidebar-block-item input {
    width: 20px;
    height: 20px;
}

.ms-shop-sidebar .ms-sidebar-block.color-block .ms-sidebar-block-item .checked {
    width: 20px;
    height: 20px;
    background: transparent;
    border: 0;
}

.ms-shop-sidebar .ms-sidebar-block.color-block .ms-sidebar-block-item .checked:after {
    width: 24px;
    height: 18px;
    left: -1px;
    top: 50%;
    border: 1px solid transparent;
    content: "\f00c";
    position: absolute;
    display: none;
    background: transparent;
    font-family: "Msicons";
    font-size: 12px;
    color: #fff;
    line-height: 16px;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ms-shop-sidebar .ms-sidebar-wrap {
    border-radius: 3px;
}


/* Toggle filter sidebar */

.filter-sidebar-overlay {
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 16;
    display: none;
}

.ms-filter-sidebar {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 300px;
    height: 100vh;
    padding: 0;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 16;
    background-color: #ffffff;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    overflow: auto;
}

.ms-filter-sidebar::-webkit-scrollbar {
    width: 12px !important;
    height: 10px !important;
    padding: 8px !important;
}

.ms-filter-sidebar::-webkit-scrollbar-track {
    width: 12px !important;
    background-color: #17181c !important;
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0) !important;
}

.ms-filter-sidebar::-webkit-scrollbar-thumb {
    background-color: #17181c !important;
    border: 3px solid #fff !important;
}

.ms-filter-sidebar::-webkit-scrollbar-thumb:hover {
    background-color: #3e9172 !important;
}

.ms-filter-sidebar .sidebar-filter-title {
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #f5f4f9;
}

.ms-filter-sidebar .sidebar-filter-title h5 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
}

.ms-filter-sidebar .sidebar-filter-title .filter-close {
    margin-right: 15px;
    color: #ff8585;
    font-size: 24px;
    line-height: 1;
}

.ms-filter-sidebar .ms-sidebar-wrap {
    border: 0;
}

.ms-filter-sidebar .ms-sb-title h3 {
    font-size: 18px;
}

.filter-sidebar-open {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}


/* Price slider block */

.ms-price-range-slider {
    margin-top: 20px !important;
    /*-----  Price Filter  -----*/
}

.ms-price-range-slider .noUi-target {
    cursor: pointer;
}

.ms-price-range-slider .noUi-target:focus {
    outline: none;
}

.ms-price-range-slider .noUi-horizontal {
    height: 4px;
    margin-bottom: 5px;
}

.ms-price-range-slider .noUi-horizontal .noUi-handle {
    top: -6px;
    right: -15px;
    width: 16px;
    height: 16px;
    background: #fff;
    border: 2px solid #3e9172;
    border-radius: 50%;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    cursor: pointer;
    -webkit-transition: -webkit-transform 0.1s;
    transition: -webkit-transform 0.1s;
    transition: transform 0.1s;
    transition: transform 0.1s, -webkit-transform 0.1s;
}

.ms-price-range-slider .noUi-horizontal .noUi-handle:hover {
    background: #3e9172;
}

.ms-price-range-slider .noUi-connect {
    background: #777;
}

.ms-price-range-slider .noUi-base {
    background: #f5f4f9;
}

.ms-price-range-slider .noUi-handle.noUi-handle-upper {
    right: -2px;
}

.ms-price-range-slider .filter__input {
    height: 30px;
    border: none;
    border-radius: 0;
    padding: 0;
    max-width: 48px;
    line-height: 30px;
    background: #fff;
    text-align: center;
    font-size: 14px;
    color: #777;
}

.ms-price-range-slider .ms-price-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.ms-price-range-slider .ms-price-input {
    margin-bottom: 15px;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f5f4f9;
    border-radius: 3px;
}

.ms-price-range-slider .ms-price-input label {
    font-size: 14px;
    color: #777;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ms-price-range-slider .ms-price-input label input {
    border-radius: 3px;
}

.ms-price-range-slider .ms-price-input .ms-price-divider {
    position: relative;
    border-bottom: 1px solid #777;
    width: 10px;
    height: 1px;
    margin: 0 10px;
}


/* Tags block */

.ms-tag-block {
    margin-top: 20px !important;
    margin-bottom: -2px;
}

.ms-tag-block a {
    margin: 2px 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-transform: capitalize;
    font-weight: 300;
    font-size: 13px;

}


/*-------------------------------------------------
  Single product Page CSS
---------------------------------------------------*/

.ms-single-product {
    margin-bottom: 0;
    /*-----  Single Product  -----*/
    /*-----  Add More Product  -----*/
    /*-----  Product Info Tabs  -----*/
}

.ms-single-product .single-pro-img-no-sidebar {
    width: 40%;
}

.ms-single-product .single-pro-desc-no-sidebar {
    width: 60%;
}

.ms-single-product .single-pro-img {
    position: relative;
    width: 47.3%;
}

.ms-single-product .single-pro-img .single-product-scroll {
    padding: 15px;
    position: sticky;
    top: 30px;
    background: #f5f4f9;
    border-radius: 3px;
    border: 1px solid #eee;
}

.ms-single-product .single-pro-img .ms-360-lbl {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    border-radius: 50%;
    cursor: pointer;
    height: 40px;
    width: 40px;
    text-align: center;
    -ms-flex-line-pack: center;
    align-content: center;
    display: -ms-grid;
    display: grid;
    opacity: 0.7;
}

.ms-single-product .single-pro-img .ms-360-lbl:hover {
    opacity: 1;
}

.ms-single-product .single-pro-img .ms-video-icon {
    position: absolute;
    display: -ms-grid;
    display: grid;
    top: 15px;
    right: 15px;
    height: 40px;
    width: 40px;
    text-align: center;
    -ms-flex-line-pack: center;
    align-content: center;
    cursor: pointer;
    z-index: 1;
    opacity: 0.7;
}

.ms-single-product .single-pro-img .ms-video-icon:hover {
    opacity: 1;
}

.ms-single-product .single-pro-desc {
    width: 52.7%;
}

.ms-single-product .single-pro-img-no-sidebar {
    width: 40%;
}

.ms-single-product .single-pro-desc-no-sidebar {
    width: 60%;
}

.ms-single-product .space-6 > div {
    margin-top: 30px;
}

.ms-single-product .space-6 > div:nth-child(-n+2) {
    margin-top: 0;
}

.ms-single-product .single-product-cover {
    overflow: hidden;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    border-radius: 3px;
}

.ms-single-product .single-nav-thumb {
    width: 100%;
    overflow: hidden;
}

.ms-single-product .single-nav-thumb .slick-list {
    margin: 0 -8px;
}

.ms-single-product .single-nav-thumb .single-slide {
    padding: 11px 11px 0 11px;
    display: block !important;
}

.ms-single-product .single-nav-thumb .slick-slide img {
    border: 1px solid transparent;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    border-radius: 3px;
}

.ms-single-product .single-nav-thumb .slick-slide:hover img {
    border-color: #3e9172;
}

.ms-single-product .single-nav-thumb .slick-slide.slick-current.slick-active img {
    border-color: #3e9172;
}

.ms-single-product .single-nav-thumb .slick-arrow {
    top: 42%;
}

.ms-single-product .single-nav-thumb .slick-arrow.slick-prev {
    left: 0;
    right: auto;
}

.ms-single-product .single-nav-thumb .slick-arrow {
    position: absolute;
    top: 55%;
    left: auto;
    right: auto;
    margin: 0 auto;
    font-size: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30px;
    height: 30px;
    padding: 0;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ms-single-product .single-nav-thumb .slick-arrow:before {
    content: "";
    color: #777;
    position: relative;
    font-size: 30px;
    font-family: "EcIcons";
    width: 100%;
    line-height: 30px;
    height: 30px;
}

.ms-single-product .single-nav-thumb .slick-arrow.slick-prev:before {
    content: "\f104";
    font-family: "FontAwesome";
    font-size: 1.2rem;
}

.ms-single-product .single-nav-thumb .slick-arrow.slick-next {
    right: 0;
    left: auto;
}

.ms-single-product .single-nav-thumb .slick-arrow.slick-next:before {
    content: "\f105";
    font-family: "FontAwesome";
    font-size: 1.2rem;
}

.ms-single-product .single-pro-content .ms-single-title {
    color: #17181c;
    font-size: 22px;
    text-transform: capitalize;
    margin: 0 0 20px 0;
    text-decoration: none;
    display: block;
    font-weight: 500;
    line-height: 35px;

}

.ms-single-product .single-pro-content p {
    font-size: 14px;
    color: #17181c;
    margin: 0 0 12px;
    font-weight: 600;
}

.ms-single-product .single-pro-content p span {
    font-weight: 400;
}

.ms-single-product .single-pro-content .single-para {
    font-weight: 400;
    color: #17181c;
    line-height: 26px;
}

.ms-single-product .single-pro-content .ms-single-rating-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 14px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ms-single-product .single-pro-content .ms-single-rating-wrap i.ecicon {
    margin-right: 2px;
    line-height: 20px;
    font-size: 16px;
    float: unset;
}

.ms-single-product .single-pro-content .ms-single-rating-wrap .ms-read-review {
    color: #999;
}

.ms-single-product .single-pro-content .ms-single-rating-wrap .ms-read-review a {
    color: #999;
    font-size: 14px;
    line-height: 20px;
}

.ms-single-product .single-pro-content .ms-single-rating-wrap .ms-read-review a:hover {
    color: #3e9172;
}

.ms-single-product .single-pro-content .ms-single-rating {
    padding-left: 15px;
    line-height: 17px;
}

.ms-single-product .single-pro-content .ms-read-review {
    line-height: 17px;
}

.ms-single-product .single-pro-content .ms-single-desc {
    margin-bottom: 12px;
    color: #777;
    font-size: 14px;
    word-break: break-all;
    line-height: 26px;
}

.ms-single-product .single-pro-content .ms-single-list ul {
    margin-bottom: 30px;
    padding-right: 18px;
}

.ms-single-product .single-pro-content .ms-single-list ul li {
    margin: 10px 0;
    color: #777;
    font-size: 14px;
    list-style: circle;
}

.ms-single-product .single-pro-content .ms-single-list ul li strong {
    font-weight: 600;
}

.ms-single-product .single-pro-content .ms-single-price-stoke {
    margin-bottom: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.ms-single-product .single-pro-content .ms-single-price-stoke > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.ms-single-product .single-pro-content .ms-single-price-stoke .ms-single-ps-title {
    line-height: 1;
    font-size: 16px;
    color: #3e9172;

}

.ms-single-product .single-pro-content .ms-single-price-stoke .ms-single-sku {
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 32px;
    color: #17181c;
    font-weight: 600;
}

.ms-single-product .single-pro-content .ms-single-price .final-price {
    margin-bottom: 15px;
    color: #17181c;
    font-weight: 600;
    font-size: 22px;
    line-height: 32px;
}

.ms-single-product .single-pro-content .ms-single-price .final-price .price-des {
    margin-right: 15px;
    color: #3e9172;
    font-weight: 500;
    font-size: 18px;
}

.ms-single-product .single-pro-content .ms-single-price .mrp {
    color: #777;
}

.ms-single-product .single-pro-content .ms-single-price .mrp span {
    color: #999;
    text-decoration: line-through;
}

.ms-single-product .single-pro-content .ms-pro-variation {
    margin-bottom: 20px;
    padding-bottom: 5px;
}

.ms-single-product .single-pro-content .ms-pro-variation .ms-pro-variation-inner {
    font-size: 16px;
    font-weight: 600;
    color: #17181c;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ms-single-product .single-pro-content .ms-pro-variation .ms-pro-variation-inner > span {
    margin: 0 0 10px;
    color: #202020;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.1;
    text-transform: uppercase;
}

.ms-single-product .single-pro-content .ms-pro-variation .ms-pro-variation-inner .ms-pro-variation-content li {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-left: 10px;
    padding: 5px 10px;
    cursor: pointer;
    background-color: #f5f4f9;
    color: #777;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    line-height: 22px;
    border: 1px solid #eee;
    float: right;
    border-radius: 3px;
}

.ms-single-product .single-pro-content .ms-pro-variation .ms-pro-variation-inner.ms-pro-variation-color .ms-pro-variation-content li {
    padding: 2px;
    border-radius: 30px;
    opacity: 0.7;
    background-color: transparent;
}

.ms-single-product .single-pro-content .ms-pro-variation .ms-pro-variation-inner.ms-pro-variation-color .ms-pro-variation-content li span {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 30px;
}

.ms-single-product .single-pro-content .ms-pro-variation .ms-pro-variation-inner.ms-pro-variation-color .ms-pro-variation-content .active {
    border: 1px solid #17181c;
}

.ms-single-product .single-pro-content .ms-single-qty {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
}

.ms-single-product .single-pro-content .ms-single-qty .qty-plus-minus {
    width: 120px;
    height: 40px;
    padding: 10px;
    border: 1px solid #eee;
    display: inline-block;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 3px;
}

.ms-single-product .single-pro-content .ms-single-qty .qty-plus-minus .ms_qtybtn {
    width: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    cursor: pointer;
    font-size: 22px;
    color: #17181c;
}

.ms-single-product .single-pro-content .ms-single-qty .qty-plus-minus input.qty-input {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: #17181c;
    float: left;
    font-size: 15px;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 40px;
    outline: none;
    font-weight: 500;
}

.ms-single-product .single-pro-content .ms-single-qty .qty-plus-minus .dec.ms_qtybtn {
    border-right: 1px solid #eee;
}

.ms-single-product .single-pro-content .ms-single-qty .qty-plus-minus .inc.ms_qtybtn {
    border-left: 1px solid #eee;
}

.ms-single-product .single-pro-content .ms-single-qty .ms-single-cart .ms-btn-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
    margin: 0 10px;
    text-transform: uppercase;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 160px;

    border: 0;
}

.ms-single-product .single-pro-content .ms-single-qty .ms-single-cart .ms-btn-2 svg {
    margin-right: 8px;
}

.ms-single-product .single-pro-content .ms-single-qty .ms-btn-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    text-decoration: none;
    color: #17181c !important;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 3px;
}

.ms-single-product .single-pro-content .ms-single-qty .ms-btn-group .svg_img.pro_svg path {
    fill: #17181c !important;
}

.ms-single-product .single-pro-content .ms-single-qty .ms-btn-group:hover {
    color: #fff;
    background-color: #3e9172;
    border-color: #3e9172;
}

.ms-single-product .single-pro-content .ms-single-qty .ms-btn-group:hover .svg_img.pro_svg path {
    fill: #fff !important;
}

.ms-single-product .single-pro-content .ms-single-qty .ms-single-wishlist {
    margin-left: 10px;
}

.ms-single-product .single-add-more .add-more-item {
    height: 100%;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    border: 1px solid #eee;
    border-radius: 3px;
}

.ms-single-product .single-add-more .add-more-item:hover a {
    opacity: 1;
}

.ms-single-product .single-add-more .add-more-item a {
    position: absolute;
    top: 5px;
    left: 5px;
    opacity: 0;
}

.ms-single-product .single-add-more .add-more-item .add-more-img {
    margin-left: 15px;
    position: relative;
}

.ms-single-product .single-add-more .add-more-item .add-more-img img {
    width: 75px;
}

.ms-single-product .single-add-more .add-more-item .add-more-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.ms-single-product .single-add-more .add-more-item .add-more-info h5 {
    color: #777;
    display: block;
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    text-transform: capitalize;
}

.ms-single-product .single-add-more .add-more-item .add-more-info .ms-pro-rating {
    margin-bottom: 5px;
}

.ms-single-product .single-add-more .add-more-item .add-more-info .ms-pro-rating i {
    font-size: 12px;
}

.ms-single-product .single-add-more .add-more-item .add-more-info .new-price {
    font-size: 15px;
}

.ms-single-product .single-add-more .add-more-item .add-more-info .old-price {
    margin-right: 5px;
    font-size: 14px;
    color: #777;
    text-decoration: line-through;
}

.ms-single-product .ms-single-pro-tab {
    margin-top: 40px;
}

.ms-single-product .ms-single-pro-tab .ms-single-pro-tab-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.ms-single-product i.msicon.msi-star-o.fill {
    color: #ff6262;
}

.ms-single-product i.msicon.msi-star-o {
    color: #b2b2b2;
    float: left;
    font-size: 14px;
}

.ms-single-product .ms-single-pro-tab-nav {
    width: 100%;
    margin: auto;
    border-bottom: none;
    position: relative;
    display: block;
    text-align: center;
    float: left;
}

.ms-single-product .ms-single-pro-tab-nav .nav-tabs {
    border-bottom: none;
    float: right;
}

.ms-single-product .ms-single-pro-tab-nav .nav-tabs li {
    margin: 0 auto 5px 5px;
}

.ms-single-product .ms-single-pro-tab-nav .nav-tabs li:last-child {
    margin-right: 0;
}

.ms-single-product .ms-single-pro-tab-nav .nav-tabs .nav-link {
    border: 1px solid #eee;
    text-transform: capitalize;
    line-height: 24px;
    color: #17181c;
    padding: 8px 28px;
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
    display: inline-block;
    cursor: pointer;
    background-color: #fff;
    border-radius: 3px;

}

.ms-single-product .ms-single-pro-tab-nav .nav-tabs .nav-link:hover {
    color: #fff;
    background-color: #3e9172;
    border: 1px solid #3e9172;
}

.ms-single-product .ms-single-pro-tab-nav .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #3e9172;
    border: 1px solid #3e9172;
}

.ms-single-product .ms-single-pro-tab-nav li {
    display: inline-block;
    float: left;
    margin-right: 2px;
}

.ms-single-product .tab-pane p {
    color: #777;
    font-size: 14px;
    font-weight: 500;
}

.ms-single-product .ms-single-pro-tab-content {
    overflow: hidden;
    background-color: #fff;
    text-align: right;
    padding: 30px;
    border: 1px solid #eee;
    border-radius: 0;
    color: #202020;
    font-size: 18px;

    line-height: 1.6;
    border-radius: 3px;
}

.ms-single-product .ms-single-pro-tab-content .ms-t-review-wrapper {
    margin-top: 10px;
}

.ms-single-product .ms-single-pro-tab-content .ms-single-pro-tab-desc > p:last-child {
    margin-bottom: 0;
}

.ms-single-product .ms-single-pro-tab-content .ms-single-pro-tab-desc p {
    margin-bottom: 15px;
    font-size: 14px;

    color: #777;
    line-height: 28px;
    font-weight: 400;
}

.ms-single-product .ms-single-pro-tab-content .ms-single-pro-tab-desc ol {
    padding-left: 24px;
}

.ms-single-product .ms-single-pro-tab-content .ms-single-pro-tab-desc ol li {
    list-style: outside;
    margin-bottom: 4px;
    color: #777;
}

.ms-single-product .ms-single-pro-tab-content .ms-single-pro-tab-desc ul {
    margin-bottom: 15px;
    padding-right: 24px;
}

.ms-single-product .ms-single-pro-tab-content .ms-single-pro-tab-desc ul li {
    font-size: 15px;
    list-style: outside;
    margin-bottom: 4px;
    color: #777;
}

.ms-single-product .ms-single-pro-tab-content .ms-single-pro-tab-moreinfo p {
    color: #777;
    font-size: 14px;
    font-weight: 400;
}

.ms-single-product .ms-single-pro-tab-content .ms-single-pro-tab-moreinfo ol {
    padding-left: 24px;
}

.ms-single-product .ms-single-pro-tab-content .ms-single-pro-tab-moreinfo ol li {
    list-style: outside;
    margin-bottom: 4px;
    color: #777;
}

.ms-single-product .ms-single-pro-tab-content .ms-single-pro-tab-moreinfo ul {
    padding-right: 24px;
}

.ms-single-product .ms-single-pro-tab-content .ms-single-pro-tab-moreinfo ul li {
    margin-bottom: 4px;
    font-size: 15px;
    list-style: outside;
    color: #777;
}

.ms-single-product .ms-single-pro-tab-content .ms-single-pro-tab-moreinfo li span {
    margin: 0 0 0 25px;
    min-width: 150px;
    font-size: 15px;
    color: #17181c !important;
    display: inline-block;
    font-weight: 500;
    color: #777;
}

.ms-single-product .ms-single-pro-tab-content .ms-t-review-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #eee;
}

.ms-single-product .ms-single-pro-tab-content .ms-t-review-item p {
    color: #777;
}

.ms-single-product .ms-single-pro-tab-content .ms-t-review-item .ms-t-review-avtar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    margin: 0 0 0 15px;
}

.ms-single-product .ms-single-pro-tab-content .ms-t-review-item .ms-t-review-avtar img {
    max-width: 100%;
    border-radius: 3px;
}

.ms-single-product .ms-single-pro-tab-content .ms-t-review-item .ms-t-review-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 0 10px;
}

.ms-single-product .ms-single-pro-tab-content .ms-t-review-item .ms-t-review-top .ms-t-review-name {
    margin-bottom: 25px;
    font-size: 15px;
    margin: 0;
    line-height: 1.5;
    font-weight: 500;
    display: block;
    color: #17181c;
}

.ms-single-product .ms-single-pro-tab-content .ms-t-review-item .ms-t-review-top .ms-t-review-rating {
    font-size: 16px;
    margin-top: 5px;
}

.ms-single-product .ms-single-pro-tab-content .ms-t-review-item .ms-t-review-top a {
    color: #17181c;
}

.ms-single-product .ms-single-pro-tab-content .ms-t-review-item .ms-t-review-top a:hover {
    color: #17181c;
}

.ms-single-product .ms-single-pro-tab-content .ms-t-review-item .ms-t-review-bottom p {
    width: 100%;
    margin: 0;
    font-size: 14px;
    color: #777;
    line-height: 24px;
    font-weight: 400;
}

.ms-single-product .ms-single-pro-tab-content .ms-ratting-content h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 10px;
}

.ms-single-product .ms-single-pro-tab-content .ms-ratting-content .ms-ratting-star {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 5px 0 25px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ms-single-product .ms-single-pro-tab-content .ms-ratting-content .ms-ratting-star span {
    margin: 0 0 0 18px;
    font-size: 16px;
    color: #202020;
}

.ms-single-product .ms-single-pro-tab-content .ms-ratting-content .ms-ratting-star i {
    font-size: 18px;
}

.ms-single-product .ms-single-pro-tab-content .ms-ratting-content .ms-ratting-input:not(:last-child) {
    margin-bottom: 10px;
}

.ms-single-product .ms-single-pro-tab-content .ms-ratting-content .ms-ratting-input input {
    width: 100%;
    margin-bottom: 15px;
    padding: 5px 20px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #eee;
    color: #777;
}

.ms-single-product .ms-single-pro-tab-content .ms-ratting-content .ms-ratting-input input,
.ms-single-product .ms-single-pro-tab-content .ms-ratting-content .ms-ratting-input textarea {
    font-size: 14px;
    border-radius: 3px;
}

.ms-single-product .ms-single-pro-tab-content .ms-ratting-content .ms-ratting-input input::-webkit-input-placeholder,
.ms-single-product .ms-single-pro-tab-content .ms-ratting-content .ms-ratting-input textarea::-webkit-input-placeholder {
    color: #999;
    opacity: 1;
}

.ms-single-product .ms-single-pro-tab-content .ms-ratting-content .ms-ratting-input input::-moz-placeholder,
.ms-single-product .ms-single-pro-tab-content .ms-ratting-content .ms-ratting-input textarea::-moz-placeholder {
    color: #999;
    opacity: 1;
}

.ms-single-product .ms-single-pro-tab-content .ms-ratting-content .ms-ratting-input input:-ms-input-placeholder,
.ms-single-product .ms-single-pro-tab-content .ms-ratting-content .ms-ratting-input textarea:-ms-input-placeholder {
    color: #999;
    opacity: 1;
}

.ms-single-product .ms-single-pro-tab-content .ms-ratting-content .ms-ratting-input input::-ms-input-placeholder,
.ms-single-product .ms-single-pro-tab-content .ms-ratting-content .ms-ratting-input textarea::-ms-input-placeholder {
    color: #999;
    opacity: 1;
}

.ms-single-product .ms-single-pro-tab-content .ms-ratting-content .ms-ratting-input input::placeholder,
.ms-single-product .ms-single-pro-tab-content .ms-ratting-content .ms-ratting-input textarea::placeholder {
    color: #999;
    opacity: 1;
}

.ms-single-product .ms-single-pro-tab-content .ms-ratting-content .ms-ratting-input textarea {
    background: transparent;
    border: 1px solid #eee;
    color: #17181c;
    height: 150px;
    padding: 20px;
    margin-bottom: 15px;
    width: 100%;
    outline: none;
    font-size: 14px;
}

.ms-single-product .ms-single-pro-tab-content .ms-product-vendor .ms-vendor-info {
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.ms-single-product .ms-single-pro-tab-content .ms-product-vendor .ms-vendor-info img {
    width: 80px;
    margin-left: 15px;
    border: 1px solid #eee;
}

.ms-single-product .ms-single-pro-tab-content .ms-product-vendor .ms-vendor-info h5 {
    font-size: 15px;
    font-weight: 400;
}

.ms-single-product .ms-single-pro-tab-content .ms-product-vendor .ms-vendor-info p {
    margin-bottom: 0;
}

.ms-single-product .ms-single-pro-tab-content .ms-product-vendor .ms-detail ul {
    margin-bottom: 15px;
}

.fa-search {
    color: #bbb;
}

.fa-facebook-square,
.fa-twitter-square,
.fa-linkedin-square {
    color: #fff;
}

.fa-trash {
    color: #bbb;
    font-size: 17px;
}

.fa-phone {
    transform: rotateY(180deg);
    font-size: 11px;
}

.tracking-details table {
    width: auto;
    table-layout: auto;
}
.tracking-details {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 15px;
}
.tracking-details table {
    width: 100%;
    display: table;
}
.tracking-details tbody tr:nth-child(odd) {
    background-color: #fff;
}
.tracking-details tbody tr:nth-child(even) {
    background-color: #eee;
}
.tracking-details tbody th {
    background-color: var(--primary-bgcolor);
    color: var(--primary-color);
    text-align: right;
    padding: 5px;
    width: 20%;
}
.tracking-details tbody td {
    padding: 5px;
}
/*Comments Style*/
.comment-notes {
    display: none;
}
.comment-form-comment,
.comment-form-author,
.comment-form-email {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
}
.comment-form-comment textarea {
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 7px 13px;
}
.comment-form-author input {
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 7px 13px;
}
.comment-form-email input {
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 7px 13px;
}
.form-submit {
    text-align: left;
}
.form-submit input {
    padding: 6px 25px;
    border-radius: 5px;
    border: 2px solid var(--primary-bgcolor);
    color: #204066;
    transition: all .3s ease-in-out;
}
.form-submit input {
    border: 1px solid var(--primary-bgcolor);
    margin: 0 !important;
    margin-bottom: 10px;
    margin-left: 10px;
    border-radius: 5px;
    display: inline-block;
    transition: all .5s ease-in-out;
    font-size: 14px;
    background-color: var(--primary-bgcolor) !important;
    color: var(--primary-color);
}
.form-submit input:hover {
    background-color: var(--primary-color) !important;
    color: var(--primary-bgcolor);
}
ol.comment-list li {
    list-style: none;
}
ol.comment-list li .comment-body {
    padding: 10px 25px;
    border-radius: 5px;
    border: 1px solid #eee;
    margin: 1rem;
}
ol.commentlist li {
    list-style: none;
}
ol.commentlist li .comment-body {
    padding: 15px 25px;
    border-radius: 5px;
    border: 1px solid #eee;
    margin: 1rem;
}
.comment-body .comment-author {
    font-size: 14px;
}
.comment-body .comment-author img {
    border-radius: 5px;
    margin-left: 5px;
}
.comment-body .comment-meta {
    font-size: 12px;
}
.comment-body p {
    font-size: 14px;
    text-align: justify;
    border-radius: 5px;
    border: 1px solid #eee;
    padding: 10px;
    margin: 10px 0;
}
.comment-body .reply {
    text-align: left;
}
.comment-body .reply a.comment-reply-link {
    border: 1px solid var(--primary-bgcolor);
    background-color: var(--primary-bgcolor);
    color: var(--primary-color);
    border-radius: 5px;
    font-size: 14px;
    padding: 6px 15px;
    transition: all .3s ease-in-out;
}
.comment-body .reply a.comment-reply-link:hover {
    background-color: var(--primary-color);
    color: var(--primary-bgcolor);
}
ol.children {
    padding-left: 0;
}
.product-area {
    position: relative;
}
.site-heading-inline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 25px;
    margin-top: 11px;
}
.site-heading-inline .site-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 25px;
}
.site-heading-inline a {
    font-weight: 500;
    color: #777;
}
.site-heading-inline a i {
    margin-right: 5px;
    color: #777;
}
.site-heading-inline h2.ms-title {
    font-size: 24px;
    line-height: 50px;
    position: relative;
}
.site-heading-inline h2.ms-title:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 75px;
    height: 3px;
    background-color: red;
}
.small-banner {
    position: relative;
}
.small-banner .banner-item {
    position: relative;
    margin-bottom: 25px;
    border-radius: 10px;
}
.small-banner .banner-item img {
    height: 100%;
    width: 100%;
    border-radius: 10px;
}
.item-side-banner .banner-content {
    padding-right: 28px;
}
.small-banner .banner-content {
    width: 200px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding-right: 35px;
}
.item-side-banner .banner-content p {
    font-size: 18px;
}
.small-banner .banner-item p {
    font-size: 14px;
    color: var(--primary-bgcolor);
    font-weight: 500;
    margin-bottom: 10px;
    text-transform: capitalize;
}
.item-side-banner .banner-content h3 {
    font-size: 23px;
}
.small-banner .banner-item h3 {
    font-size: 22px;
    font-weight: 600;
    text-transform: capitalize;
    color: var(--primary-bgcolor);
}
.item-side-banner .banner-content a {
    font-size: 15px;
}
.small-banner .banner-item a {
    color: var(--primary-bgcolor);
    background-color: transparent;
    margin-top: 15px;
    font-size: 15px;
    font-weight: 500;
    display: inline-block;
    text-transform: uppercase;
    border: 2px solid var(--primary-bgcolor);
    padding: 5px 15px;
    border-radius: 5px;
    transition: all .3s ease-in-out;
}
.small-banner .banner-item a:hover {
    background-color: var(--primary-bgcolor);
    color: var(--primary-color);
}

.item-2 .product-item {
    border: 1px solid var(--primary-bgcolor);
    background: 0 0;
}
.product-slider .product-item {
    margin-bottom: 0;
    direction: rtl;
}
.product-item {
    position: relative;
    padding: 20px;
    margin-bottom: 25px;
    border-radius: 10px;
    background: var(--primary-bgcolor);
}
.product-img {
    position: relative;
}
.product-item .type.oos {
    background: var(--primary-bgcolor);
}
.product-item .type {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    background: var(--primary-bgcolor);
    color: var(--primary-color);
    font-size: 11px;
    padding: 2px 15px;
    font-weight: 500;
    letter-spacing: 0px;
    text-transform: uppercase;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}
.product-title a {
    font-size: 17px;
    color: var(--primary-bgcolor);
}
.product-bottom {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
}
.product-bottom .product-add-to-cart {
    width: 100%;
}
.product-bottom .product-add-to-cart span.add-to-cart-html p a.add_to_cart_button.ajax_add_to_cart {
    width: 100%;
    text-align: center;
    background-color: var(--primary-bgcolor);
    color: var(--primary-color);
    transition: all .3s ease-in-out;
    border: 1px solid var(--primary-bgcolor);
}
.product-bottom .product-add-to-cart span.add-to-cart-html p a.add_to_cart_button.ajax_add_to_cart:hover {
    background-color: var(--primary-color);
    color: var(--primary-bgcolor);
}
.product-bottom .product-add-to-cart span.add-to-cart-html p a.add_to_cart_button.ajax_add_to_cart.added {
    display: none;
}
.product-bottom .product-add-to-cart span.add-to-cart-html p a.product_type_simple {
    width: 100%;
    text-align: center;
    background-color: var(--primary-bgcolor);
    color: var(--primary-color);
    transition: all .3s ease-in-out;
    border: 1px solid var(--primary-bgcolor);
}
.product-bottom .product-add-to-cart span.add-to-cart-html p a.product_type_simple:hover {
    background-color: var(--primary-color);
    color: var(--primary-bgcolor);
}
.product-bottom .product-add-to-cart span.add-to-cart-html p a.product_type_variable {
    width: 100%;
    text-align: center;
    background-color: var(--primary-bgcolor);
    color: var(--primary-color);
    transition: all .3s ease-in-out;
    border: 1px solid var(--primary-bgcolor);
}
.product-bottom .product-add-to-cart span.add-to-cart-html p a.product_type_variable:hover {
    background-color: var(--primary-color);
    color: var(--primary-bgcolor);
}
.product-bottom .product-add-to-cart span.add-to-cart-html p a.added_to_cart {
    width: 100%;
    text-align: center;
    padding: .618em 1em;
    background-color: var(--primary-bgcolor);
    color: var(--primary-color);
    line-height: 1;
    transition: all .3s ease-in-out;
    border: 1px solid var(--primary-bgcolor);
    border-radius: 3px;
}
.product-bottom .product-add-to-cart span.add-to-cart-html p a.added_to_cart:hover {
    background-color: var(--primary-color);
    color: var(--primary-bgcolor);
}

.product-price {
    font-size: 16px;
    font-weight: 500;
}
.product-price span.price-html .demo-two-price {
    display: flex;
    justify-content: flex-start;
    direction: ltr;
    gap: 5px;
    align-items: center;
}
.product-price span.price-html .demo-two-price del {
    font-size: 10px;
}
.product-price span.price-html .demo-two-price ins {
    font-size: 15px;
    text-decoration: auto;
}

.item-banner .product-cart-btn {
    width: 38px;
    height: 38px;
    line-height: 30px;
    font-size: 16px;
    padding: unset;
    text-align: center;
}
.product-slider .owl-nav {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.product-slider .owl-nav button {
    position: absolute;
    background: var(--primary-bgcolor) !important;
    color: var(--primary-color) !important;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 20px !important;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
    transition: all .5s ease-in-out;
    top: 50%;
    transform: translateY(-50%);
}
.product-slider .owl-prev {
    right: -16px;
}
.product-slider .owl-next {
    left: -16px;
}
.category-area2 .category-item {
    margin-bottom: 25px;
}
.category-item {
    position: relative;
}
.category-item a {
    width: 100%;
    vertical-align: middle;
    direction: rtl;
}
.category-area2 .category-info {
    background: 0 0;
    padding: 0;
}
.category-info {
    text-align: center;
    background: #F6F9FC;
    padding: 15px 5px;
    border-radius: 15px;
    transition: all .3s ease-in-out;
}
.category-slider .category-info .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 140px;
    height: 140px;
}
.category-area2 .category-info .icon {
    width: 120px;
    height: 120px;
    line-height: 115px;
    background: #F6F9FC;
}
.category-info .icon {
    width: 80px;
    height: 80px;
    line-height: 75px;
    margin: 0 auto;
    border-radius: 50%;
    background: #8493CA;
    position: relative;
    z-index: 1;
}
.category-area2 .category-slider .category-info .icon img {
    width: 110px;
}
.category-info .content {
    margin-top: 10px;
}
.category-info .content h4 {
    font-size: 17px;
    font-weight: 400;
    color: #272727;
    transition: all .3s ease-in-out;
}
.category-info .content p {
    color: #757F95;
    text-align: center;
}
.category-slider .category-info:hover {
    transform: unset;
}
.category-info:hover .content h4 {
    color: var(--primary-bgcolor);
}
.category-info .icon img {
    width: 45px;
    filter: brightness(0) invert(1);
}
.category-area2 .category-info .icon img {
    filter: unset;
    transition: all .3s ease-in-out;
}
.category-slider .category-info:hover .icon img {
    filter: unset;
    transform: scale(1.05);
}
.brand-slider .brand-item {
    margin-bottom: 0;
}
.brand-item {
    padding: 40px 25px;
    border-radius: 15px;
    background: #F6F9FC;
    margin-bottom: 25px;
}

@media only screen and (max-width: 767px) {
	.ms-single-blog-item .single-blog-info .single-blog-detail .single-blog-detail-author-date {
		flex-direction: column;
    	align-items: flex-start;
	}
    .ms-footer .footer-top .ms-footer-widget .ms-footer-links ul {
        flex-direction: column;
        align-items: flex-start;
    }
    .ms-footer-social ul {
        flex-direction: row !important;
    }
    .ms-footer-boxes .ms-footer-boxes-inner {
        flex-direction: column;
    }
    .ms-footer-boxes .ms-footer-boxes-inner-image {
        flex-wrap: wrap;
        justify-content: center;
    }
    .ms-footer-boxes .ms-footer-boxes-inner-image a {
        width: 100px;
    }
    .ms-footer-detail {
        flex-direction: column;
    }
    .ms-footer-detail p {
        width: 100% !important;
    }
    .ms-footer-detail .ms-app-store {
        width: 100% !important;
        display: flex;
        justify-content: center;
        gap: 10px;
        margin-bottom: 50px;
    }
    .ms-footer-detail .ms-app-store a {
        width: 120px;
        display: block;
    }
    .footer-bottom-copy {
        flex-direction: column !important;
    }
    .ms-footer-contact .ms-footer-widget .ms-footer-links ul li {
        margin: 0 !important;
        border: none !important;
    }
   .ms-footer-heading {
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .ms-footer-heading .msicon {
        transition: transform 0.3s;
    }
    .ms-footer-heading .msicon.rotate-up {
        transform: rotate(180deg);
    }
    .ms-newsletter .newsletter-form input[type="email"] {
        width: 200px !important;
        font-size: 11px;
    }
}

.theme-btn {
    position: relative;
    font-size: 12px;
    background-color: var(--primary-bgcolor);
    color: var(--primary-color);
    padding: 10px 20px;
    display: inline-block;
    vertical-align: middle;
    text-transform: capitalize;
    border-radius: 10px;
    font-weight: 500;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    border: none;
    box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
    transition: all .5s ease-in-out;
    z-index: 1;
}

.hero-slider .owl-nav button {
    background: #fff !important;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border-radius: 50px;
    transition: all .5s ease-in-out;
}
.hero-slider .owl-nav button i {
    color: var(--primary-bgcolor) !important;
}
.hero-slider .owl-nav button:hover {
    background: var(--primary-bgcolor) !important;
}
.hero-slider .owl-nav button:hover i {
    color: var(--primary-color) !important;
}
.hero-slider .owl-nav {
    position: absolute;
    left: 0;
    bottom: 26px;
    font-size: 25px;
    direction: rtl;
}

.hero-slider .owl-dots {
    position: absolute;
    left: 120px;
    bottom: 0;
}
.hero-slider .owl-dots .owl-dot span {
    background: #fff;
}
.hero-slider .owl-dots .owl-dot span {
    background: #11B76B;
    margin: 5px;
    border-radius: 50px;
    width: 8px;
    height: 8px;
    display: inline-block;
    transition: all .5s ease-in-out;
}
.hero-slider .owl-dots .owl-dot.active span {
    background-color: #000 !important;
    width: 20px;
}

.feature-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
.feature-icon {
    width: 65px;
    height: 65px;
    line-height: 65px;
    background: #11B76B;
    fill: #fff;
    border-radius: 50%;
    text-align: center;
}
.feature-icon svg {
    width: 40px;
    height: 40px;
    line-height: 65px;
    fill: #fff;
}
.feature-area {
    position: relative;
    background: #F6F9FC;
}

.navbar-fixed {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    box-shadow: 0 14px 20px 0 rgb(0 0 0 / 24%);
}
.login-register-box {
    display: flex;
    gap: 10px;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    padding: 10px 10px 10px 15px;
    margin-left: 10px;
    margin-right: auto;
    line-height: 3;
}
.login-register-box a {
    color: #000;
}
.pswp__caption__center {
    text-align: right !important;
}
/* Wishlist Style */
.npn-toast {
    position: fixed;
    top: 20px;
    right: 20px;
    background: #27ae60;
    color: white;
    padding: 12px 20px;
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    z-index: 9999;
    font-weight: bold;
    opacity: 0;
    transition: all 0.3s ease;
}
.npn-toast.show {
    opacity: 1;
    transform: translateY(0);
}
.npn-wishlist-btn {
    background: white;
    border: none;
    font-size: 17px;
    cursor: pointer;
    color: #999;
    transition: color 0.3s;
    height: 29px;
    border: 1px solid #dfdfdf;
    padding: 5px;
    line-height: 13px;
    border-radius: 3px;
}
.npn-wishlist-btn.in-wishlist .heart-icon {
    color: red;
}
.npn-wishlist-container {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding: 10px;
  justify-content: flex-start;
}

.woocommerce-MyAccount-content .woocommerce-wishlist-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;
}

.woocommerce-MyAccount-content .woocommerce-wishlist-list .wishlist-item {
  width: 230px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

@media screen and (max-width: 767px) {
    .woocommerce-MyAccount-content .woocommerce-wishlist-list .wishlist-item {
        width: 155px;
    }
}

.woocommerce-MyAccount-content .woocommerce-wishlist-list .wishlist-item:hover {
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.woocommerce-MyAccount-content .woocommerce-wishlist-list .wishlist-image img {
  width: 100%;
  height: auto;
  display: block;
  border-bottom: 1px solid #eee;
}

.woocommerce-MyAccount-content .woocommerce-wishlist-list .wishlist-info {
  padding: 12px 14px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.woocommerce-MyAccount-content .woocommerce-wishlist-list .wishlist-info h3 {
  font-size: 13px !important;
  margin: 0 0 8px;
  line-height: 1.4;
}

.woocommerce-MyAccount-content .woocommerce-wishlist-list .wishlist-info h3 a {
  color: #333;
  text-decoration: none;
}

.woocommerce-MyAccount-content .woocommerce-wishlist-list .wishlist-info h3 a:hover {
  color: #d7263d;
}

.woocommerce-MyAccount-content .woocommerce-wishlist-list .wishlist-price {
  font-size: 10px;
  color: #444;
  margin-bottom: 10px;
}

.woocommerce-MyAccount-content .woocommerce-wishlist-list .wishlist-actions {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

.woocommerce-MyAccount-content .woocommerce-wishlist-list .wishlist-actions .button {
  flex: 1;
  font-size: 13px;
  padding: 6px 10px;
  border-radius: 6px;
  text-align: center;
  cursor: pointer;
}

.woocommerce-MyAccount-content .woocommerce-wishlist-list .wishlist-actions .button.view {
    background-color: #0071a1;
    color: #fff;
    border: none;
    font-size: 10px;
}

.woocommerce-MyAccount-content .woocommerce-wishlist-list .wishlist-actions .button.remove {
    background-color: #ff5e57;
    color: #fff;
    border: none;
    font-size: 10px;
}

.quick-view-button {
    background: white;
    cursor: pointer;
    height: 29px;
    border: 1px solid #dfdfdf;
    padding: 5px;
    line-height: 13px;
    border-radius: 3px;
    font-size: 17px;
    color: #464646;
}
.quick-view-button i {
    font-size: 16px;
}
.compare-icon-loop {
    background: white;
    cursor: pointer;
    height: 29px;
    border: 1px solid #dfdfdf;
    padding: 5px;
    line-height: 13px;
    border-radius: 3px;
    font-size: 17px;
    color: #464646;
}
.compare-icon-loop:hover {
    color: #000;
}

/* mini cart */
.mini-cart-sidebar {
    position: fixed;
    top: 0; right: -100%;
    width: 350px; height: 100vh;
    background: #fff;
    box-shadow: -3px 0 15px rgba(0,0,0,0.2);
    transition: right 0.3s ease;
    z-index: 99999;
    overflow-y: auto;
    padding: 20px;
}

.mini-cart-sidebar.open {
    right: 0;
}

.mini-cart-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e7e7e7;
}

.mini-cart-header button.close-mini-cart {
    font-size: 20px;
}

.open-mini-cart-btn {
    border: 1px solid #e2e2e2;
    color: white;
    padding: 10px;
    border-radius: 8px;
    font-size: 18px;
    display: flex;
    align-items: center;
}

#cart-count {
    background: #222;
    border-radius: 50%;
    color: white;
    font-size: 12px;
    width: 20px;
    height: 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left: 8px;
}

.confirm-remove button {
    margin-left: 5px;
    color: white;
    border: none;
    padding: 4px 10px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}

.confirm-remove .confirm-no,
.confirm-remove .confirm-yes {
    background: #999;
}
.confirm-remove .confirm-no:hover {
    background-color: green;
}
.confirm-remove .confirm-yes:hover {
    background-color: red;
}

.mini-cart-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 998;
    display: none;
    transition: opacity 0.3s ease;
}
.mini-cart-overlay.show {
    display: block;
}

.mini-cart-sidebar #mini-cart-content a.button {
    width: 40%;
    font-size: 12px;
    font-weight: 400;
    color: var(--primary-color);
    height: 40px;
    padding: 10px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    border: 1px solid #fff;
    border-radius: 7px;
    background-color: var(--primary-bgcolor);
    line-height: 20px;
}

#mini-cart-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
}
#mini-cart-content i {
    font-size: 50px;
}
#mini-cart-content p {
    font-size: 17px;
    font-weight: 700;
}


.lazy-load-box {
  position: relative;
  overflow: hidden;
  border: none;
}

.lazy-load-box::before {
  content: '';
  position: absolute;
  inset: 0; 
  background: linear-gradient(90deg, #eee 25%, #ddd 37%, #eee 63%);
  background-size: 400% 100%;
  animation: skeleton-loading 1.4s ease infinite;
  z-index: 10009;
  border-radius: 3px;
}

.lazy-load-box.loaded::before {
  display: none;
}

.lazy-load-box.loaded .content {
  opacity: 1;
  pointer-events: auto;
}

@keyframes skeleton-loading {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: -100% 0;
  }
}

/* Widget Magic Elementor */
.ms-magic-product-block .ms-product-content .ms-product-inner {
    flex-direction: row;
    justify-content: flex-start;
}
.ms-magic-product-block .ms-product-content .ms-product-inner .ms-pro-actions {
    flex-direction: row;
    top: auto;
    bottom: -30px;
    right: 25px;
    left: auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.ms-magic-product-block .ms-product-content .ms-product-inner:hover .ms-pro-actions {
    bottom: 20px;
    top: auto;
}
.ms-magic-product-block .ms-product-content .ms-product-inner a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    width: 30%;
}
.ms-magic-product-block .ms-product-content .ms-product-inner a.woocommerce-LoopProduct-link.woocommerce-loop-product__link .ms-pro-image-outer .ms-pro-image {
    width: 100%;
}
.ms-magic-product-block .ms-product-content .ms-product-inner a.woocommerce-LoopProduct-link.woocommerce-loop-product__link .ms-pro-image-outer .ms-pro-image img {
    width: 100%;   
    height: auto; 
}
.ms-magic-product-block .ms-product-content .ms-product-inner a.woocommerce-LoopProduct-link.woocommerce-loop-product__link .ms-pro-image-outer {
    height: auto;
}
.ms-magic-product-block .ms-product-content .ms-product-inner .ms-pro-content {
    width: 70%;
}
.ms-magic-product-block .ms-product-content .ms-product-inner .ms-pro-content span p.stock {
    font-size: 10px;
}
.ms-magic-product-block .ms-product-content .ms-product-inner .ms-pro-content span.price .mb-price-box {
    font-size: 12px;
}

/* Compare Popup */
#npn-overlay {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 10000;
    display: none;
}

#npn-compare-content table {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
}

#npn-compare-content th,
#npn-compare-content td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    word-wrap: break-word;
    line-height: 25px;
}

#npn-compare-content th {
    background-color: #f9f9f9;
    font-weight: bold;
}

#npn-add-product-popup {
    border-radius: 5px;
}

#npn-add-product-popup i {
    color: #fff;
}

#npn-compare-popup i {
    color: #fff;
}
#npn-product-list ul li button.add-product-to-compare:hover {
    background-color: var(--primary-bgcolor);
    color: var(--primary-color);
}

#npn-compare-content {
    overflow-x: auto;
}
#npn-compare-content table {
    min-width: 1000px;
}

#npn-compare-box {
    position: fixed;
    bottom: 110px;
    right: 40px;
    z-index: 9;
    background-color: var(--primary-bgcolor);
    border: 1px solid var(--primary-bgcolor);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 10px;
    transition: all .3s ease;
}

#npn-compare-box #open-compare-popup {
    padding: 10px;
}

#npn-compare-box:hover {
    background-color: var(--primary-color);
}

#npn-compare-box:hover i {
    color: var(--primary-bgcolor);
}

#npn-compare-box i {
    color: #fff;
}

@media only screen and (max-width: 767px) {
    #npn-compare-box {
        bottom: 130px;
        right: 15px;
        width: 40px !important;
        height: 40px !important;
    }
}

/* Login Popup For Wishlist When Not Login */
#npn-login-popup.npn-popup-overlay {
    display:none; 
    position:fixed; 
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
    background:#000000aa; 
    z-index:9999;
}
#npn-login-popup .npn-login-popup-box {
    background:#fff; 
    max-width:500px; 
    margin:100px auto; 
    padding:30px; 
    position:relative;
    border-radius: 5px;
}
#npn-login-popup .npn-login-popup-box .npn-popup-close {
    position: absolute;
    top: 0px;
    left: 10px;
    font-size: 30px;
}
#npn-login-popup .npn-login-popup-box .ms-login-box {
    width: 100%;
}
#npn-login-popup .npn-login-popup-box .ms-login-box.d-n-991 {
    display: none;
}
#npn-login-popup label {
    width: 100%;
}
#npn-login-popup label.woocommerce-form-login__rememberme {
    display: flex;
    align-items: center;
    gap: 10px;
}
#npn-login-popup label.woocommerce-form-login__rememberme input.woocommerce-form__input-checkbox {
    margin-bottom: 0;
}
#npn-login-popup input.woocommerce-Input {
    width: 100%;
}
#npn-login-popup .form-row button {
    font-size: 12px;
    color: var(--primary-color);
    padding: 7px 10px;
    border-radius: 3px;
    transition: all .3s ease-in-out;
    left: 0;
}
#npn-login-popup .form-row button:hover {
    background-color: var(--primary-color);
    color: var(--primary-bgcolor);
}
#npn-login-popup .form-row button[type=submit] {
    width: 100%;
    border-radius: 5px;
    background-color: var(--primary-bgcolor);
    font-weight: 400;
    transition: all .3s ease-in-out;
}
#npn-login-popup .form-row button[type=submit]:hover {
	background-color: var(--primary-color);
    color: var(--primary-bgcolor);
}
#npn-login-popup .woocommerce-LostPassword {
    color: #005783;
    font-size: 12px;
}
#npn-login-popup h2 {
    display: none;
}
#npn-login-popup .woocommerce-privacy-policy-text p {
    line-height: 20px;
    font-size: 12px;
    margin-bottom: 10px;
}
/* stock-quantity */
.stock-quantity {
    text-align: right;
    font-size: 11px;
    color: green;
}

.stock-msg {
    color: red; 
    font-weight: 400;
    font-size: 11px;
    text-align: right;
}

.woocommerce table.shop_attributes td {
    font-style: normal !important;
}

/* Single Product */
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    z-index: 1 !important;
}

/* search mobile menu */
#ms-ajax-search-results {
    position: absolute;
    top: 40px;
    width: 100%;
    background: #fff;
    z-index: 999;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    display: none;
    padding: 10px;
}
#ms-ajax-search-results .ms-search-item {
    padding: 10px;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#ms-ajax-search-results .ms-search-item img {
    width: 50px;
    height: 50px;
    margin-left: 10px;
    object-fit: cover;
}
#ms-ajax-search-results .ms-search-item:hover {
    background: #f9f9f9;
}
#ms-ajax-search-results .ms-search-loading {
    padding: 10px;
    text-align: center;
    color: #666;
}
#ms-ajax-search-results .ms-search-item-title h4 {
    margin: 20px 0 10px 0;
    font-weight: 400;
    color: #000;
    font-size: 12px;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 40px;
    line-height: 22px;
    margin: 0;
}

#ms-ajax-search-results .ms-search-item .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 12px;
    direction: ltr;
    font-size: 14px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    color: #17181c !important;
    margin: 5px 0;
}

#ms-ajax-search-results .ms-search-item .price .mb-price-box {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    line-height: 1.1;
}

#ms-ajax-search-results .ms-search-item .price .mb-price-box .mb-price-discounted span.mb-discount-percent {
    background-color: red;
    color: white;
    padding: 3px;
    line-height: 18px;
    font-size: 10px;
    border-radius: 3px;
    margin-right: 5px;
    width: 25px;
    display: inline-block;
    height: 20px;
    text-align: center;
}

#ms-ajax-search-results .ms-search-item .price .mb-price-box .mb-price-regular {
    font-size: 8px;
    color: #7e7e7e;
    text-decoration: line-through;
    width: fit-content;
    margin-left: 35px;
}
#ms-ajax-search-results .search-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.search-input-wrapper .search-loader {
    position: absolute;
    left: 15px;
    width: 25px;
    height: 25px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #3498db;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    display: none;
    top: 8px;
    background-color: white;
    z-index: 9;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#ms-ajax-search-results #ms-ajax-search-input {
    padding-left: 35px; 
}

.search-loading #ms-ajax-search-input {
    padding-left: 35px;
}

.search-loading .search-loader {
    display: block;
}

/* Next shop list */
.cart-empty #tab-1,
.cart-empty #tab-2 {
    width: 100%;
}
a.cart-empty-login {
    background-color: var(--primary-bgcolor) !important;
    color: var(--primary-color) !important;
    border: 1px solid var(--primary-bgcolor) !important;
    padding: 10px 15px !important;
    border-radius: 5px !important;
    transition: all .3s ease-in-out;
    margin-left: 10px !important;
}

a.cart-empty-login i {
    color: var(--primary-color);
    transition: all .3s ease-in-out;
    margin-left: 3px;
}

a.cart-empty-login:hover {
    background-color: var(--primary-color) !important;
    color: var(--primary-bgcolor) !important;
}

a.cart-empty-login:hover i {
    color: var(--primary-bgcolor);
    
}

/* Next Shop purchase */
.mb-shop-next-purchase-item {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    background-color: transparent;
    padding: 10px 20px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .07);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.mb-shop-next-purchase-item p {
    margin: 0 !important;
}

.mb-shop-next-purchase-item a img {
    width: 100% !important;
}

.mb-shop-next-purchase-item .mb-shop-next-purchase-item-info p {
    font-size: 18px;
    font-weight: 800;
}

.mb-shop-next-purchase-item .mb-shop-next-purchase-item-info del span bdi {
    font-size: 15px;
    font-weight: 600;
    color: #f58220;
}

.mb-shop-next-purchase-item .mb-shop-next-purchase-item-info ins {
    text-decoration: auto;
}

.mb-shop-next-purchase-item .mb-shop-next-purchase-item-info span {
    margin-bottom: 15px;
}

.mb-shop-next-purchase-item .mb-shop-next-purchase-item-info span bdi {
    font-size: 25px;
    font-weight: 800;
    color: #f58220;
}
a.next-list-add-to-cart {
    width: fit-content;
    text-decoration: none !important;
    font-size: 13px !important;
    color: #333;
    font-weight: 800;
    margin-left: 10px;
    padding: 10px 30px;
    margin-left: 0;
    border: 1px solid var(--primary-bgcolor);
    background-color: var(--primary-bgcolor);
    color: var(--primary-color);
    cursor: pointer;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}

a.next-list-add-to-cart:hover {
    background-color: var(--primary-color);
    color: var(--primary-bgcolor);
}
a.next-list-remove {
    width: fit-content;
    text-decoration: none !important;
    font-size: 13px !important;
    color: #333;
    font-weight: 800;
    margin-left: 10px;
    padding: 10px 30px;
    margin-left: 5px;
    border: 1px solid var(--primary-bgcolor);
    background-color: var(--primary-bgcolor);
    color: var(--primary-color);
    cursor: pointer;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}

a.next-list-remove:hover {
    background-color: var(--primary-color);
    color: var(--primary-bgcolor);
}

/* cart page */
 .woocommerce-cart .quantity-controls {
    display: flex;
    align-items: center;
    position: relative;
}

.woocommerce-cart .quantity-controls .qty-btn.minus {
    position: absolute;
    left: 0;
    width: 30px;
    height: 40px;
    background: #f5f5f5;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    border-radius: 10px;
}

.woocommerce-cart .quantity-controls .qty-btn.minus:hover {
    background: #e0e0e0;
}

.woocommerce-cart .quantity-controls .qty-btn.plus:hover {
    background: #e0e0e0;
}

.woocommerce-cart .quantity-controls .qty-btn.plus {
    position: absolute;
    right: 0;
    width: 30px;
    height: 40px;
    background: #f5f5f5;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    border-radius: 10px;
}

.woocommerce-cart .quantity-controls .qty-input {
    width: 90px;
    text-align: center;
    margin: 0 5px;
    pointer-events: none;
    border: none;
}

.woocommerce-cart .cart-item-updating {
    opacity: 0.6;
    pointer-events: none;
    position: relative;
}

.woocommerce-cart .cart-item-updating:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,0.7);
    z-index: 1;
}

.woocommerce-cart .empty-cart-message {
    padding: 20px;
    text-align: center;
    background: #f9f9f9;
    border-radius: 5px;
    margin-bottom: 20px;
}

/* استایل زیردسته ها در صفحه دسته بندی محصولات */
.subcategories-box-with-thumbnail {
    background: #f9f9f9;
    margin: 30px 0;
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 10px;
}

.subcategories-box-with-thumbnail h3 {
    margin-bottom: 15px;
    font-size: 18px;
    text-align: center;
    color: #a5a5a5;
}

.subcategories-box-with-thumbnail h3 strong {
    color: #000;
}

.subcategory-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.subcategory-item {
    width: 110px;
    text-align: center;
}

.subcategory-item a {
    text-decoration: none;
    color: #333;
    display: block;
    transition: transform 0.2s ease;
}

.subcategory-item img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 8px;
    border: 1px solid #ddd;
}

.subcategory-item span {
    display: block;
    font-size: 14px;
}

@media screen and (max-width: 767px) {
    .subcategory-item span {
        font-size: 11px;
    }
}

.subcategory-item a:hover {
    transform: scale(1.05);
}

/* Contact us form */
#npn-contact-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#npn-contact-form .npn-captcha-field {
    display: flex;
    align-items: center;
    gap: 10px;
}

#npn-contact-form .npn-captcha-field label {
    width: 15%;
    font-size: 20px;
    background-color: burlywood;
    text-align: center;
    height: 60px;
    line-height: 60px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

#npn-contact-form p.contact-field input {
    width: 100%;
    border-radius: 7px;
    border: 1px solid #eee;
    padding: 0 15px;
}
#npn-contact-form p.contact-field textarea {
    width: 100%;
    height:150px; 
    resize:vertical;
    border-radius: 7px;
    border: 1px solid #eee;
    padding: 10px 15px; 
}
#npn-contact-form .npn-captcha-field input {
    width: 20%;
}
#npn-contact-form button {
    padding: 15px 20px;
    background-color: var(--primary-bgcolor);
    color: var(--primary-color);
    border-radius: 7px;
    border: 1px solid var(--primary-bordercolor);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}
#npn-contact-form button:hover {
    background-color: var(--primary-color);
    color: var(--primary-bgcolor);
    border-radius: 5px;
}

/* ویجت قیمت ووکامرس */
#min_price, #max_price {
    display: block !important; 
    width: 100%;
    padding: 10px;
    margin: 5px 0;
    border-radius: 5px;
    border: 1px solid #ccc;
    font-size: 16px;
    background-color: #fff;
}

.price_slider {
    width: 100%;
    height: 8px;
    background: linear-gradient(to right, #ff7b00, #ffdb00);
    border-radius: 5px;
}

.price_slider_amount input {
    width: 120px;
    padding: 8px;
    margin: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
    font-size: 14px;
    background-color: #fff;
}

.price_slider_amount .button {
    background-color: #007cba;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 16px;
}

.price_label {
    direction: rtl !important;
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
}

.main-navigation .menu li > a {
    padding: 12px 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.main-navigation .menu li.menu-item-has-icon > a {
    padding: 12px 40px 12px 12px; 
}

.main-navigation .menu li.menu-item-has-icon > a .menu-item-icon {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.main-navigation .menu li .sub-menu li > a {
    padding: 10px 10px;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
}

.main-navigation .menu li .sub-menu li.menu-item-has-icon > a {
    padding: 10px 36px 10px 10px; 
}

.main-navigation .menu li .sub-menu li.menu-item-has-icon > a .menu-item-icon {
    width: 16px;
    height: 16px;
    object-fit: contain;
}

/*===== New Arrivals, Trending Product, Top Selling, Top Rated =====*/
.ms-magic-product-block .ms-product-inner {
    flex-direction: row;
    justify-content: flex-start;
    padding: 0;
}
.ms-magic-product-block .ms-pro-content {
    padding: 10px 0 15px;
}
.ms-magic-product-block .ms-pro-content h2 {
    margin: 0px 0 10px 0;
    font-size: 14px;
}
.ms-magic-product-block .ms-pro-content span.price {
    justify-content: flex-end;
}
.ms-magic-product-block .ms-all-product-block:not(:last-child) {
    margin-bottom: 15px;
}
.ms-magic-product-block .ms-all-product-block p.product.woocommerce.add_to_cart_inline a.ajax_add_to_cart.added {
    display: none;
}
.ms-magic-product-block .ms-all-product-block p.product.woocommerce.add_to_cart_inline a.added_to_cart {
    font-size: 12px;
    width: max-content;
    position: absolute;
    left: 0;
    top: 17%;
    background-color: var(--primary-bgcolor);
    color: var(--primary-color);
    padding: 3px 12px;
    border-radius: 5px;
    font-weight: 600;
}
.ms-magic-product-block .ms-all-product-inner {
    padding: 20px 10px 20px 15px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border-radius: 10px;
    border: 1px solid #eee;
}
.ms-magic-product-block .ms-all-product-inner p.product.woocommerce.add_to_cart_inline a {
    font-size: 12px;
    width: max-content;
    position: absolute;
    left: 0;
    top: 17%;
    background-color: var(--primary-bgcolor);
    color: var(--primary-color);
}
.ms-magic-product-block .ms-all-product-inner .ms-pro-content .ms-pro-rat-price .ms-pro-rat-pri-inner span.price {
    direction: rtl !important;
}
.ms-magic-product-block .ms-all-product-inner p.product.woocommerce.add_to_cart_inline {
    opacity: 0;
    border: none !important;
    color: #fff;
}
.ms-magic-product-block .ms-all-product-inner p.product.woocommerce.add_to_cart_inline span {
    display: none
}
.ms-magic-product-block .ms-all-product-inner p.product.woocommerce.add_to_cart_inline a.button.add_to_cart_button {
    font-size: 12px;
    width: max-content;
    position: absolute;
    left: 0;
    top: 17%;
    background-color: var(--primary-bgcolor);
    color: var(--primary-color);
}

.ms-magic-product-block .ms-all-product-inner:hover p.product.woocommerce.add_to_cart_inline {
    opacity: 1;
}

.ms-magic-product-block .ms-all-product-inner p.product.woocommerce.add_to_cart_inline {
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #eee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
}

.ms-magic-product-block .ms-all-product-inner .label {
    width: 11px;
    height: 11px;
    position: absolute;
    top: 7px;
    left: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ms-magic-product-block .ms-all-product-inner .label .dot {
    width: 8px;
    height: 8px;
    display: block;
    border-radius: 50%;
}

.ms-magic-product-block .ms-all-product-inner .veg .dot {
    background-color: var(--primary-bgcolor);
}

.ms-magic-product-block .ms-all-product-inner .nonveg .dot {
    background-color: var(--primary-bgcolor);
}

.ms-magic-product-block .ms-all-product-inner .ms-pro-content .ms-pro-rat-price .ms-pro-rat-pri-inner span.price p.price {
    font-size: 11px;
    margin: 0;
    text-align: right;
}
.ms-magic-product-block .ms-all-product-inner .ms-pro-content .ms-pro-rat-price .ms-pro-rat-pri-inner span.price p.price span.from {
    float: right;
    direction: rtl;
}
.ms-magic-product-block .ms-all-product-inner .ms-pro-content .ms-pro-rat-price .ms-pro-rat-pri-inner span.price p.price del {
    font-size: 8px;
    color: #ccc;
}
.ms-magic-product-block .ms-all-product-inner .ms-pro-content .ms-pro-rat-price .ms-pro-rat-pri-inner span.price p.price ins {
    text-decoration: none;
    float: right;
}
.ms-magic-product-block .ms-all-product-inner .ms-pro-content .ms-pro-rat-price .ms-pro-rat-pri-inner span.price p.price del span bdi {
    text-decoration: line-through;
}
.ms-magic-product-block .ms-pro-image-outer .ms-pro-image {
    margin-left: 10px;
    width: 110px;
}

.ms-magic-product-block .ms-pro-image-outer .ms-pro-image img {
    width: 100%;
    height: 110px;
    border-radius: 10px;
    object-fit: cover;
}

.ms-magic-product-block .ms-pro-content {
    width: calc(100% - 0);
}

.ms-magic-product-block .ms-pro-content .ms-pro-title a {
    text-decoration: none;
    color: #17181c;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    text-transform: capitalize;
    font-family: 'kalameh';
}

.ms-magic-product-block .ms-pro-content .ms-pro-stitle a {
    color: #777;
    font-size: 13px;
    text-decoration: underline;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    text-decoration: none;
    background-color: transparent;
    border: 0;
    text-transform: capitalize;
    cursor: pointer;
    font-weight: 400;
}

.ms-magic-product-block .ms-pro-content .ms-pro-stitle a:hover {
    color: #3e9172;
}

.ms-magic-product-block .ms-pro-content span.new-price {
    color: #3e9172;
    font-weight: 400;
    font-size: 14px;
}

.ms-magic-product-block .ms-pro-content span.old-price {
    font-size: 14px;
    text-decoration: line-through;
    color: #777;
    margin-left: 9px;
    display: none;
}

.ms-magic-product-block .ms-pro-content span.qty {
    font-size: 12px;
    color: #777;
    margin-left: 9px;
}

/* Sidebar toggle */


#toggle-sidebar:hover {
    background: #eee;
}

.toggle-sidebar-btn {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 12px 14px 11px 11px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.toggle-sidebar-btn .icon {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-right: 2px solid #878787; 
    border-bottom: 2px solid #878787; 
    transform: rotate(-45deg); 
    transition: transform 0.3s ease;
}

.toggle-sidebar-btn.active {
   padding: 12px 11px 11px 14px; 
}

.toggle-sidebar-btn.active .icon {
    transform: rotate(135deg); 
}

@media screen and (max-width: 767px) {
    .toggle-sidebar-btn {
        display: none;
    }
}

/* استایل اسلایدر تمام عرض */
.hero-single {
    position: relative;
    height: 60vh;
    overflow: hidden;
}
.hero-single-bg {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-size: cover;
    background-position: center;
    z-index: -1;
}

.hero-single .hero-content {
    position: relative;
}

.hero-single .hero-content .hero-sub-title {
    display: inline-block;
    color: #11B76B;
    font-size: 20px;
    letter-spacing: 0;
    font-weight: 700;
    position: relative;
    text-transform: uppercase;
}

.hero-single .hero-content .hero-title {
    color: #272727;
    font-size: 60px;
    font-weight: 800;
    margin: 20px 0;
    text-transform: capitalize;
}
@media only screen and (max-width: 767px) {
    .hero-single .hero-content .hero-title {
        margin: 0;
    }
    .hero-single .hero-content .hero-sub-title {
        font-size: 15px !important;
    }
}

.hero-single .hero-content p {
    color: #272727;
    line-height: 30px;
    font-weight: 400;
    font-size: 17px;
    margin-bottom: 25px;
}
.hero-section3 .owl-nav {
    background-color: transparent;
    position: absolute;
    bottom: 15px;
    display: flex;
    align-items: center;
    z-index: 10;
    padding: 6px 12px;
    border-radius: 8px;
}

.hero-section3 .owl-dots {
    position: absolute;
    bottom: 15px;
    display: flex;
    align-items: center;
    z-index: 10;
    padding: 6px 12px;
    border-radius: 8px;
    background: rgba(0,0,0,0.5); 
}

.hero-section3 .owl-nav {
    left: 40px;
    gap: 8px;
    bottom: 25px;
}
.hero-section3 .owl-nav button {
    color: #fff !important;
    font-size: 22px !important;
    transition: all 0.3s ease;
}
.hero-section3 .owl-nav button:hover {
    color: #f39c12 !important;
}

.hero-section3 .owl-dots {
    right: 6px;
    gap: 6px;
    left: auto;
    bottom: 5px;
}
.hero-section3 .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    background: #fff !important;
    border-radius: 50%;
    opacity: 0.6;
    transition: all 0.3s ease;
}
.hero-section3 .owl-dots .owl-dot.active span {
    background: #f39c12 !important;
    opacity: 1;
    transform: scale(1.2);
}
@media (max-width: 991px) {
    .hero-section3 .hero-content {
        padding: 40px 30px;
        text-align: center;
    }
    .hero-section3 .hero-content h1.hero-title {
        font-size: 36px;
    }
    .hero-section3 .hero-content h6.hero-sub-title {
        font-size: 20px;
    }
    .hero-section3 .hero-content p {
        font-size: 16px;
        max-width: 500px;
        margin: 0 auto 20px;
    }
}
@media (max-width: 767px) {
    .hero-section3 .hero-single {
        height: 20vh;
    }
    .hero-section3 .hero-content {
        padding: 25px 15px;
        text-align: center;
    }
    .hero-section3 .hero-content h1.hero-title {
        font-size: 26px;
        line-height: 1.4;
    }
    .hero-section3 .hero-content h6.hero-sub-title {
        font-size: 16px;
    }
    .hero-section3 .hero-content p {
        font-size: 14px;
        line-height: 1.6;
        margin-bottom: 18px;
    }
    .hero-section3 .hero-btn a.theme-btn {
        font-size: 14px;
        padding: 10px 20px;
        border-radius: 6px;
    }
    .hero-section3 .hero-btn a.theme-btn i {
        margin-right: 6px;
    }
}

/* style empty search product boxes */
.ms-no-products {
    text-align: center;
    padding: 50px 0;
    border: 1px dashed #ddd;
    border-radius: 8px;
    background-color: #f9f9f9;
}

.ms-no-products-icon {
    font-size: 60px;
    color: #999;
    margin-bottom: 20px;
}

.ms-no-products p {
    font-size: 1.2rem;
    color: #555;
    margin-bottom: 30px;
}

.ms-no-products-buttons .ms-btn {
    margin: 0 10px;
    padding: 12px 25px;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.ms-btn-primary {
    border: 1px solid var(--primary-bordercolor);
    background-color: var(--primary-bgcolor);
    color: var(--primary-color);
    padding: 15px;
    border-radius: 7px;
    transition: all .3s ease;
}

.ms-btn-secondary {
    border: 1px solid var(--primary-bordercolor);
    background-color: var(--primary-bgcolor);
    color: var(--primary-color);
    padding: 15px;
    border-radius: 7px;
    transition: all .3s ease;
}

.ms-no-products-buttons {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.ms-no-products p {
    text-align: center;
}

.ms-btn-primary:hover,
.ms-btn-secondary:hover {
    opacity: 0.9;
    background-color: var(--primary-color);
    color: var(--primary-bgcolor);
}

/* استایل تایمر صفحه فروشگاه */
/* body.home .mb-sale-timer-wrapper.shop-timer {
    display: none;
} */
.mb-sale-timer {
    margin: 0 auto;
}
.mb-sale-timer-wrapper.shop-timer { 
    position: absolute; 
    top:0; 
    left:0;
    display:flex; 
    gap:5px; 
    padding:3px 5px; 
    border-radius:4px; 
    z-index:2; 
    width: 100%; 
    justify-content: space-between; 
}
.mb-sale-timer-wrapper.shop-timer .mb-sale-extra p { 
    margin:0; 
    color:#d00; 
    font-weight:500; 
    font-size:11px; 
}
.mb-sale-timer-wrapper.shop-timer .timer-box { 
    display:flex; 
    gap:3px; 
}
.mb-sale-timer-wrapper.shop-timer .timer-unit { 
    display:flex; 
    gap: 3px; 
    align-items:center; 
    background:#fff; 
    padding:2px 5px; 
    border-radius:4px; 
    box-shadow:0 1px 3px rgba(0,0,0,0.1); 
    color: red; 
    width: max-content; 
}
.mb-sale-timer-wrapper.shop-timer .timer-unit .hours {
    font-size: 10px;
}
.mb-sale-timer-wrapper.shop-timer .timer-unit .minutes {
    font-size: 10px;
}
.mb-sale-timer-wrapper.shop-timer .timer-unit .seconds {
    font-size: 10px;
    width: 10px;
}
.mb-sale-timer-wrapper.shop-timer .timer-unit .label { 
    font-size:9px; 
}
.products .ms-product-content-inner:has(.mb-sale-timer-wrapper) {
    padding-top: 25px;
}

.products .product {
    padding: 10px 0;
}

@media(max-width:768px) { 
    .mb-sale-timer-wrapper.shop-timer { 
        flex-direction:column; 
        width: fit-content;
        top: 8px !important;
        right: 0;
    } 
    .mb-sale-timer-wrapper.shop-timer .mb-sale-extra {
        display: none;
    }
    .mb-sale-timer-wrapper.shop-timer .timer-box { 
        flex-wrap:wrap; 
        gap:3px; 
    } 
    .mb-sale-timer-wrapper.shop-timer {
        flex-direction: column;
        width: 100%;
    }
}

/* استایل مخفی و نمایش دادن سایدبار */
.ms-shop-rightside {
    transition: all 0.4s ease; 
}
.ms-shop-sidebar {
    transition: all 0.4s ease;
}

body.sidebar-open .ms-shop-sidebar {
    width: 25%;  
    opacity: 1;
    visibility: visible;
}
body.sidebar-open .ms-shop-rightside {
    width: 75%;
}

body.sidebar-closed .ms-shop-sidebar {
    width: 0;
    opacity: 0;
    visibility: hidden;
}
body.sidebar-closed .ms-shop-rightside {
    width: 100%;
}

.search-title {
    font-size: 20px;
    font-weight: 400;
}

/*# sourceMappingURL=style.css.map */