/*------------------------------------------------------------------
Table of content
-------------------
1. Start Header Area
2. slider area start
3. features area css start
4. hot deals area css start
5. product
6. categories area
7. testimonial
8. blog
9. shop grid view
10. shop list view
11. product details
12. checkout
13. cart
14. wishlist
15. my account
16. compare
17. login register
18. about us
19. contact us
20. banner
21. modal
22. sidebar
23. footer

-------------------------------------------------------------------*/
/*------ Typography Style Start ------*/
:root {
    --green-50: #f3f4f1;
    --green-100: #e6e7e0;
    --green-200: #ced2c4;
    --green-300: #b0b6a0;
    --green-400: #949b80;
    --green-500: #7f886a;
    --green-600: #5c644c;
    --green-700: #494e3d;
    --green-800: #3c4034;
    --green-900: #35382f;
    --green-950: #1b1d16;

    --calm-green-50: #F2F3F0;
    --calm-green-100: #E4E6E0;
    --calm-green-200: #CAD0C6;
    --calm-green-300: #AFB6A8;
    --calm-green-400: #929D8D;
    --calm-green-500: #768573;
    --calm-green-600: #596755;
    --calm-green-700: #af8941;
    --calm-green-800: #374036;
    --calm-green-900: #2D332B;
    --calm-green-950: #181B16;

    --secondary-50: #FAF3E8;
    --secondary-100: #F3E5D1;
    --secondary-200: #E7D3B3;
    --secondary-300: #D9BE94;
    --secondary-400: #CBA97A;
    --secondary-500: #B8905D;
    --secondary-600: #A17D4F;
    --secondary-700: #876840;
    --secondary-800: #6E5333;
    --secondary-900: #58442A;
    --secondary-950: #302416;
    --green-light: #a3c9a8;
    --green-dark: #8bb08f;
    --gray-bg: #f8f9fa;
    --gray-light: #f3f4f6;
    /* رنگ‌های خنثی (برای پایه و خوانایی) */
    --neutral-white: #FFFFFF;
    --neutral-offwhite: #FBFBF8;
    --neutral-light-gray: #E8E8E3;
    --neutral-dark-text: var(--calm-green-950);

    /*    --gold-100: #fdfaf5;*/
    /*    --gold-200: #f6f0df;*/
    /*    --gold-300: #e9ddba;*/
    /*    --gold-400: #d6c099;*/
    /*    --gold-500: #bba57f;*/

    /*--secondary-50:  #fdf3ee;*/
    /*--secondary-100: #fbe1d6;*/
    /*--secondary-200: #f6c2af;*/
    /*--secondary-300: #f0a185;*/
    /*--secondary-400: #eb8967;*/
    /*--secondary-500: #e48157;  !* رنگ اصلی شما *!*/
    /*--secondary-600: #cc6e46;*/
    /*--secondary-700: #aa5837;*/
    /*--secondary-800: #8a452c;*/
    /*--secondary-900: #6e3724;*/
    /*--secondary-950: #3e1c12;*/

    --amber-50: #fef8f1;
    --amber-100: #fcefdc;
    --amber-200: #f9e1bb;
    --amber-300: #f5cc8c;
    --amber-400: #f0b764;
    --amber-500: #dcae63; /* اصلی */
    --amber-600: #c2914e;
    --amber-700: #a8773e;
    --amber-800: #8f6033;
    --amber-900: #744b28;
    --amber-950: #3e2813;
}

.font-vazir {
    font-family: "Vazirmatn", sans-serif;
}

/*@font-face {*/
/*    font-family: 'IranianSans';*/
/*    src: url('../fonts/Iranian Sans.ttf') format('truetype');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/

/*@font-face {*/
/*    font-family: 'Digi';*/
/*    src: url('../fonts/Digikala -_font.ttf') format('truetype');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/


/*.font-vazir {*/
/*    font-family: "Vazirmatn", sans-serif;*/
/*}*/
body {
    color: #222222;
    line-height: 1.7;
    font-size: 14px;
    font-weight: 400;
    font-feature-settings: "zero";
    unicode-bidi: embed;
    font-family: "Vazirmatn", sans-serif;
}

a {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    text-decoration: none;
}

a:hover, a:focus {
    outline: none;
    text-decoration: none;
}

p {
    margin-bottom: 8px;
}

p:last-child {
    margin-bottom: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Vazirmatn", sans-serif;
    color: #222222;
    font-weight: 700;
    margin: 0;
    line-height: 1.2;
}

.h1, .h2, .h3, .h4, .h5, .h6 {
    margin: 0;
    line-height: 1.5;
}

h1, .h1 {
    font-size: 36px;
}

h2, .h2 {
    font-size: 30px;
}

h3, .h3 {
    font-size: 24px;
}

h4, .h4 {
    font-size: 20px;
}

h5, .h5 {
    font-size: 18px;
}

h6, .h6 {
    font-size: 16px;
}

ul {
    margin: 0;
    padding: 0;
}

ul li {
    list-style: none;
}

strong,
b {
    font-weight: 700;
}

figure {
    margin: 0;
}

img {
    max-width: 100%;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.bg-img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.btn,
button {
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    background-color: transparent;
}

.btn:active, .btn:focus,
button:active,
button:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

input,
textarea {
    resize: none;
}

input:focus,
textarea:focus {
    outline: none;
}

.form-control:focus {
    border-color: var(--green-200);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-group {
    margin-bottom: 1rem;
}

::-moz-selection {
    color: #fff;
    background: black;
}

::selection {
    color: #fff;
    background: black;
}

::-webkit-input-placeholder {
    color: #999;
    font-size: 13px;
    opacity: 1;
}

::-moz-placeholder {
    color: #999;
    font-size: 13px;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #999;
    font-size: 13px;
    opacity: 1;
}

::-ms-input-placeholder {
    color: #999;
    font-size: 13px;
    opacity: 1;
}

::placeholder {
    color: #999;
    font-size: 13px;
    opacity: 1;
}

/* ----tab problem fix css ----*/
.tab-content .tab-pane {
    display: block;
    height: 0;
    max-width: 100%;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
}

.tab-content .tab-pane.active {
    height: auto;
    opacity: 1;
    overflow: visible;
    visibility: visible;
}

/* ----tab problem fix css ----*/
/*------- modal fix start -------*/
.modal-dialog {
    max-width: 1000px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .modal-dialog {
        max-width: 800px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .modal-dialog {
        max-width: 700px;
    }
}

.modal {
    display: block !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: -99;
}

.modal.show {
    opacity: 1;
    visibility: visible;
    pointer-events: visible;
    z-index: 99999999;
    -webkit-animation: slideInDown 0.4s forwards;
    animation: slideInDown 0.4s forwards;
}

.modal .modal-header {
    padding: 0 10px;
    border-bottom: none;
}

.modal .modal-header .close {
    color: #222222;
    font-size: 34px;
    opacity: 1;
    display: block;
    position: absolute;
    padding: 0;
    width: 30px;
    height: 30px;
    margin: 0;
    left: 10px;
    top: 10px;
    font-weight: 500;
    z-index: 999;
    line-height: 30px;
    border-radius: 50%;
}

.modal .modal-body {
    padding: 20px 20px 20px 20px;
}

@media only screen and (max-width: 479.98px) {
    .modal .modal-body {
        padding: 10px;
    }
}

/*------- modal fix end -------*/
/* ---- Sick Slider arrow style start ----*/
.slick-slider .slick-slide > div > div {
    vertical-align: middle;
}

.slick-arrow-style button.slick-arrow {
    top: 50%;
    left: 0;
    font-size: 70px;
    color: #777777;
    cursor: pointer;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.slick-arrow-style button.slick-arrow.slick-next {
    left: auto;
    right: 0;
}

.slick-arrow-style button.slick-arrow:hover {
    color: var(--green-300);
}

.slick-arrow-style:hover button.slick-arrow {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}

.slick-arrow-style:hover button.slick-arrow.slick-prev {
    left: -60px;
    right: auto;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767.98px) {
    .slick-arrow-style:hover button.slick-arrow.slick-prev {
        left: -20px;
    }
}

.slick-arrow-style:hover button.slick-arrow.slick-next {
    left: auto;
    right: -60px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767.98px) {
    .slick-arrow-style:hover button.slick-arrow.slick-next {
        right: -20px;
    }
}

.slick-arrow-style_hero button.slick-arrow {
    font-size: 60px;
    left: 0;
    width: inherit;
    height: inherit;
    background-color: transparent;
    z-index: 1;
}

.slick-arrow-style_hero button.slick-arrow.slick-next {
    right: 0;
}

.slick-arrow-style_hero button.slick-arrow:hover {
    color: #d3e9b9;
    background-color: transparent;
}

.slick-arrow-style_hero:hover button.slick-arrow.slick-next {
    right: 15px;
}

.slick-arrow-style_hero:hover button.slick-arrow.slick-prev {
    left: 15px;
}

.slick-append {
    background-color: #fff;
    z-index: 2;
    margin-top: -2px;
}

.slick-append button {
    font-size: 30px;
    line-height: 1;
    position: inherit;
    display: inline-block;
    background-color: transparent;
    color: #555555;
}

.slick-append button:hover {
    color: #d3e9b9;
}

/*--------- slick slider dot style start -------*/
.slick-dot-style ul.slick-dots {
    bottom: 15px;
    left: 50%;
    height: 26px;
    background-color: rgba(180, 180, 180, 0.5);
    border-radius: 1rem;
    padding: 6px;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.slick-dot-style ul.slick-dots li {
    /* margin-top: 3px; */
    display: inline-block;
    margin-left: 7px;
}

.slick-dot-style ul.slick-dots li:last-child {
    margin-left: 0;
}

.slick-dot-style ul.slick-dots li button {
    width: 14px;
    height: 14px;
    padding: 0;
    border: none;
    display: block;
    text-indent: -5000px;
    cursor: pointer;
    border-radius: 50%;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    border: 2px solid #777777;
    background-color: transparent;
}

.slick-dot-style ul.slick-dots li.slick-active button {
    border-color: var(--calm-green-800);
    background-color: var(--calm-green-800);
}


.slick-row-10 .slick-list {
    margin: 0 -10px;
}

.slick-row-10 .slick-list .slick-slide {
    margin: 0 10px;
}


.slick-slider .slick-slide > div {
    margin-bottom: 30px;
}

.slick-slider .slick-slide > div:last-child {
    margin-bottom: 0;
}

/* ----scroll to top css end ----*/
.container {
    padding-right: var(--bs-gutter-x, 15px);
    padding-left: var(--bs-gutter-x, 15px);
}

@media only screen and (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

.slider-container {
    /*max-width: 1540px;*/
    max-width: 100%;
}


.container-fluid {
    padding-right: var(--bs-gutter-x, 15px);
    padding-left: var(--bs-gutter-x, 15px);
}

.row {
    --bs-gutter-x: 30px;
}

.row-20 {
    margin-left: -10px;
    margin-right: -10px;
}

.row-20 > [class*=col] {
    padding-left: 10px;
    padding-right: 10px;
}

/*------- short classes start -------*/
.section-padding {
    padding-top: 80px;
    padding-bottom: 80px;
}

.section-padding-footer
{
    padding-top: inherit;
}

@media only screen and (max-width: 991px) {
    .section-padding-footer{
        padding-top: 80px;
        padding-bottom: 140px;
    }
}

@media only screen and (max-width: 767.98px) {
    .section-padding {
        padding-top: 36px;
        padding-bottom: 63px;
    }
}

.mb-30 {
    margin-bottom: 30px;
}

.mt-20 {
    margin-top: 20px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mtn-20 {
    margin-top: -20px;
}

.mbn-30 {
    margin-bottom: -30px;
}

.mtn-30 {
    margin-top: -30px;
}

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

/*------- short classes end -------*/
/*----------- header top area start -----------*/
@media only screen and (min-width: 1600px) {
    .header-wide {
        padding: 0 85px;
    }
}

@media only screen and (min-width: 1200px) {
    .header-wide .container {
        max-width: 100%;
    }
}

.header-top {
    padding: 10px 0;
    border-bottom: 1px solid #efefef;
}

/*----------- header top area end -----------*/
/*---------- header mini cart start ----------*/
.header-configure-area {
    padding-right: 10px;
}

.header-configure-area ul li {
    display: inline-block;
    margin-left: 25px;
    line-height: 1;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .header-configure-area ul li {
        margin-left: 14px;
    }
}

.header-configure-area ul li a {
    font-size: 26px;
    line-height: 1;
    color: #222222;
    position: relative;
    border: 1px solid transparent;
}

.header-configure-area ul li a.login-radius {
    border-radius: 10px;
}

.header-configure-area ul li a .notification {
    top: -8px;
    right: -6px;
    position: absolute;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    font-size: 13px;
    color: #fff;
    border-radius: 50%;
    background-color: #dc3545 !important;
}

.header-configure-area ul li a.login-radius:hover {
    border: 1px solid var(--green-600);
}

.header-configure-area ul li a:hover {
    color: var(--green-700);
}

.header-configure-area ul li:first-child {
    margin-left: 0;
}

.header-configure-area ul li.user-hover {
    position: relative;
}

.header-configure-area ul li.user-hover .dropdown-list {
    position: absolute;
    top: 100%;
    left: 0;
    width: 150px;
    padding: 10px;
    background-color: #fff;
    z-index: 11;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    opacity: 0;
    visibility: hidden;
    border: 1px solid #efefef;
}

.header-configure-area ul li.user-hover .dropdown-list li {
    display: block;
    margin-left: 0;
}

.header-configure-area ul li.user-hover .dropdown-list li a {
    color: #555555;
    font-size: 13px;
    line-height: 1;
    display: block;
    padding: 8px 0;
    text-transform: capitalize;
}

.header-configure-area ul li.user-hover .dropdown-list li a:hover {
    color: var(--green-500);
}

.header-configure-area ul li.user-hover:hover .dropdown-list {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

/*----------- header mini cart area end -----------*/
/*------- header search area start -------*/
.header-search-container {
    position: relative;
}

.header-search-box {
    position: relative;
    width: 100%;
}

.header-search-box:hover .header-search-btn {
    color: #b9c5ad;
}

.header-search-btn {
    font-size: 25px;
    line-height: 1;
    left: 10px;
    top: 50%;
    width: fit-content;
    background-color: #f7f7f7 !important;
    padding: 8px !important;
    padding-bottom: 5px !important;
    border-radius: 5rem !important;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.header-search-field {
    border: none;
    background-color: #f7f7f7;
    border-radius: 30px;
    padding: 10px 10px 10px 40px;
    width: 100%;

}


/*------- header search area end -------*/
/*---------- main menu style start ---------*/
.main-menu ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.main-menu ul li {
    position: relative;
    margin-bottom: -1px;
}

.main-menu ul li a {
    color: #222222;
    font-size: 15px;
    padding: 37px 15px;
    font-weight: 400;
    display: block;
    text-transform: capitalize;
}

.main-menu ul li a i {
    font-size: 14px;
    padding: 0 3px;
}

.main-menu ul li:first-child a {
    padding-left: 0;
}

.main-menu ul li:hover > a, .main-menu ul li.active > a {
    color: var(--calm-green-600);
}

.main-menu ul li ul.dropdown {
    top: calc(100% - 1px);
    left: 0;
    width: 220px;
    position: absolute;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    margin-top: -1px; /* سعی کنید با مقادیر مختلف */
    border-top: none; /* حذف بوردر بالایی برای جلوگیری از دو خطی شدن */
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    z-index: 99999;
    pointer-events: none;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    border: 1px solid #efefef;
}

.main-menu ul li ul.dropdown li {
    margin-right: 0;
    border-right: none;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.main-menu ul li ul.dropdown li a {
    color: var(--green-500);
    font-size: 14px;
    font-weight: 400;
    padding: 10px 20px;
    text-transform: capitalize;
    position: relative;
    border-bottom: 1px dashed #efefef;
    z-index: 1;
}

.main-menu ul li ul.dropdown li a:before {
    width: 10px;
    height: 1px;
    right: 0px;
    top: 50%;
    content: " ";
    position: absolute;
    background-color: #d3e9b9;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    z-index: -1;
}

.main-menu ul li ul.dropdown li a i {
    float: right;
    padding-top: 5px;
}

.main-menu ul li ul.dropdown li:hover > a {
    color: var(--green-500);
    /* background-color: var(--amber-50); */
    padding-right: 15px;
    padding-left: 15px;
    margin-left: 15px;
}

.main-menu ul li ul.dropdown li:hover > a:before {
    opacity: 1;
    visibility: visible;
}

.main-menu ul li ul.dropdown li:hover > ul.dropdown {
    top: 0;
    opacity: 1;
    visibility: visible;
}

.main-menu ul li ul.dropdown li ul.dropdown {
    top: 100%;
    left: 100%;
    position: absolute;
    width: 250px;
    opacity: 0;
    visibility: hidden;
}

.main-menu ul li ul.dropdown li:last-child a {
    border-bottom: none;
}

.main-menu ul li ul.megamenu {
    width: 100%;
    max-width: 1110px;
    /* padding: 30px; */
    /* padding-top: 0; */
    /* padding-bottom: 5px; */
    left: 50%;
    -webkit-transform: translate(-50%, 20px);
    -ms-transform: translate(-50%, 20px);
    transform: translate(-50%, 20px);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu ul li ul.megamenu {
        max-width: 100%;
    }
}

/* .main-menu ul li ul.megamenu li {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
} */

.main-menu ul li ul.megamenu li.mega-title {
    color: #222222;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
}

.main-menu ul li ul.megamenu li.mega-title span a:hover {
    color: var(--green-500);
}

.main-menu ul li ul.megamenu li.mega-title span {
    position: relative;
    margin-bottom: 15px;
    display: inline-block;
}

.main-menu ul li ul.megamenu li.mega-title span:before, .main-menu ul li ul.megamenu li.mega-title span:after {
    bottom: -6px;
    left: 0;
    width: 100%;
    height: 2px;
    content: " ";
    position: absolute;
    background-color: #ebebeb;
}

/*.main-menu ul li ul.megamenu li.mega-title span:after {*/
/*    width: 30%;*/
/*    background-color: #d3e9b9;*/
/*}*/

.main-menu ul li ul.megamenu li a {
    padding: 6px 0;
    border-bottom: none;
}

.main-menu ul li ul.megamenu li a:before {
    left: 0;
}

.main-menu ul li ul.megamenu li ul li {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.main-menu ul li ul.megamenu li:hover > a {
    color: var(--calm-green-600);
    padding-left: 15px;
}

.main-menu ul li ul.megamenu li.megamenu-banners {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    margin-top: 25px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    padding-right: 10px;
}

.main-menu ul li ul.megamenu li.megamenu-banners img {
    width: 100%;
}

.main-menu ul li ul.megamenu li.megamenu-banners a:before {
    display: none;
}

.main-menu ul li ul.megamenu li.megamenu-banners:last-child {
    padding-right: 0;
    padding-left: 10px;
}

.main-menu ul li ul.megamenu li.megamenu-banners:hover {
    opacity: 0.6;
}

.main-menu ul li ul.megamenu li.megamenu-banners:hover a {
    padding-left: 0 !important;
}

.main-menu ul li:hover ul.dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: visible;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}

.main-menu ul li:hover ul.megamenu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.main-menu ul.header-style-4 > li a {
    padding: 25px 15px;
}

.main-menu ul.header-style-4 > li:first-child > a {
    padding-left: 0;
}

/*---------- main menu style end ---------*/
/*------ sticky menu style start ------*/

.sticky.is-sticky {
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 9;
    background-color: #fff;
    -webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
    -webkit-animation: 900ms cubic-bezier(0.2, 1, 0.22, 1) 0s normal none 1 running fadeInDown;
    animation: 900ms cubic-bezier(0.2, 1, 0.22, 1) 0s normal none 1 running fadeInDown;
}

@media only screen and (min-width: 1600px) {
    .sticky.is-sticky {
        padding: 0 85px;
    }
}

.sticky.is-sticky .main-menu li a {
    padding: 20px 15px;
}

.sticky.is-sticky .main-menu li:first-child a {
    padding-left: 0;
}

.sticky.is-sticky .main-menu li .dropdown li a {
    padding: 10px 20px;
}

.sticky.is-sticky .main-menu li .dropdown li:hover > a {
    padding-left: 35px;
}

.sticky.is-sticky .main-menu li .megamenu li a {
    padding: 6px 0;
}

.sticky.is-sticky .main-menu li .megamenu li:hover > a {
    padding-right: 15px;
}

/*------ sticky menu style end ------*/
/*------- Buttons Style here -------*/
.btn {
    font-size: 14px;
    color: #222222;
    line-height: 1;
}

.btn-text {
    font-size: 14px;
    position: relative;
    pointer-events: visible;
    text-transform: capitalize;
}

/* .btn-text:before {
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 2px;
    content: "";
    position: absolute;
    background-color: #222222;
} */

/* .btn-text:hover {
    color: #d3e9b9;
} */

/* .btn-text:hover:before {
    background-color: #d3e9b9;
} */

.border-black {
    border-color: black !important;
}

.out-of-stock-btn {
    border: none;
    padding: 12px 25px;
    color: #fff;
    background-color: #e70000;
    -webkit-box-shadow: 0 2px 1px 0.5px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 1px 0.5px rgba(0, 0, 0, 0.05);
}

.out-of-stock-btn:hover {
    color: white;
    background-color: #d00000;

}

.btn-cart {
    padding: 12px 25px;
    color: #fff;
    background-color: var(--green-700);
    border: 1px solid var(--green-700);
    /*border-radius: 30px;*/
    text-transform: capitalize;
    -webkit-box-shadow: 0 2px 1px 0.5px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 1px 0.5px rgba(0, 0, 0, 0.05);
}

.btn-cart:hover {
    color: #fff;
    background-color: var(--green-700) !important;
    border: 1px var(--green-400) solid !important;
}

.btn-cart2 {
    height: 40px;
    color: #fff;
    line-height: 40px;
    /*border-radius: 50px;*/
    padding: 0 25px;
    background-color: var(--green-700);
}

/*.btn-login{*/
/*    background-color: #000000;*/
/*}*/
.btn-cart2:hover {
    color: #fff;
    background-color: var(--green-600);
    /*background-color: #222222;*/
}

.btn-sqr {
    color: #fff;
    font-size: 15px;
    border-radius: 5px;
    background-color: var(--calm-green-600);
    padding: 12px 25px;
}

.btn-sqr:hover {
    color: #fff;
    background-color: var(--calm-green-800);
}

/*----- mobile menu start -----*/
.mobile-header {
    padding: 10px 0;
}

.mobile-header-top {
    border-bottom: 1px solid #efefef;
}

@media only screen and (max-height: 350px) {
    .mobile-header {
        height: 45px;
        padding: 0 !important;
    }

    .mobile-header .mobile-main-header {
        height: 45px;
    }

    .mobile-header .mobile-logo {
        scale: 60%;
    }
}

.mobile-logo {
    max-width: 140px;
    width: 100%;
}

.mobile-main-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.mobile-main-header .mobile-menu-toggler {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.mobile-main-header .mobile-menu-toggler .mini-cart-wrap {
    line-height: 1;
}

.mobile-main-header .mobile-menu-toggler .mini-cart-wrap a {
    font-size: 25px;
    line-height: 1;
    color: #222222;
    position: relative;
}

.mobile-main-header .mobile-menu-toggler .mini-cart-wrap a:hover {
    color: #d3e9b9;
}

.mobile-main-header .mobile-menu-toggler .mini-cart-wrap .notification {
    font-size: 13px;
    color: #fff;
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 50%;
    text-align: center;
    /*font-weight: 600;*/
    right: -4px;
    top: -4px;
    position: absolute;
    background-color: var(--green-400);
}

.mobile-main-header .mobile-menu-toggler .mobile-menu-btn {
    margin-left: 25px;
}

.mobile-main-header .mobile-menu-toggler .mobile-menu-btn span {
    width: 25px;
    height: 2px;
    display: block;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    background-color: #222222;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
}

.mobile-main-header .mobile-menu-toggler .mobile-menu-btn span:nth-child(2), .mobile-main-header .mobile-menu-toggler .mobile-menu-btn span:nth-child(3) {
    margin-top: 5px;
}

.mobile-main-header .mobile-menu-toggler .mobile-menu-btn:hover span {
    background-color: #d3e9b9;
}

.mobile-main-header .mobile-menu-toggler .mobile-menu-btn:hover span:nth-child(1), .mobile-main-header .mobile-menu-toggler .mobile-menu-btn:hover span:nth-child(3) {
    width: 20px;
}

.mobile-navigation {
    overflow: hidden;
    max-height: 250px;
}

.mobile-navigation nav {
    height: 100%;
}

.mobile-menu {
    margin-top: 30px;
    height: 100%;
    overflow: auto;
    padding-right: 30px;
    margin-right: -30px;
}

@media only screen and (max-width: 479.98px) {
    .mobile-menu {
        margin-top: 15px;
    }
}

.mobile-menu li > a {
    font-size: 15px;
    color: #222222;
    text-transform: capitalize;
    line-height: 18px;
    position: relative;
    display: inline-block;
    padding: 10px 0;
}

.mobile-menu li > a:hover {
    color: var(--green-600);
}

.mobile-menu li ul li {
    border: none;
}

.mobile-menu li ul li a {
    font-size: 14px;
    text-transform: capitalize;
    padding: 10px 0 8px;
}

.mobile-menu li.menu-item-has-children {
    display: block;
    position: relative;
}

.mobile-menu li.menu-item-has-children .dropdown {
    padding-left: 15px;
}

.mobile-menu li.menu-item-has-children .menu-expand {
    line-height: 50;
    top: -5px;
    left: 95%;
    /* width: 30px; */
    position: absolute;
    height: 50px;
    text-align: center;
    cursor: pointer;
}

.mobile-menu li.menu-item-has-children .menu-expand i {
    display: block;
    position: relative;
    width: 10px;
    margin-top: 25px;
    border-bottom: 1px solid #222222;
    -webkit-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}

.mobile-menu li.menu-item-has-children .menu-expand i:before {
    top: 0;
    width: 100%;
    content: "";
    display: block;
    position: absolute;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    border-bottom: 1px solid #222222;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.mobile-menu li.menu-item-has-children.active > .menu-expand i:before {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

/*----- mobile menu end -----*/
/*------ offcanvas widget area start ------*/
.offcanvas-widget-area {
    margin-top: auto;
    padding-bottom: 30px;
}

@media only screen and (max-width: 479.98px) {
    .offcanvas-widget-area {
        padding-bottom: 0;
    }
}

.off-canvas-contact-widget li {
    color: #555555;
    font-size: 15px;
    margin-bottom: 5px;
}

.off-canvas-contact-widget li i {
    width: 20px;
}

.off-canvas-contact-widget li a {
    color: #555555;
}

.off-canvas-contact-widget li a:hover {
    color: #d3e9b9;
}

.off-canvas-social-widget {
    margin-top: 20px;
}

.off-canvas-social-widget a {
    color: #555555;
    font-size: 18px;
    display: inline-block;
    margin-right: 15px;
}

.off-canvas-social-widget a:hover {
    color: #d3e9b9;
}

/*------ offcanvas widget area end ------*/
.off-canvas-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    z-index: 9999;
}

.off-canvas-wrapper.open {
    opacity: 1;
    visibility: visible;
}

.off-canvas-wrapper.open .off-canvas-inner-content {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.off-canvas-wrapper .off-canvas-overlay {
    background-color: rgba(0, 0, 0, 0.4);
    content: "";
    cursor: url("../img/icon/cancel.png"), auto;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.off-canvas-wrapper .off-canvas-inner-content {
    background-color: #fff;
    width: 300px;
    padding: 20px;
    height: 100%;
    position: relative;
    -webkit-transform: translateX(calc(-100% - 50px));
    -ms-transform: translateX(calc(-100% - 50px));
    transform: translateX(calc(-100% - 50px));
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

@media only screen and (max-width: 479.98px) {
    .off-canvas-wrapper .off-canvas-inner-content {
        width: 260px;
        padding: 15px;
    }
}

.off-canvas-wrapper .btn-close-off-canvas {
    top: 0;
    left: 100%;
    width: 40px;
    height: 40px;
    font-size: 20px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    position: absolute;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    background-color: var(--green-600);
}

.off-canvas-wrapper .btn-close-off-canvas i {
    font-size: 40px;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    display: block;
    line-height: 40px;
}

.off-canvas-wrapper .btn-close-off-canvas:hover i {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.off-canvas-wrapper .off-canvas-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: auto;
    height: 100%;
}

.search-box-offcanvas form {
    position: relative;
}

.search-box-offcanvas form input {
    color: #666;
    font-size: 13px;
    width: 100%;
    height: 40px;
    border: none;
    padding: 0 40px 0 10px;
    background-color: #f2f2f2;
}

.search-box-offcanvas form .search-btn {
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    line-height: 42px;
    font-size: 20px;
    color: #222222;
    position: absolute;
}

.search-box-offcanvas form .search-btn:hover {
    color: #d3e9b9;
}

/*------- mobile top bar settings start -------*/
.mobile-settings {
    padding-top: 15px;
    margin-top: auto;
    border-top: 1px solid #efefef;
}

.mobile-settings li {
    margin-bottom: 5px;
}

.mobile-settings .nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.mobile-settings .nav .mobile-top-dropdown .dropdown-toggle {
    font-size: 14px;
    color: #555555;
    cursor: pointer;
}

.mobile-settings .nav .mobile-top-dropdown .dropdown-toggle i {
    font-size: 12px;
    padding-left: 5px;
    vertical-align: middle;
}

.mobile-settings .nav .mobile-top-dropdown .dropdown-toggle:hover {
    color: var(--green-600);
}

.mobile-settings .nav .mobile-top-dropdown .dropdown-toggle:after {
    display: none;
}

.mobile-settings .nav .mobile-top-dropdown .dropdown-menu {
    padding: 0;
    border-color: #efefef;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.mobile-settings .nav .mobile-top-dropdown .dropdown-menu.show {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.mobile-settings .nav .mobile-top-dropdown .dropdown-menu .dropdown-item {
    font-size: 13px;
    color: #555555;
    padding: 6px 15px;
}

/*------- mobile top bar settings end -------*/
/*-------- off canvas mini cart start --------*/
.minicart-inner {
    top: 0;
    left: 0;
    position: fixed;
    width: 100vw;
    height: 100vh;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
}

.minicart-inner .offcanvas-overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    cursor: url("../img/icon/cancel.png"), auto;
}

.minicart-inner.show {
    opacity: 1;
    visibility: visible;
}

.minicart-inner.show .minicart-inner-content {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.minicart-inner .minicart-close {
    width: 50px;
    height: 50px;
    text-align: center;
    background-color: #d3e9b9;
    color: #fff;
    font-size: 50px;
    cursor: pointer;
    top: 0;
    right: 375px;
    position: absolute;
}

.minicart-inner .minicart-close i {
    display: block;
    line-height: 50px;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}

.minicart-inner .minicart-close:hover i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.minicart-inner .minicart-inner-content {
    top: 0;
    right: 0;
    height: 100vh;
    width: 100%;
    max-width: 375px;
    position: absolute;
    background-color: #fff;
    -webkit-transform: translateX(calc(100% + 50px));
    -ms-transform: translateX(calc(100% + 50px));
    transform: translateX(calc(100% + 50px));
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    padding: 50px 20px;
}

.minicart-content-box {
    overflow: auto;
    height: 100%;
    padding-right: 30px;
    margin-right: -15px;
}

.minicart-item-wrapper {
    border-bottom: 1px solid #efefef;
}

.minicart-item-wrapper ul li {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #efefef;
}

.minicart-item-wrapper ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.minicart-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.minicart-thumb {
    max-width: 85px;
    -webkit-flex-basis: 85px;
    -ms-flex-preferred-size: 85px;
    flex-basis: 85px;
}

.minicart-content {
    padding: 0 10px;
    max-width: calc(100% - 115px);
    -webkit-flex-basis: calc(100% - 115px);
    -ms-flex-preferred-size: calc(100% - 115px);
    flex-basis: calc(100% - 115px);
}

.minicart-content .product-name {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    padding-bottom: 10px;
}

.minicart-content .product-name a {
    color: #222222;
}

.minicart-content .product-name a:hover {
    color: #d3e9b9;
}

.minicart-content .cart-quantity {
    font-size: 12px;
    color: #555555;
    line-height: 1;
}

.minicart-content .cart-quantity strong {
    font-size: 16px;
    font-weight: 400;
    vertical-align: text-bottom;
}

.minicart-content .cart-price {
    color: #d3e9b9;
    font-size: 14px;
    line-height: 1;
}

.minicart-remove {
    max-width: 30px;
    -webkit-flex-basis: 30px;
    -ms-flex-preferred-size: 30px;
    flex-basis: 30px;
    text-align: center;
    font-size: 18px;
    line-height: 1;
    color: #222222;
}

.minicart-remove:hover {
    color: #d3e9b9;
}

.minicart-pricing-box {
    border-bottom: 1px solid #efefef;
    padding-bottom: 20px;
    margin-bottom: 20px;
    padding-top: 15px;
}

.minicart-pricing-box li {
    margin-bottom: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.minicart-pricing-box li span {
    font-size: 14px;
    color: #222222;
    text-transform: capitalize;
}

.minicart-pricing-box li span strong {
    color: #d3e9b9;
    font-weight: 400;
}

.minicart-pricing-box li.total span {
    font-size: 16px;
}

.minicart-pricing-box li:last-child {
    margin-bottom: 0;
}

.minicart-button a {
    color: #222222;
    font-size: 14px;
    display: block;
    font-weight: 700;
    line-height: 1;
    padding: 17px 0;
    background-color: #f3f3f3;
    border-radius: 40px;
    text-align: center;
    margin-bottom: 10px;
}

.minicart-button a i {
    padding-right: 5px;
}

.minicart-button a:hover {
    color: #fff;
    letter-spacing: 1.1px;
    background-color: #d3e9b9;
}

.minicart-button a:last-child {
    margin-bottom: 0;
}

/*-------- off canvas mini cart end --------*/
/*------ hero slider area css start ------*/
/*-------------------------
02. Slider area
--------------------------*/
._hero-slider-item {
    /* Remove fixed pixel heights */
    height: auto !important;
    /* Maintain 1920x500 ratio responsively */
    aspect-ratio: 1920/500;
    /* Cap maximum height to viewport */
    max-height: 80vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (min-width: 1600px) {
    ._hero-slider-item {
        /* Maintain 1920x500 ratio responsively */
        aspect-ratio: 1920/500;
        /* Cap maximum height to viewport */
        max-height: 80vh;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767.98px) {
    ._hero-slider-item {
        /* Maintain 1920x500 ratio responsively */
        aspect-ratio: 1920/500;
        /* Cap maximum height to viewport */
        max-height: 80vh;
    }
}

@media only screen and (max-width: 575.98px) {
    ._hero-slider-item {
        /* Maintain 1920x500 ratio responsively */
        aspect-ratio: 1920/500;
        /* Cap maximum height to viewport */
        max-height: 80vh;
    }
}

.hero-style-five ._hero-slider-item {
    /* Maintain 1920x500 ratio responsively */
    aspect-ratio: 1920/500;
    /* Cap maximum height to viewport */
    max-height: 80vh;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-style-five ._hero-slider-item {
        /* Maintain 1920x500 ratio responsively */
        aspect-ratio: 1920/500;
        /* Cap maximum height to viewport */
        max-height: 80vh;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767.98px) {
    .hero-style-five ._hero-slider-item {
        /* Maintain 1920x500 ratio responsively */
        aspect-ratio: 1920/500;
        /* Cap maximum height to viewport */
        max-height: 80vh;
    }
}

@media only screen and (max-width: 575.98px) {
    .hero-style-five ._hero-slider-item {
        /* Maintain 1920x500 ratio responsively */
        aspect-ratio: 1920/500;
        /* Cap maximum height to viewport */
        max-height: 80vh;
    }
}

.hero-slider-content {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 1169.98px) {
    .hero-slider-content {
        margin-right: 40px;
        margin-left: 40px;
    }
}

@media only screen and (max-width: 575.98px) {
    .hero-slider-content {
        margin-right: 30px;
        margin-left: 30px;
    }
}

@media only screen and (max-width: 479.98px) {
    .hero-slider-content {
        margin-right: 20px;
        margin-left: 20px;
    }
}
@media only screen and (max-width: 299.98px) {
    .hero-slider-content {
        margin-right: 20px;
        margin-left: 20px;
    }
}

.hero-slider-content .slide-title {
    font-size: 60px;
    font-weight: normal;
    line-height: 1;
}

.hero-slider-content .slide-title span {
    display: block;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-slider-content .slide-title {
        font-size: 50px;
    }
}

@media only screen and (max-width: 767.98px) {
    .hero-slider-content .slide-title {
        font-size: 40px;
        line-height: 1.2;
    }
}

@media only screen and (max-width: 575.98px) {
    .hero-slider-content .slide-title {
        font-size: 35px;
    }
}

@media only screen and (max-width: 479.98px) {
    .hero-slider-content .slide-title {
        font-size: 30px;
    }
}

.hero-slider-content .slide-desc {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.3;
    color: #222222;
    padding-top: 20px;
}

@media only screen and (max-width: 575.98px) {
    .hero-slider-content .slide-desc {
        padding-top: 10px;
    }
}

.btn-hero {
    color: #fff;
    font-size: 15px;
    line-height: 1;
    padding: 14px 30px;
    display: inline-block;
    border-radius: 50px;
    background-color: #6d5c49;
    margin-top: 38px;
}

@media only screen and (max-width: 575.98px) {
    .btn-hero {
        margin-top: 25px;
    }
}

.btn-hero:hover {
    color: #fff;
    background-color: #978876;
}

.hero-overlay {
    position: relative;
}

.hero-overlay:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    background-color: rgba(255, 255, 255, 0.7);
    display: none;
}

@media only screen and (max-width: 767.98px) {
    .hero-overlay:before {
        display: block;
    }
}

/*------ hero slider area css end ------*/
.slick-active .hero-slider-content.slide-1 h2 {
    -webkit-animation: bounceIn 2s linear alternate;
    animation: bounceIn 2s linear alternate;
}

.slick-active .hero-slider-content.slide-1 h4 {
    -webkit-animation: zoomIn 1s linear alternate;
    animation: zoomIn 1s linear alternate;
}

.slick-active .hero-slider-content.slide-1 a {
    -webkit-animation: slideInUp 0.5s linear alternate;
    animation: slideInUp 0.5s linear alternate;
}

.slick-active .hero-slider-content.slide-2 h2 {
    -webkit-animation: bounceIn 1.5s linear alternate;
    animation: bounceIn 1.5s linear alternate;
}

.slick-active .hero-slider-content.slide-2 h4 {
    -webkit-animation: fadeInLeft 1s linear alternate;
    animation: fadeInLeft 1s linear alternate;
}

.slick-active .hero-slider-content.slide-2 a {
    -webkit-animation: slideInUp 0.5s linear alternate;
    animation: slideInUp 0.5s linear alternate;
}

.slick-active .hero-slider-content.slide-3 h2 {
    -webkit-animation: fadeInUp 1000ms linear alternate;
    animation: fadeInUp 1000ms linear alternate;
}

.slick-active .hero-slider-content.slide-3 h4 {
    -webkit-animation: bounceIn 600ms linear alternate;
    animation: bounceIn 600ms linear alternate;
}

.slick-active .hero-slider-content.slide-3 a {
    -webkit-animation: fadeInUp 1400ms linear alternate;
    animation: fadeInUp 1400ms linear alternate;
}

.slider-item {
    position: relative;
    overflow: hidden;
}

.slider-item:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    background-color: #000;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    transition: 0.4s;
}

@media only screen and (max-width: 767.98px) {
    .slider-item:before {
        opacity: 0.6;
        visibility: visible;
    }
}

.slider-item:hover:before {
    opacity: 0.6;
    visibility: visible;
}

.slider-item:hover .slider-thumb img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.slider-item:hover .slider-item-content {
    -webkit-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
    opacity: 1;
    visibility: visible;
}

.slider-item .slider-thumb img {
    width: 100%;
}

.slider-item-content {
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    text-align: center;
    padding: 0 30px;
    z-index: 2;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: translateY(-50%) scale(0.8);
    -ms-transform: translateY(-50%) scale(0.8);
    transform: translateY(-50%) scale(0.8);
    opacity: 0;
    visibility: hidden;
}

@media only screen and (max-width: 767.98px) {
    .slider-item-content {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(-50%) scale(1);
        -ms-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1);
    }
}

.slider-item-content h2 {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.1;
    padding-bottom: 6px;
    overflow-wrap: break-word;
    text-transform: uppercase;
    font-family: "Vazirmatn", sans-serif;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-item-content h2 {
        font-size: 30px;
    }
}

@media only screen and (max-width: 479.98px) {
    .slider-item-content h2 {
        font-size: 26px;
    }
}

.slider-item-content h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 400;
    line-height: 1.2;
    text-transform: capitalize;
    font-family: "Vazirmatn", sans-serif;
}

@media only screen and (max-width: 479.98px) {
    .slider-item-content h3 {
        font-size: 22px;
    }
}

.slider-item-content .btn-text {
    margin-top: 15px;
    color: #fff;
}

.slider-item-content .btn-text:before {
    background-color: #fff;
}

.slider-item-content .btn-text:hover {
    color: #d3e9b9;
}

.slider-item-content .btn-text:hover:before {
    background-color: #d3e9b9;
}

/*------ service policy start ------*/
.policy-block {
    border-bottom: 1px solid #efefef;
}

.policy-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    margin-bottom: -3px;
}

@media only screen and (max-width: 767.98px) {
    .policy-item {
        margin-bottom: -6px;
    }
}

@media only screen and (max-width: 575.98px) {
    .policy-item {
        display: block;
        text-align: center;
    }
}

.policy-icon {
    font-size: 30px;
    line-height: 1;
    color: var(--green-400);
    padding-left: 16px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .policy-icon {
        padding-right: 12px;
    }
}

@media only screen and (max-width: 575.98px) {
    .policy-icon {
        padding-right: 0;
        margin-bottom: 10px;
    }
}

.policy-content p {
    color: var(--green-900);
    padding-top: 9px;
}

/*------ service policy end ------*/
/*------ banner statistics style start ------*/
/* 1.0 banner statistics */
.banner-statistics {
    position: relative;
}

.banner-statistics img {
    width: 100%;
}

.banner-statistics:hover img {
    opacity: 0.7;
}

.banner-content {
    right: 55px;
    top: 50%;
    position: absolute;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner-content {
        right: 30px;
    }
}

@media only screen and (max-width: 767.98px) {
    .banner-content {
        right: 20px;
    }
}

@media only screen and (max-width: 575.98px) {
    .banner-content {
        right: 55px;
    }
}

@media only screen and (max-width: 479.98px) {
    .banner-content {
        right: 20px;
    }
}

.banner-content_style2 {
    left: 40px;
    top: auto;
    bottom: 40px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.banner-content_style2 .banner-text3 {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.banner-content_style2 .banner-text3 a {
    color: #222222;
    pointer-events: visible;
}

.banner-content_style2 .banner-text3 a:hover {
    color: #d3e9b9;
}

.banner-content_style3 {
    left: 40px;
    right: auto;
}

.banner-text1 {
    font-size: 15px;
    line-height: 1.1;
    padding-bottom: 15px;
    color: #777777;
    text-transform: uppercase;
}

@media only screen and (max-width: 767.98px) {
    .banner-text1 {
        font-size: 14px;
        padding-bottom: 10px;
    }
}

@media only screen and (max-width: 575.98px) {
    .banner-text1 {
        font-size: 15px;
        padding-bottom: 15px;
    }
}

@media only screen and (max-width: 479.98px) {
    .banner-text1 {
        font-size: 14px;
        padding-bottom: 10px;
    }
}

.banner-text2 {
    padding-bottom: 34px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.banner-text2 span {
    display: block;
}

@media only screen and (max-width: 767.98px), only screen and (max-width: 479.98px) {
    .banner-text2 span {
        display: inline-block;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner-text2 {
        font-size: 20px;
        padding-bottom: 15px;
    }
}

@media only screen and (max-width: 767.98px) {
    .banner-text2 {
        font-size: 17px;
        padding-bottom: 10px;
    }
}

@media only screen and (max-width: 575.98px) {
    .banner-text2 {
        font-size: 25px;
        padding-bottom: 34px;
    }
}

@media only screen and (max-width: 479.98px) {
    .banner-text2 {
        font-size: 17px;
        padding-bottom: 10px;
    }
}

.banner-text-1 {
    color: #7f886a;
}

.banner-title-bg-1 {
    background-color: #b9c5ad;
}

/*------ banner statistics style end ------*/
/*------ section title start ------*/

.section-title {
    margin-top: -7px;
    margin-bottom: 37px;
}

.section-title .title {
    text-transform: capitalize;
    /*color: #7f886a;*/
    background: -webkit-gradient(linear, right top, left top, from(var(--green-400)), color-stop(#222222), to(var(--green-400)));
    background: -webkit-linear-gradient(right, var(--green-400), #222222, var(--green-400));
    background: -o-linear-gradient(right, var(--green-400), #222222, var(--green-400));
    background: linear-gradient(90deg, var(--green-400), #222222, var(--green-400));
    background-repeat: no-repeat;
    background-size: 90%;
    -webkit-animation: shine 3s linear infinite alternate;
    animation: shine 3s linear infinite alternate;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255, 255, 255, 0);
}

@media only screen and (max-width: 767.98px) {
    .section-title .title {
        font-size: 26px;
    }
}

.section-title .sub-title {
    font-size: 15px;
    padding-top: 6px;
    color: #222222;
}

@-webkit-keyframes shine {
    0% {
        background-position: 700%;
    }
    100% {
        background-position: -100%;
    }
}

@keyframes shine {
    0% {
        background-position: 700%;
    }
    100% {
        background-position: -100%;
    }
}

.section-title-append {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    margin-top: -4px;
    margin-bottom: 18px;
    line-height: 1;
}

.section-title-append:after {
    top: 50%;
    right: 0;
    width: 100%;
    height: 1px;
    content: "";
    position: absolute;
    background-color: #efefef;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    margin-top: -3px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-title-append:after {
        margin-top: 2px;
    }
}

.section-title-append h4 {
    display: inline-block;
    line-height: 1;
    text-transform: capitalize;
    background-color: #fff;
    position: relative;
    z-index: 2;
    padding-right: 5px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-title-append h4 {
        font-size: 16px;
    }
}

/*------ section title end ------*/
/*------- common style css start -------*/
/*-------- Custom Checkbox Style start --------*/
.custom-checkbox.custom-control,
.custom-radio.custom-control {
    min-height: auto;
    padding-left: 1.5rem;
}

.custom-checkbox .custom-control-label,
.custom-radio .custom-control-label {
    width: fit-content;
    font-size: 14px;
    line-height: 1;
    padding-left: 10px;
    font-weight: 400;
    display: block;
    cursor: pointer;
    position: relative;
}

.custom-checkbox .custom-control-label:before,
.custom-radio .custom-control-label:before {
    background-color: transparent;
    border: 1px solid #ddd;
    border-radius: 0;
    height: 15px;
    top: 0;
    width: 15px;
    content: "";
    position: absolute;
    left: -1.5rem;
}

.custom-checkbox .custom-control-label:after,
.custom-radio .custom-control-label:after {
    background-size: 10px 10px;
    height: 15px;
    top: 0;
    content: "";
    position: absolute;
    left: -1.5rem;
}

.custom-checkbox .custom-control-label a,
.custom-radio .custom-control-label a {
    color: #222222;
    font-weight: 500;
}

.custom-checkbox .custom-control-label a:hover,
.custom-radio .custom-control-label a:hover {
    color: var(--green-600);
}

.custom-checkbox input,
.custom-checkbox .custom-control-input,
.custom-radio input,
.custom-radio .custom-control-input {
    outline: none;
    display: none;
}

.custom-checkbox input:focus ~ .custom-control-label:before,
.custom-checkbox input:focus label:before,
.custom-checkbox .custom-control-input:focus ~ .custom-control-label:before,
.custom-checkbox .custom-control-input:focus label:before,
.custom-radio input:focus ~ .custom-control-label:before,
.custom-radio input:focus label:before,
.custom-radio .custom-control-input:focus ~ .custom-control-label:before,
.custom-radio .custom-control-input:focus label:before {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.custom-checkbox input:checked ~ .custom-control-label:before,
.custom-checkbox input:checked label:before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before,
.custom-checkbox .custom-control-input:checked label:before,
.custom-radio input:checked ~ .custom-control-label:before,
.custom-radio input:checked label:before,
.custom-radio .custom-control-input:checked ~ .custom-control-label:before,
.custom-radio .custom-control-input:checked label:before {
    background-color: var(--calm-green-400);
    border-color: var(--calm-green-400);
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    width: 15px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}

/*-------- Custom Checkbox Style end --------*/
/*------- Custom Radio Button Style start -------*/
.custom-radio label:before,
.custom-radio .custom-control-label:before {
    border-radius: 50%;
    height: 14px;
    width: 14px;
}

.custom-radio label::after,
.custom-radio .custom-control-label::after {
    background-size: 10px 10px;
    left: -22px;
    top: 2px;
    height: 10px;
    width: 10px;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

/*------- Custom Radio Button Style end -------*/
.bg-gray {
    background-color: #f4f4f4;
}

/*------ twitter feed start ------*/
.twitter-feed-content {
    padding: 32px 0;
    border-bottom: 1px solid #efefef;
}

.twitter-feed-content p {
    color: #888;
}

.twitter-feed-content p a {
    color: #d3e9b9;
}

.twitter-feed-content p a:hover {
    text-decoration: underline;
}

/*------ twitter feed end ------*/
/*----- product tab menu start -----*/
.product-tab-menu {
    margin-top: -6px;
    margin-bottom: 35px;
}

.product-tab-menu ul li {
    margin-right: 35px;
}

@media only screen and (max-width: 479.98px) {
    .product-tab-menu ul li {
        margin-right: 15px;
    }
}

.product-tab-menu ul li:last-child {
    margin-right: 0;
}

.product-tab-menu ul li a {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    color: #777777;
}

.product-tab-menu ul li a:hover, .product-tab-menu ul li a.active {
    color: #222222;
}

.tab-content .tab-pane.show.active .product-item {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

/*----- product tab menu start -----*/
/*----- brand logo style start -----*/
.brand-logo-carousel {
    padding: 30px 0;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}

.brand-item img {
    margin: auto;
}

/*----- brand logo style end -----*/
/*----- hot deals item start -----*/
.border-lightgray {
    border-color: #e7e7e7;
}

.hot-deals-item {
    border: 1px solid #e7e7e7;
    border-radius: 5px;
}

.hot-deals-item .product-caption {
    padding: 20px;
}

@media only screen and (max-width: 767.98px) {
    .hot-deals-item .product-caption {
        padding: 20px 10px;
    }
}

.hot-deals-item .manufacturer-name {
    padding-bottom: 5px;
}

.hot-deals-item .product-name {
    font-size: 20px;
    padding-bottom: 30px;
}

.hot-deals-item .price-box {
    font-size: 21px;
    padding-top: 8px;
}

.progress {
    height: 15px;
    border-radius: 50px;
}

.progress-quantity {
    position: relative;
    margin-top: 52px;
}

.progress-bar {
    background-color: var(--calm-green-600) !important;
    width: 60%;
}

.progress-bar:nth-child(2) {
    width: 70%;
}

.progress-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: calc(-100% - 8px);
    left: 0;
    width: 100%;
    line-height: 1;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.product-sold,
.product-available {
    font-size: 14px;
    color: #444444;
}

.product-sold span,
.product-available span {
    color: var(--green-700);
    /*font-weight: 700;*/
    /*fon*/
}

.product-countdown {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 30px 0;
}

.product-countdown .single-countdown {
    height: 45px;
    width: 45px;
    text-align: center;
    line-height: 45px;
    margin-right: 10px;
    border-radius: 50%;
    background-color: #e9ecef;
}

.product-countdown .single-countdown__time {
    font-size: 16px;
    display: inline-block;
    color: #222222;
}

.product-countdown .single-countdown__text {
    font-size: 11px;
    display: block;
    color: #222222;
    line-height: 1;
    margin-top: 5px;
    text-transform: uppercase;
}

/*.product-countdown .single-countdown:last-child {*/
/*    margin-right: 0;*/
/*}*/

.product-countdown--style-two {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.product-details-des .product-countdown {
    margin: 20px 0 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

/*----- hot deals item start -----*/
/*------ Instagram Feed Area Start ------*/
.instagram-item {
    position: relative;
    z-index: 1;
}

.instagram-item:before {
    background-color: rgba(0, 0, 0, 0.4);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    height: 100%;
    width: 100%;
}

.instagram-item .instagram-hvr-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
}

.instagram-item .instagram-hvr-content span {
    color: #fff;
    margin-right: 20px;
}

.instagram-item .instagram-hvr-content span:last-child {
    margin-right: 0;
}

.instagram-item .instagram-hvr-content span i.fa {
    margin-right: 5px;
}

.instagram-item:hover:before {
    opacity: 1;
    visibility: visible;
}

.instagram-item:hover .instagram-hvr-content {
    opacity: 1;
    visibility: visible;
}

/*------ Instagram Feed Area End ------*/
.policy-list:not(:last-child) {
    margin-bottom: 40px;
}

@media only screen and (max-width: 767.98px) {
    .policy-list:not(:last-child) {
        margin-bottom: 25px;
    }
}

.policy-list a {
    color: #d3e9b9;
}

.policy-title {
    margin-bottom: 10px;
}

/*------- common style css end -------*/
/*------- product item start -------*/
@media only screen and (max-width: 575.98px) {
    .featured-product-item {
        border-bottom: 1px solid lightgray !important;
    }
}

.product-item .color-categories {
    padding: 13px 0 6px;
}

.product-item:hover .product-thumb .sec-img, .product-list-item:hover .product-thumb .sec-img {
    opacity: 1;
    visibility: visible;
}

/* .product-item:hover .product-thumb .pri-img, .product-list-item:hover .product-thumb .pri-img {
    opacity: 0;
    visibility: hidden;
} */

.product-item:hover .button-group a, .product-list-item:hover .button-group a {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.product-item:hover .cart-hover, .product-list-item:hover .cart-hover {
    bottom: 15px;
    opacity: 1;
    visibility: visible;
}

.product-thumb {
    position: relative;
}

.product-thumb img {
    width: 100%;
}

.product-thumb .sec-img {
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.product-caption {
    padding-top: 17px;
}

.product-caption .product-name {
    font-weight: 400;
    line-height: 1.2;
    padding-bottom: 8px;
    font-size: .8rem;
}

.product-caption .product-name a {
    color: #222222;
    text-transform: capitalize;
}

.product-caption .product-name a:hover {
    color: var(--calm-green-600);
}

.manufacturer-name {
    padding-bottom: 5px;
    line-height: 1;
}

.manufacturer-name a {
    font-size: 14px;
    line-height: 1;
    color: #777777;
    text-transform: capitalize;
}

.manufacturer-name a:hover {
    color: var(--green-600);
}

.color-categories {
    line-height: 1;
}

.color-categories li {
    display: inline-block;
    padding: 1px;
    border-radius: 50%;
    border: 1px solid #efefef;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    vertical-align: middle;
}

.color-categories li:hover {
    border-color: #d3e9b9;
}

.showall-btn:hover{
    background-color: var(--green-500);
    color: white;
}

.category-title{
    font-size: 1.1rem !important;
}

.color-categories li a {
    height: 22px;
    width: 22px;
    display: block;
    border-radius: 50%;
}

.text-green-500{
    color: var(--green-500);
}

.c-lightblue {
    background-color: #b0c4de;
}

.c-darktan {
    background-color: #aa9e78;
}

.c-grey {
    background-color: #808080;
}

.c-brown {
    background-color: #964B00;
}

.button-group {
    right: 15px;
    top: 15px;
    position: absolute;
}

.button-group a {
    width: 38px;
    height: 38px;
    display: block;
    font-size: 18px;
    line-height: 42px;
    color: #222222;
    text-align: center;
    border-radius: 50%;
    margin-bottom: 10px;
    background-color: #fff;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    opacity: 0;
    visibility: hidden;
}

.button-group a span {
    display: block;
}

.button-group a:hover {
    color: #d3e9b9;
}

.cart-hover {
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.product-label {
    background: var(--green-400);
    border-radius: 20px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    left: 20px;
    line-height: 1;
    /* min-width: 46px; */
    padding: 4px 12px;
    position: absolute;
    text-align: center;
    text-transform: capitalize;
    z-index: 3;
}

.product-label span {
    display: flex;
    margin-top: -1px;
}

.product-label.discount {
    /*background-color: black;*/
    /*color: white;*/
}

.discount {
    width: fit-content;
    /* padding-top: 5px; */
    background-color: var(--secondary-500) !important;
    color: white;
    display: flex;
    letter-spacing: 1px;
    margin: 10px 0px;
    font-size: 0.7rem;
    padding: 1px 4px;
    padding-top: 3px;
    border-radius: 5px;
}

.product-label:nth-child(1) {
    top: 0px;
    left: 10px;
}

.product-label:nth-child(2) {
    top: 48px;
}

.ratings {
    color: #f9bd22;
    font-size: 14px;
}

.ratings span {
    margin-right: 3px;
}

.price-box {
    font-size: 15px;
    line-height: 1;
}

.price-regular {
    color: #1f1f1f;
    font-weight: 500;
    font-size: .9rem;
}

.price-old {
    color: #999;
    padding-left: 5px;
    font-size: .8rem;
}

/*------- product item end -------*/
/*-------- product list item start --------*/
.product-list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media only screen and (max-width: 767.98px) {
    .product-list-item {
        display: block !important;
    }
}

.product-list-item .product-thumb {
    max-width: 30%;
    -webkit-flex-basis: 30%;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    height: 100%;
}

@media only screen and (max-width: 767.98px) {
    .product-list-item .product-thumb {
        max-width: 100%;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

.product-content-list {
    padding-right: 20px;
    max-width: 70%;
    -webkit-flex-basis: 70%;
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
}

@media only screen and (max-width: 767.98px) {
    .product-content-list {
        padding-left: 0;
        max-width: 100%;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-top: 30px;
    }
}

.product-content-list .manufacturer-name {
    padding-bottom: 10px;
}

.product-content-list .ratings {
    padding-bottom: 10px;
}

.product-content-list .product-name {
    padding: 10px 0 12px;
}

.product-content-list .product-name a {
    color: #222222;
    font-weight: 400;
}

.product-content-list .product-name a:hover {
    color: #b9c5ad;
}

.product-content-list p {
    padding-top: 15px;
    margin-top: 22px;
    border-top: 1px solid #efefef;
}

/*-------- product list item end --------*/
/*------ group list item start ------*/
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767.98px) {
    .group-product-banner {
        margin-bottom: 80px;
    }
}

.group-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.group-item-thumb {
    max-width: 80px;
    /*max-width: 130px;*/
    -webkit-flex-basis: 80px;
    /*-webkit-flex-basis: 160px;*/
    -ms-flex-preferred-size: 80px;
    /*-ms-flex-preferred-size: 160px;*/
    flex-basis: 80px;
    /*flex-basis: 160px;*/
}

.group-item-desc {
    position: relative;
    padding-right: 10px;
    max-width: calc(100% - 80px);
    -webkit-flex-basis: calc(100% - 80px);
    -ms-flex-preferred-size: calc(100% - 80px);
    flex-basis: calc(100% - 80px);
}

.group-item-desc .group-product-name {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    text-transform: capitalize;
    padding-bottom: 10px;
}

.group-item-desc .group-product-name a {
    color: #222222;
}

.group-item-desc .group-product-name a:hover {
    color: var(--calm-green-600);
    /*text-decoration: underline;*/
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .categories-group-wrapper {
        margin-bottom: 78px;
    }
}

@media only screen and (max-width: 767.98px) {
    .categories-group-wrapper {
        margin-bottom: 60px;
    }
}

.row [class*=col-]:last-child .categories-group-wrapper {
    margin-bottom: 0;
}

.group-list-item-wrapper .slick-slider .slick-slide > div {
    margin-bottom: 20px;
}

.group-list-item-wrapper .slick-slider .slick-slide > div:last-child {
    margin-bottom: 0;
}

/*------ group list item end ------*/
/*----- testimonial area start -----*/
.testimonial-thumb-wrapper {
    max-width: 290px;
    margin: auto;
}

.testimonial-thumb {
    cursor: pointer;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    width: auto;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
}

.slick-slide.slick-current .testimonial-thumb {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.testimonial-content-wrapper {
    max-width: 910px;
    margin: auto;
    margin-top: 25px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .testimonial-content-wrapper {
        max-width: 750px;
    }
}

.testimonial-content {
    padding: 0 15px;
    text-align: center;
}

.testimonial-content p {
    font-size: 15px;
}

.testimonial-content .ratings {
    margin-top: 30px;
    margin-bottom: 5px;
}

.testimonial-author {
    font-size: 17px;
    font-weight: 700;
    line-height: 1;
    text-transform: capitalize;
}

/*----- testimonial area end -----*/
/*----- breadcrumb style css start -----*/
.breadcrumb-wrap {
    padding: 24px 0;
    text-align: center;
    direction: rtl; /* جهت کلی */
}

.breadcrumb-wrap .breadcrumb {
    background: transparent;
    margin-bottom: 0;
    padding: 0;
    display: flex;
    align-items: center; /* عمودی وسط */
    flex-wrap: wrap;
}

.breadcrumb-wrap .breadcrumb .breadcrumb-item {
    display: flex;
    align-items: center;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}

.breadcrumb-wrap .breadcrumb .breadcrumb-item a {
    color: #b6b6b6;
    font-size: 14px;
    line-height: 1;
    text-decoration: none;
}

.breadcrumb-wrap .breadcrumb .breadcrumb-item a:hover {
    color: #838383;
}

/* اسلش بین آیتم‌ها */
.breadcrumb-wrap .breadcrumb .breadcrumb-item::before {
    content: "/";
    color: #b6b6b6;
    font-size: 18px;
    margin: 0 6px;
    padding-right: 0 !important;
}

/* حذف اسلش برای اولین آیتم */
.breadcrumb-wrap .breadcrumb .breadcrumb-item:first-child::before {
    display: none;
}

/* استایل آیتم فعال */
.breadcrumb-wrap .breadcrumb .breadcrumb-item.active {
    color: black;
    font-weight: 400;
}

/*----- breadcrumb style css end -----*/
/*----- shop Sidebar start -----*/
.sidebar-wrapper .sidebar-single:last-child {
    margin-bottom: 0;
}

/* @media only screen and (min-width: 768px) and (max-width: 991px) {
    .sidebar-wrapper {
        margin-top: 80px;
    }
} */

@media only screen and (max-width: 767.98px) {
    .sidebar-wrapper {
        margin-top: 22px;
    }
}

.sidebar-single {
    margin-bottom: 35px;
}

.sidebar-single .sidebar-title {
    position: relative;
    line-height: 1;
    margin-top: -3px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    font-size: 15px;
}

.sidebar-single .sidebar-title:before {
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    content: " ";
    position: absolute;
    background-color: #efefef;
}

/*------ pricing filter slider start ------*/
.price-range-wrap {
    padding-top: 8px;
}

.price-range-wrap .price-range {
    border-radius: 0;
    margin-left: 13px;
    margin-bottom: 20px;
}

.price-range-wrap .price-range.ui-widget-content {
    border: none;
    background: #eeeeee;
    height: 6px;
    border-radius: 20px;
}

.price-range-wrap .price-range.ui-widget-content .ui-slider-range {
    background-color: var(--secondary-300);
    border-radius: 0;
}

.price-range-wrap .price-range.ui-widget-content .ui-slider-handle {
    border: none;
    background-color: #fff;
    height: 12px;
    width: 12px;
    outline: none;
    cursor: ew-resize;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.6);
}

.price-range-wrap .price-range.ui-widget-content .ui-slider-handle:before {
    top: 50%;
    left: 50%;
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    background-color: var(--secondary-300);
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.price-range-wrap .range-slider {
    color: #222222;
    margin-top: 30px;
}

.price-range-wrap .range-slider .price-input label {
    color: #222222;
    margin-bottom: 0;
}

.price-range-wrap .range-slider .price-input input {
    color: var(--green-900);
    /*border-color: #b5b5b5;*/
    /*border: none;*/
    /*outline: none;*/
    /*max-width: 80px;*/
    /*pointer-events: none;*/
}

.price-range-wrap .range-slider button.filter-btn {
    border: none;
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    text-transform: uppercase;
    padding: 4px 15px;
    border-radius: 3px;
    background-color: #ebebeb;
}

.price-range-wrap .range-slider button.filter-btn:hover {
    color: #fff;
    background-color: #d3e9b9;
}

/*------ pricing filter slider end ------*/
.categories-list li {
    color: #555555;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.categories-list li:last-child {
    margin-bottom: 0;
}

.categories-list li:hover {
    color: var(--green-600);
}

/*------ shop categories area start ------*/
.shop-categories {
    margin-top: -4px;
}

.shop-categories li a {
    color: #555555;
    display: block;
    line-height: 1;
    padding: 15px 0;
    text-transform: capitalize;
}

.shop-categories li a {
    padding-top: 0;
}



.shop-categories li:hover a {
    color: var(--calm-green-600);
}

.active-category {
    color: var(--calm-green-400) !important;
    font-weight: bolder;
    border: 1px solid var(--calm-green-400);
    border-radius: 10px;
    padding: 5px 10px !important;
    margin-bottom: 15px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    /* margin-right: 1.5rem; */
}

@media (max-width: 768px) {
    .active-category {
            margin-right: 1.5rem !important;
    }
}
/*------ shop categories area end ------*/
/*----- shop Sidebar end -----*/
/*------ pagination area style start ------*/
.paginatoin-area {
    margin-top: 30px;
    padding: 20px;
    border: 1px solid #efefef;
}

.paginatoin-area .pagination-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.paginatoin-area .pagination-box li {
    margin-right: 5px;
    display: inline-block;
}

.paginatoin-area .pagination-box li:last-child {
    margin-right: 0;
}

.paginatoin-area .pagination-box li a {
    color: #222222;
    height: 36px;
    width: 36px;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    line-height: 36px;
    background-color: #f5f5f5;
    border-radius: 50%;
}

.paginatoin-area .pagination-box li a i {
    font-size: 30px;
    line-height: 36px;
}

.paginatoin-area .pagination-box li a:hover {
    color: #fff;
    border-color: #222222;
    background-color: #222222
}

.paginatoin-area .pagination-box li.active a {
    color: #fff;
    background-color: black;
}

/*------ pagination area style end ------*/
/*------- blog item start -------*/
.mag-button-homepage{
    transition: .2s;
}
.mag-button-homepage:hover{
    background-color: var(--calm-green-600);
}
.mag-button-homepage:hover > a{
    color: white !important;
}
.blog-title {
    line-height: 1.3;
    text-transform: capitalize;
}
.blog-title a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #222222;
    display: block;
}

.blog-title:hover {
    color: var(--green-500);
    transition:color .3s ease-in-out;
}

.post-image-wrap{
    position:relative;
    display:block
}

.post-image-overlay-homepage {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end; /* keep content at bottom */
    color: #fff;
    opacity: 1; /* always visible */
    transition: none; /* no fade effect */
    padding: 1rem;
    background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);
}
.post-image-overlay{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    color:#fff;
    opacity:0;
    transition:opacity .2s ease-in-out;
}
.post-title-overlay {
    background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.0) 100%);
}

.post-title-overlay h5,
.post-title-overlay p {
    color: #fff;
}
.post-item:hover .post-image-overlay{
    opacity:1
}.post-item:hover .post-image-overlay-homepage{
    opacity:1
}

.post-image-overlay .tag-badge{
    position:absolute;
    top:10px;
    left:10px;
    background:var(--green-600);
    color:#fff;
    padding:.25rem .5rem;
    border-radius:999px;
    font-size:.75rem;
    z-index:100;
}
.post-image-overlay-homepage .tag-badge{
    position:absolute;
    top:10px;
    left:10px;
    background:var(--green-600);
    color:#fff;
    padding:.25rem .5rem;
    border-radius:999px;
    font-size:.75rem;
    z-index:100;
}

.post-created-at-badge{
    position:absolute;
    bottom:10px;
    left:10px;
    padding:.25rem .5rem;
    color:#fff;
    border-radius:999px;
    font-size:.75rem;
    z-index:100;
    background-color: #161616;
}
.post-created-at-badge-homepage{
    position:absolute;
    top:10px;
    right:10px;
    padding:.25rem .5rem;
    color:#fff;
    border-radius:999px;
    font-size:.75rem;
    z-index:100;
    background-color: #161616;
}

.post-item {
    border-radius: 0.5rem;
}

.post-item.card > a {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 0.5rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.post-item.card > a img {
    border-radius: inherit;
    transition: transform 0.25s ease;
}

.post-item.card > .post-image-wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(128, 128, 128, 0);
    transition: background 0.25s ease;
    pointer-events: none;
    border-radius: inherit;
}

.post-item.card:hover > .post-image-wrap::after {
    transition:background .25s ease-in-out;
    background: linear-gradient(to top, rgba(0,0,0,.55) 0%, rgba(0,0,0,0) 100%);
}
.post-item.card:hover > .post-image-wrap-homepage::after {
    transition:background .25s ease-in-out;
    background: linear-gradient(to top, rgba(0,0,0,.75) 0%, rgba(0,0,0,0) 100%);
}

.post-item.card:hover > a img {
    transform: scale(1.03);
}

.blog-category-select:focus{
    box-shadow: none;
}
.blog-left-sidebar{
    border-radius: .75rem;
}
.sidebar-categories-title{
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem;
}
.latest-posts-title{
    border-bottom: 1px solid #000 !important;
}
.most-viewed-posts-title{
    border-bottom: 1px solid #000 !important;
}
.categories-sidebar{
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.sidebar-latest-posts{
    border-radius: .75rem;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.sidebar-top-viewed{
    border-radius: .75rem;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.blog-main-title{
    padding-top: 1rem;
    padding-bottom: 1rem;
}
@media screen and (max-width: 768px) {
    .blog-main-title{
        padding-bottom: 1rem !important;
    }
}
/* .blog-post-item:hover .blog-thumb img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.7;
}

.blog-thumb {
    overflow: hidden;
}

.blog-thumb img {
    width: 100%;
}

.blog-content {
    padding-top: 15px;
}



.blog-meta {
    padding-bottom: 15px;
}

.blog-meta p {
    font-size: 13px;
    line-height: 1;
    font-weight: 400;
    color: #777;
}

.blog-meta p a {
    color: #d3e9b9;
} */

/*------- blog item end -------*/
/*------ blog list item start ------*/
/* .blog-list-inner .blog-post-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media only screen and (max-width: 767.98px) {
    .blog-list-inner .blog-post-item {
        display: block;
    }
}

.blog-list-inner .blog-post-item .blog-thumb {
    width: 40%;
}

@media only screen and (max-width: 767.98px) {
    .blog-list-inner .blog-post-item .blog-thumb {
        width: 100%;
    }
} */

/* .blog-list-inner .blog-post-item .blog-content {
    padding-top: 0;
    padding-left: 20px;
    width: 60%;
}

@media only screen and (max-width: 767.98px) {
    .blog-list-inner .blog-post-item .blog-content {
        width: 100%;
        padding-left: 0;
        padding-top: 30px;
    }
}

.blog-list-inner .blog-post-item .blog-content .blog-title {
    margin-top: -5px;
}

.blog-list-inner .blog-post-item .blog-content .blog-meta {
    padding-top: 15px;
}

.blog-list-inner .blog-post-item .blog-content .blog-read-more {
    color: #222222;
    display: inline-block;
    margin-top: 10px;
}

.blog-list-inner .blog-post-item .blog-content .blog-read-more:hover {
    color: #d3e9b9;
    text-decoration: underline;
} */

/*------ blog list item end ------*/
/*----- blog sidebar start -------*/
/* @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .blog-sidebar-wrapper {
        margin-bottom: -5px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog-sidebar-wrapper {
        margin-top: 77px;
        margin-bottom: -5px;
    }
}

@media only screen and (max-width: 767.98px) {
    .blog-sidebar-wrapper {
        margin-top: 60px;
        margin-bottom: -5px;
    }
}

.blog-sidebar-wrapper .blog-sidebar:last-child {
    margin-bottom: 0;
}

.blog-sidebar {
    margin-bottom: 30px;
}

.blog-sidebar .title {
    line-height: 1;
    margin-top: -2px;
    margin-bottom: 40px;
    position: relative;
    text-transform: capitalize;
}

.blog-sidebar .title:before {
    width: 100%;
    height: 1px;
    bottom: -10px;
    left: 0;
    background-color: #efefef;
    content: "";
    position: absolute;
}

.blog-sidebar .search-field {
    width: calc(100% - 50px);
    border: 1px solid #ccc;
    padding: 0 10px;
    color: #555555;
    font-size: 14px;
    height: 50px;
    float: left;
    text-transform: capitalize;
}

.blog-sidebar .search-btn {
    width: 50px;
    height: 50px;
    margin-left: -4px;
    text-align: center;
    cursor: pointer;
    background-color: #f8f8f8;
    border: 1px solid #ccc;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.blog-sidebar .search-btn i {
    font-size: 20px;
    line-height: 50px;
    color: #222222;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.blog-sidebar .search-btn:hover {
    background-color: #d3e9b9;
    border-color: #d3e9b9;
}

.blog-sidebar .search-btn:hover i {
    color: #fff;
}

.blog-sidebar .blog-archive {
    margin-top: -10px;
}

.blog-sidebar .blog-archive li a {
    color: #555555;
    font-size: 14px;
    line-height: 1;
    text-transform: capitalize;
    padding: 13px 0;
    display: inline-block;
}

.blog-sidebar .blog-archive li a:hover {
    color: #d3e9b9;
}

.blog-sidebar .blog-archive li:last-child a {
    padding-bottom: 0;
}

.blog-sidebar .blog-archive li:first-child a {
    padding-top: 0;
}

.blog-sidebar .blog-tags li {
    display: inline-block;
    margin-bottom: 5px;
}

.blog-sidebar .blog-tags li a {
    color: #222222;
    font-size: 14px;
    border: 1px solid #ccc;
    padding: 6px 15px 4px;
    display: inline-block;
    text-transform: capitalize;
}

.blog-sidebar .blog-tags li a:hover {
    color: #fff;
    background-color: #d3e9b9;
    border-color: #d3e9b9;
}

.blog-category {
    margin-top: -10px;
} */

.recent-post .recent-post-item:last-child {
    margin-bottom: 0;
}

.recent-post-item {
    margin-bottom: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.recent-post-item .product-thumb {
    max-width: 70px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 70px;
    -ms-flex: 1 0 70px;
    flex: 1 0 70px;
}

.recent-post-item .recent-post-description {
    padding-left: 10px;
}

.recent-post-item .recent-post-description h6 {
    font-size: 14px;
    padding-bottom: 5px;
    text-transform: capitalize;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .recent-post-item .recent-post-description h6 {
        font-size: 13px;
        padding-bottom: 5px;
    }
}

.recent-post-item .recent-post-description h6 a {
    color: #222222;
}

.recent-post-item .recent-post-description h6 a:hover {
    color: #d3e9b9;
}

.recent-post-item .recent-post-description p {
    text-transform: capitalize;
}

/*----- blog sidebar end -------*/
.entry-summary {
    padding-top: 25px;
}

blockquote {
    border-left: 5px solid #d3e9b9;
    margin: 25px 32px 25px 30px;
    background-color: #f8f8f8;
    padding: 15px;
}

/* .blog-details-post .blog-content .blog-title {
    padding-top: 10px;
}

@media only screen and (max-width: 767.98px) {
    .blog-details-post .blog-content .blog-title {
        font-size: 20px;
    }
}

@media only screen and (max-width: 479.98px) {
    .blog-details-post .blog-content .blog-title {
        font-size: 18px;
    }
} */

/* .blog-details-post .blog-content .blog-meta {
    padding-top: 15px;
    padding-bottom: 0;
}

.blog-details-post:hover .blog-thumb img {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
} */

/*------- blog main content wrapper start --------*/
/* .blog-post-item .tag-line {
    padding: 10px 0;
    margin-top: 20px;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}

.blog-post-item .tag-line h6 {
    font-size: 14px;
    display: inline-block;
    padding-right: 5px;
}

.blog-post-item .tag-line a {
    font-size: 13px;
    color: #222222;
}

.blog-post-item .tag-line a:hover {
    color: #d3e9b9;
} */

/* .blog-share-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767.98px) {
    .blog-share-link {
        padding-top: 15px;
    }
}

.blog-share-link h6 {
    font-size: 14px;
    padding-right: 15px;
}

.blog-share-link .blog-social-icon a {
    width: 36px;
    height: 36px;
    font-size: 15px;
    line-height: 36px;
    text-align: center;
    display: inline-block;
    color: #fff;
    border-radius: 50%;
    margin-right: 5px;
}

.blog-share-link .blog-social-icon a.facebook {
    background-color: #3B5999;
}

.blog-share-link .blog-social-icon a.twitter {
    background-color: #1DA1F2;
}

.blog-share-link .blog-social-icon a.pinterest {
    background-color: #CB2028;
}

.blog-share-link .blog-social-icon a.google {
    background-color: #fe6d4c;
}

.blog-share-link .blog-social-icon a:hover.facebook {
    background-color: #2d4474;
}

.blog-share-link .blog-social-icon a:hover.twitter {
    background-color: #0c85d0;
}

.blog-share-link .blog-social-icon a:hover.pinterest {
    background-color: #9f191f;
}

.blog-share-link .blog-social-icon a:hover.google {
    background-color: #fe4419;
}

@media only screen and (max-width: 479.98px) {
    .blog-share-link .blog-social-icon a {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 13px;
        margin-right: 0;
    }
} */

/*--- blog main content wrapper end ---*/
/*--- blog comment section start ---*/
.comment-section {
    margin-top: -3px;
}

.comment-section h5 {
    line-height: 1;
    padding-bottom: 15px;
}

.comment-section ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 20px;
    margin-bottom: 30px;
    border: 1px solid #efefef;
}

.comment-section ul li:last-child {
    margin-bottom: 5px;
}

@media only screen and (max-width: 479.98px) {
    .comment-section ul li {
        display: block;
    }
}

.comment-section ul li .author-avatar {
    -webkit-flex-basis: 66px;
    -ms-flex-preferred-size: 66px;
    flex-basis: 66px;
    max-height: 62px;
    margin-right: 10px;
}

@media only screen and (max-width: 479.98px) {
    .comment-section ul li .author-avatar {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 66px;
        height: 62px;
    }
}

.comment-section ul li.comment-children {
    margin-left: 40px;
}

@media only screen and (max-width: 479.98px) {
    .comment-section ul li.comment-children {
        margin-left: 20px;
    }
}

.comment-section ul li .comment-body {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.comment-section ul li .comment-body h5 {
    font-size: 14px;
    padding-bottom: 5px;
}

.comment-section ul li .comment-body .comment-post-date {
    color: #555555;
    padding-bottom: 10px;
}

.comment-section ul li .comment-body .reply-btn {
    float: right;
}

.comment-section ul li .comment-body .reply-btn a {
    color: #222222;
    font-size: 12px;
    display: inline-block;
    padding: 4px 15px;
    border-radius: 20px;
    text-transform: capitalize;
    border: 1px solid #efefef;
}

.comment-section ul li .comment-body .reply-btn a:hover {
    color: #fff !important;
    border-color: #d3e9b9;
    background-color: #d3e9b9;
}

/*--- blog comment section end ---*/
/* ------ blog comment box start -----
.blog-comment-wrapper {
    margin-top: -10px;
}

.blog-comment-wrapper h3 {
    color: #222222;
    font-size: 18px;
    line-height: 1;
    font-weight: 500;
    padding-bottom: 15px;
    text-transform: uppercase;
    border-bottom: 1px solid #f0f0f0;
}

.blog-comment-wrapper p {
    margin-bottom: 10px;
    padding-top: 10px;
}

.blog-comment-wrapper .comment-post-box label {
    color: #222222;
    font-weight: 500;
    margin-bottom: 10px;
    display: block;
    text-transform: capitalize;
}

.blog-comment-wrapper .comment-post-box .coment-field {
    background: #f8f8f8;
    border: none;
    color: #555555;
    padding: 8px 10px;
    width: 100%;
}

@media only screen and (max-width: 767.98px) {
    .blog-comment-wrapper .comment-post-box .coment-field {
        margin-bottom: 20px;
    }
}

.blog-comment-wrapper .comment-post-box textarea {
    height: 130px;
    margin-bottom: 20px;
    padding: 10px;
    width: 100%;
    background: #f8f8f8;
    border: none;
}

.blog-comment-wrapper .comment-post-box .coment-btn {
    margin-top: 30px;
}

@media only screen and (max-width: 767.98px) {
    .blog-comment-wrapper .comment-post-box .coment-btn {
        margin-top: 10px;
    }
} */

/*------- blog comment box end --------*/
/*------- about us area start -------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-thumb {
        text-align: center;
    }
}

@media only screen and (max-width: 767.98px) {
    .about-thumb {
        text-align: center;
    }

    .about-thumb img {
        width: 100%;
    }
}

.about-title {
    font-size: 48px;
    color: #d1d1d1;
    display: block;
    line-height: 1.1;
    margin-bottom: 38px;
}

@media only screen and (max-width: 767.98px) {
    .about-title {
        font-size: 26px;
        color: #222222;
        margin-bottom: 25px;
    }
}

.about-sub-title {
    line-height: 1.5;
    padding-bottom: 20px;
}

@media only screen and (max-width: 767.98px) {
    .about-sub-title {
        font-size: 16px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767.98px) {
    .about-content {
        text-align: center;
        padding: 52px 30px 0;
        margin-bottom: -6px;
    }
}

@media only screen and (max-width: 479.98px) {
    .about-content {
        padding: 52px 0 0 0;
    }
}

.about-content p {
    font-size: 15px;
    line-height: 1.8;
    padding-bottom: 12px;
}

.about-content p:last-child {
    padding-bottom: 0;
}

/*------- about us area end -------*/
/*-------- choosing area start --------*/
.choosing-area {
    margin-bottom: -4px;
}

@media only screen and (max-width: 767.98px) {
    .single-choose-item {
        padding: 0 20px;
    }
}

.single-choose-item i {
    color: #969ca7;
    font-size: 44px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.single-choose-item h4 {
    color: #222222;
    font-size: 18px;
    font-weight: 500;
    padding: 15px 0 10px;
    text-transform: capitalize;
}

.single-choose-item:hover i {
    color: #d3e9b9;
}

/*-------- choosing area end --------*/
/*------- team area start -------*/
.team-member {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.team-member .team-thumb {
    position: relative;
    text-align: center;
    overflow: hidden;
}

.team-member .team-thumb img {
    width: 100%;
}

.team-member .team-thumb .team-social {
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 0;
    position: absolute;
    background-color: #fff;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    opacity: 0;
    visibility: hidden;
}

.team-member .team-thumb .team-social a {
    color: #222222;
    width: 30px;
    height: 30px;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    background-color: #f5f5f5;
    border-radius: 5px;
    margin-right: 5px;
}

.team-member .team-thumb .team-social a:hover {
    color: #fff;
    background-color: #d3e9b9;
    border-color: #d3e9b9;
}

.team-member .team-content .team-member-name {
    padding-top: 15px;
}

.team-member .team-content p {
    font-size: 14px;
    line-height: 1;
    padding-top: 5px;
    color: #d3e9b9;
}

.team-member:hover .team-social {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.team-member:hover .team-thumb img {
    opacity: 0.5;
}

/*------- team area end -------*/
/*------ shop page style start ------*/
.shop-top-bar {
    margin-bottom: 30px;
}

.top-bar-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 767.98px) {
    .top-bar-left {
        padding-top: 15px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.top-bar-left .product-view-mode {
    margin-right: 60px;
}

@media only screen and (max-width: 479.98px) {
    .top-bar-left .product-view-mode {
        margin-right: 0;
    }
}

.top-bar-left .product-view-mode a {
    /*color: #e6e2d9;*/
    color: var(--secondary-100);
    display: inline-block;
    text-align: center;
    margin-right: 10px;
}

.top-bar-left .product-view-mode a i {
    font-size: 20px;
    margin-top: 6px;
}

.top-bar-left .product-view-mode a:hover {
    color: #b9c5ad;
}

.top-bar-left .product-view-mode a.active {
    color: #b9c5ad;
}

.top-bar-left .product-amount p {
    color: #777;
    font-size: 14px;
    text-transform: capitalize;
}

.top-bar-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: end;
    justify-content: flex-start;
}

.top-bar-right .product-amount {
    align-content: center;
}

.top-bar-right .product-amount p {
    color: #444444;
    font-size: 14px;
    text-transform: capitalize;
}

.top-bar-right .product-view-mode {
    margin-right: 60px;
}

.top-bar-right .product-view-mode a {
    color: #e1e1e1;
    display: inline-block;
    text-align: center;
    margin-right: 10px;
}

.top-bar-right .product-view-mode a i {
    font-size: 20px;
    margin-top: 6px;
}

.top-bar-right .product-view-mode a:hover {
    color: var(--secondary-500);
}

.top-bar-right .product-view-mode a.active {
    color: var(--secondary-500);
}

@media only screen and (max-width: 767.98px) {
    .top-bar-right {
        -webkit-box-pack: start;
        -webkit-justify-content: start;
        -ms-flex-pack: start;
        justify-content: start;
    }
}

.top-bar-right .product-short {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.top-bar-right .product-short p {
    margin-left: 10px;
}

.nice-select {
    height: 36px;
    line-height: 34px;
    width: 200px;
    padding: 0 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .nice-select {
        width: 170px;
    }
}

@media only screen and (max-width: 479.98px) {
    .nice-select {
        width: 190px;
    }
}

.nice-select.open {
    border-color: #d3e9b9;
}

.nice-select .list {
    right: 0;
    left: auto;
    width: 100%;
}

.nice-select .option {
    font-size: 13px;
    line-height: 34px;
    min-height: 34px;
    text-transform: capitalize;
}

.nice-select:after {
    height: 6px;
    width: 6px;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
}

/*----- shop main wrapper end -----*/
/*----- product change view start -----*/
.shop-product-wrap.list-view .product-item {
    display: none;
}

.shop-product-wrap.grid-view .product-item {
    display: block;
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    padding: 0;
}

.shop-product-wrap.grid-view .product-list-item {
    display: none !important;
}

.shop-product-wrap.list-view .product-list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.shop-product-wrap.row.list-view .col-md-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.shop-product-wrap [class*=col-] {
    margin-bottom: 30px;
}

/*----- product change view end -----*/
/*------ shop page style start ------*/
/*----- product details slider start ----*/
.pro-large-img {
    position: relative;
    cursor: pointer;
}

.pro-large-img img {
    width: 100%;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.pro-nav-thumb {
    cursor: pointer;
}

.pro-nav {
    margin-top: 20px;
}

.product-large-slider {
    width: 80%;
}

.pro-nav {
    width: 20%;
    max-height: 500px;
    overflow: hidden;
}

@media only screen and (max-width: 767.98px) {
    .pro-nav {
        width: 90%;
    }
}


/*.pro-nav-thumb img {*/
/*    width: 100%;*/
/*    display: block;*/
/*}*/
/*----- product details slider end ----*/
/*----- product details content start ----*/
.option-title {
    line-height: 1;
    font-weight: 400;
    margin-left: 10px;
    text-transform: capitalize;
}

.product-details-des .product-name {
    font-weight: 400;
    font-size: 18px;
    padding-top: 5px;
    padding-bottom: 5px;
}

/*@media only screen and (max-width: 575.98px) {*/
/*    .product-details-des .product-name {*/
/*        font-size: 17px;*/
/*    }*/
/*}*/

.product-details-des .pro-review {
    padding-left: 10px;
}

.product-details-des .pro-review span {
    font-size: 14px;
    line-height: 1;
    color: #555555;
}

.product-details-des .price-box {
    padding-top: 10px;
    padding-bottom: 10px;
}

.product-details-des .customer-rev {
    padding-top: 10px;
}

.product-details-des .customer-rev a {
    color: #222222;
    font-size: 13px;
    text-transform: capitalize;
}

.product-details-des .customer-rev a:hover {
    color: #d3e9b9;
}

.product-details-des .offer-text {
    font-weight: 900;
}

.product-details-des .offer-box {
    border-right: 2px solid #e8e8e8;
    padding-right: 16px;
}

.product-details-des .offer-box strong {
    color: goldenrod;
}

.goldenoffer-text {
    color: var(--calm-green-500);
    font-weight: 900;
}

.goldenoffer-container {
    margin-bottom: 10px;
    background: linear-gradient(to bottom, var(--calm-green-100) 50%, #ffffff 100%);
    border-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 10px 20px;
    border-top: 3px solid var(--calm-green-500);
    /*border-left: 1px solid var(--calm-green-500);*/
    /*border-right: 1px solid var(--calm-green-500);*/
}

.product-details-des .offer-box .product-countdown {
    /*padding-bottom: 20px;*/
    /*background-color: red;*/
    place-content: center;
}

.product-details-des .offer-box .product-countdown .single-countdown:last-child {
    /*background-color: greenyellow;*/
    margin-right: 0;
}

.product-details-des .quantity-cart-box {
    margin-bottom: 20px;
}

.product-details-des .quantity {
    margin-left: 15px;
}

.product-details-des .quantity .pro-qty {
    width: 90px;
    height: 40px;
    border: 1px solid #ddd;
    padding: 0 15px;
    border-radius: 40px;
    float: left;
}

.product-details-des .quantity .pro-qty .qtybtn {
    width: 15px;
    display: block;
    float: left;
    line-height: 40px;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    color: #555555;
}

.product-details-des .quantity .pro-qty input {
    width: 28px;
    float: left;
    border: none;
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
    background-color: transparent;
}

.product-details-des .pro-desc {
    margin-bottom: 20px;
}

.product-details-des .availability {
    margin-bottom: 15px;
    margin-top: 15px;
}

.product-details-des .availability i {
    color: #729a16;
}

.product-details-des .availability span {
    color: #555555;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    padding-left: 3px;
    text-transform: uppercase;
}

.product-details-des .useful-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}

.product-details-des .useful-links a {
    font-size: 14px;
    font-weight: 500;
    color: #222222;
    margin-right: 20px;
    text-transform: capitalize;
}

.product-details-des .useful-links a:hover {
    color: #d3e9b9;
}

.product-details-des .useful-links a i {
    font-size: 20px;
    padding-right: 5px;
    vertical-align: middle;
}

.product-details-des .like-icon {
    padding-top: 20px;
    border-top: 1px solid #efefef;
}

.product-details-des .like-icon a {
    color: #fff;
    text-align: center;
    display: inline-block;
    font-size: 12px;
    line-height: 22px;
    padding: 0 8px;
    /*margin-right: 6px;*/
    border-radius: 3px;
    text-transform: capitalize;
}

@media only screen and (max-width: 479.98px) {
    .product-details-des .like-icon a {
        margin-right: 0;
    }
}

/*.product-details-des .like-icon a i {*/
/*    padding-right: 5px;*/
/*}*/

.product-details-des .like-icon a.facebook {
    background-color: #3B5999;
}

.product-details-des .like-icon a.twitter {
    background-color: #1DA1F2;
}

.product-details-des .like-icon a.pinterest {
    background-color: #CB2028;
}

.product-details-des .like-icon a.google {
    background-color: #fe6d4c;
}

.product-details-des .like-icon a:hover.facebook {
    background-color: #2d4474;
}

.product-details-des .like-icon a:hover.twitter {
    background-color: #0c85d0;
}

.product-details-des .like-icon a:hover.pinterest {
    background-color: #9f191f;
}

.product-details-des .like-icon a:hover.google {
    background-color: #fe4419;
}

.product-details-des .share-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-details-des .share-icon a {
    color: #555555;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    padding: 0 8px;
    margin-right: 5px;
}

@media only screen and (max-width: 479.98px) {
    .product-details-des .share-icon a {
        padding: 0 5px;
    }
}

.product-details-des .share-icon a:hover {
    color: #d3e9b9;
}

.product-details-des .color-option {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 18px;
}

.product-details-des .pro-size {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 18px;
}

.product-details-des .pro-size .nice-select {
    width: 100px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
}

.product-details-des .group-product-table {
    margin-top: 30px;
    margin-bottom: 20px;
    display: block;
}

.product-details-des .group-product-table.table-bordered {
    border: none;
}

.product-details-des .group-product-table td {
    width: 33.33%;
    padding: 8px;
    vertical-align: middle;
}

.product-details-des .group-product-table td a {
    color: #555555;
    text-transform: capitalize;
}

.product-details-des .group-product-table td a:hover {
    color: #d3e9b9;
}

.product-details-des .group-product-table td .pro-qty {
    width: 90px;
    height: 35px;
    border: 1px solid #ddd;
    padding: 0 15px;
    float: left;
}

.product-details-des .group-product-table td .pro-qty .qtybtn {
    width: 15px;
    display: block;
    float: left;
    line-height: 31px;
    cursor: pointer;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    color: #555555;
}

.product-details-des .group-product-table td .pro-qty input {
    width: 28px;
    float: left;
    border: none;
    height: 33px;
    line-height: 33px;
    padding: 0;
    text-align: center;
    background-color: transparent;
}

/*------ countdown style end ------*/
/*@media only screen and (min-width: 768px) and (max-width: 991px) {*/
/*    .product-details-des {*/
/*        margin-top: 76px;*/
/*    }*/
/*}*/

/*@media only screen and (max-width: 767.98px) {*/
/*    .product-details-des {*/
/*        margin-top: 58px;*/
/*    }*/
/*}*/

.product-details-des.quick-details {
    margin-top: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-details-des.quick-details {
        margin-top: 0;
    }
}

@media only screen and (max-width: 767.98px) {
    .product-details-des.quick-details {
        margin-top: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-details-des.quick-details .product-name {
        font-size: 20px;
    }
}

@media only screen and (max-width: 767.98px) {
    .product-details-des.quick-details .product-name {
        font-size: 18px;
    }
}

.product-details-des.box-layout {
    padding-top: 47px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767.98px) {
    .product-details-des.box-layout {
        margin-top: 0;
    }
}

.product-details-des.box-layout p {
    max-width: 80%;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767.98px) {
    .product-details-des.box-layout p {
        max-width: 100%;
        padding: 0 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767.98px) {
    .product-details-des.sidebar-sticky {
        margin-top: 0;
    }
}

.product-details-des.quick-des p {
    padding-top: 0;
}

/*----- product details content end ----*/
/*----- reviews area start -----*/
.product-review-info .nav.review-tab li a {
    color: #222222;
    display: block;
    font-size: 16px;
    transition: 0.1s;
    line-height: 1;
    text-transform: capitalize;
    padding: 8px 10px;
    /*border: 1px solid rgba(34, 34, 34, 0.09);*/
    border-bottom: none;
    margin-right: 3px;
    border-radius: 6px 6px 0px 0px;
}


.product-review-info .nav.review-tab li a:hover {
    border-bottom: 4px solid var(--calm-green-500);
}

.product-review-info .nav.review-tab li a.active {
    border-bottom: 4px solid var(--calm-green-600);
    /*color: whitesmoke;*/
    /*background-color: var(--calm-green-600);*/
    /*border-color: rgba(34, 34, 34, 0.65);*/
}

@media only screen and (max-width: 479.98px) {
    .product-review-info .nav.review-tab li a {
        font-size: 14px;
    }
}

.product-review-info .tab-content.reviews-tab {
    border-top: 1px solid #efefef;
    padding: 15px 20px 20px;
    font-size: 13px;
}

.product-review-info .tab-content.reviews-tab .table {
    margin-bottom: 0;
}

.product-review-info .tab-content.reviews-tab .table tr {
    text-transform: capitalize;
}

.product-review-info .tab-content .review-description {
    padding-top: 25px;
    padding-bottom: 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-review-info .tab-content .review-description {
        padding: 15px 0;
    }
}

@media only screen and (max-width: 767.98px) {
    .product-review-info .tab-content .review-description {
        display: block;
    }
}

.product-review-info .tab-content .review-description .tab-thumb {
    -webkit-flex-basis: 300px;
    -ms-flex-preferred-size: 300px;
    flex-basis: 300px;
}

@media only screen and (max-width: 767.98px) {
    .product-review-info .tab-content .review-description .tab-thumb {
        -webkit-flex-basis: 220px;
        -ms-flex-preferred-size: 220px;
        flex-basis: 220px;
    }
}

.product-review-info .tab-content .review-description .tab-des {
    padding-left: 40px;
    -webkit-flex-basis: calc(100% - 300px);
    -ms-flex-preferred-size: calc(100% - 300px);
    flex-basis: calc(100% - 300px);
}

@media only screen and (max-width: 767.98px) {
    .product-review-info .tab-content .review-description .tab-des {
        padding-left: 14px;
        -webkit-flex-basis: calc(100% - 220px);
        -ms-flex-preferred-size: calc(100% - 220px);
        flex-basis: calc(100% - 220px);
    }
}

.product-review-info .tab-content .review-description .tab-des h3 {
    color: #d3e9b9;
    font-size: 20px;
    font-weight: 22px;
    font-weight: 700;
    text-transform: capitalize;
    padding-bottom: 10px;
}

.product-review-info .tab-content .review-description .tab-des ul li {
    font-size: 13px;
    list-style: inherit;
}

.review-form h5 {
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 20px;
    text-transform: capitalize;
}

@media only screen and (max-width: 575.98px) {
    .review-form h5 {
        font-size: 16px;
    }
}

.total-reviews {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 20px;
}

@media only screen and (max-width: 479.98px) {
    .total-reviews {
        display: block;
    }
}

.total-reviews .rev-avatar {
    -webkit-flex-basis: 60px;
    -ms-flex-preferred-size: 60px;
    flex-basis: 60px;
    max-height: 60px;
}

@media only screen and (max-width: 479.98px) {
    .total-reviews .rev-avatar {
        margin-bottom: 20px;
    }
}

.total-reviews .review-box {
    margin-left: 10px;
    border-bottom: 1px solid #efefef;
    padding: 10px;
    -webkit-flex-basis: calc(100% - 70px);
    -ms-flex-preferred-size: calc(100% - 70px);
    flex-basis: calc(100% - 70px);
}

@media only screen and (max-width: 479.98px) {
    .total-reviews .review-box {
        margin-left: 0;
    }
}

.total-reviews .review-box .post-author {
    padding-bottom: 10px;
}

.total-reviews .review-box .post-author p {
    font-size: 12px;
    /*font-style: italic;*/
    /*text-transform: capitalize;*/
}

.total-reviews .review-box .post-author p span {
    font-size: 13px;
}

.total-reviews .review-box p {
    font-size: 14px;
    /*font-style: italic;*/
}

/*----- reviews area end -----*/
/* Checkout Login Coupon Accordion Start */
.checkout-page-wrapper {
    margin-bottom: -8px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767.98px) {
    .checkout-page-wrapper {
        margin-bottom: 0;
    }
}

.checkoutaccordion {
    margin-bottom: 46px;
}

.checkoutaccordion h6 {
    background-color: #f7f7f7;
    border-top: 3px solid var(--calm-green-600);
    font-size: 14px;
    padding: 15px 20px;
    position: relative;
    text-transform: capitalize;
}

.checkoutaccordion h6 span {
    color: var(--calm-green-500);
    cursor: pointer;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    margin-left: 10px;
}


@media only screen and (max-width: 479.98px) {
    .checkoutaccordion h6 span {
        display: block;
        padding-top: 5px;
        margin-left: 0;
    }
}

.checkoutaccordion h6 span:hover {
    color: #222222;
}

@media only screen and (max-width: 479.98px) {
    .checkoutaccordion h6 {
        font-size: 14px;
    }
}

.checkoutaccordion .card {
    border: none;
    padding: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    margin-bottom: 30px;
}

.checkoutaccordion .card:last-child {
    margin-bottom: 0;
}

.checkoutaccordion .card .card-body {
    border: 1px solid #ccc;
    font-size: 14px;
    padding: 20px;
}

.checkoutaccordion .card .card-body .cart-update-option {
    border: none;
    padding: 0;
}

.checkoutaccordion .card .card-body .cart-update-option .apply-coupon-wrapper input {
    padding: 12px 10px;
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    margin-right: 15px;
}

@media only screen and (max-width: 479.98px) {
    .checkoutaccordion .card .card-body .cart-update-option .apply-coupon-wrapper input {
        margin-bottom: 15px;
    }
}

.checkout-box-wrap .custom-control {
    padding-left: 0;
    margin-left: 1.5rem;
}

.checkout-billing-details-wrap .billing-form-wrap {
    margin-top: -20px;
}

.checkout-title {
    border-bottom: 1px solid #efefef;
    padding-bottom: 15px;
    margin-bottom: 30px;
}

@media only screen and (max-width: 767.98px) {
    .checkout-title {
        margin-bottom: 26px;
    }
}

.forget-pwd {
    color: #d3e9b9;
    font-size: 12px;
    margin-top: -6px;
}

.single-form-row {
    margin-top: 15px;
    display: none;
}

.single-form-row p {
    margin: 0;
    font-size: 14px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .order-summary-details {
        margin-top: 70px;
    }
}

@media only screen and (max-width: 767.98px) {
    .order-summary-details {
        margin-top: 52px;
    }
}

.order-summary-table {
    /*background-color: #f7f7f7;*/
    margin-top: 34px;
}

.order-summary-table .table,
.order-summary-table table {
    color: #222222;
    margin-bottom: 0;
    font-size: 15px;
    white-space: nowrap;
}

.order-summary-table .table tr td,
.order-summary-table .table tr th,
.order-summary-table table tr td,
.order-summary-table table tr th {
    font-weight: 400;
    vertical-align: middle;
    padding: 15px 10px;
    border-width: 1px;
}

.order-summary-table .table tr td a,
.order-summary-table .table tr th a,
.order-summary-table table tr td a,
.order-summary-table table tr th a {
    color: #222222;
    font-weight: 400;
}

.order-summary-table .table tr td strong,
.order-summary-table .table tr th strong,
.order-summary-table table tr td strong,
.order-summary-table table tr th strong {
    font-weight: 400;
}

.order-summary-table .shipping-type {
    text-align: left;
}

.order-summary-table .shipping-type li {
    margin-bottom: 5px;
}

.order-summary-table .shipping-type li:last-child {
    margin-bottom: 0;
}

.order-summary-table .table > :not(:last-child) > :last-child > * {
    border-bottom-color: inherit;
}

.order-payment-method {
    background-color: #f7f7f7;
    padding: 40px 20px 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767.98px) {
    .order-payment-method {
        padding: 32px 20px 36px;
    }
}

.single-payment-method {
    margin-bottom: 20px;
}

.single-payment-method:last-child {
    margin-bottom: 0;
}

.single-payment-method:first-child .payment-method-details {
    display: block;
}

.single-payment-method label,
.single-payment-method .custom-control-label {
    font-weight: 700;
}

.single-payment-method .paypal-card {
    max-width: 150px;
    height: 50px;
    margin-top: 10px;
    display: block;
}

.single-payment-method .payment-method-details {
    background-color: #f1f1f1;
    color: #222222;
    font-weight: 400;
    font-size: 13px;
    padding: 10px;
    position: relative;
    margin-top: 20px;
    display: none;
}

.single-payment-method .payment-method-details:after {
    content: "";
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f1f1f1;
    bottom: 100%;
}

.single-payment-method .payment-method-details * {
    margin: 0;
}

.summary-footer-area .btn-brand {
    margin-top: 40px;
}

/*------- input box style css start -------*/
.single-input-item {
    margin-top: 20px;
}

.single-input-item label {
    color: #222222;
    text-transform: capitalize;
    font-size: 14px;
}

.single-input-item label.required:after {
    content: "*";
    color: red;
    font-size: 14px;
    margin-left: 3px;
    margin-top: 5px;
}

.single-input-item input,
.single-input-item textarea {
    color: #555555;
    border: 1px solid #ccc;
    padding: 12px 10px;
    width: 100%;
    font-size: 14px;
    background: #f7f7f7;
}

.single-input-item input:active, .single-input-item input:focus,
.single-input-item textarea:active,
.single-input-item textarea:focus {
    border-color: #d3e9b9;
    background-color: #fff;
}

.single-input-item .nice-select {
    width: 100%;
    border-radius: 0;
    height: 48px;
    border-color: #ccc;
    background-color: #f7f7f7;
}

.single-input-item .nice-select .current {
    color: #555555;
}

.single-input-item .nice-select .list {
    max-height: 200px;
    overflow: auto;
    width: 100%;
}

/*------- input box style css end -------*/
/*--------- Cart Page Wrapper Start ---------*/
.pay-btn {
    /*background-color: var(--green-700);*/
    color: black;
}

.pay-btn-sqr {
    padding: 17px 25px;
    font-size: 15px;
}

.pay-btn-sqr:hover {
    background-color: black;
    color: white;
}

.cart-table .table {
    margin: 0;
    white-space: nowrap;
}

.cart-table .table thead {
    background-color: var(--green-500);
}

.cart-table .table thead tr th {
    border-color: #e6e2d9;
    border-bottom: 0 solid transparent;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 15px 20px;
    text-align: center;
    text-transform: capitalize;
}

.cart-table .table tbody tr td {
    border-color: #ccc;
    text-align: center;
    padding: 10px 20px;
    vertical-align: middle;
    font-weight: 500;
    color: var(--green-900);
}

.cart-table .table tbody tr td a {
    color: #222222;
    font-weight: 400;
    text-transform: capitalize;
}

.cart-table .table tbody tr td a:hover {
    color: var(--green-600);
}

.cart-table .table tbody tr td a.btn {
    color: #fff;
}

.cart-table .table tbody tr td a.btn:hover {
    color: #fff;
}

.cart-table .table tbody tr td a.check-btn {
    color: #fff;
}

.cart-table .table tr .pro-thumbnail,
.cart-table .table tr .pro-price,
.cart-table .table tr .pro-quantity,
.cart-table .table tr .pro-subtotal,
.cart-table .table tr .pro-remove {
    width: 140px;
}

.cart-table .table tr .pro-qty {
    width: 90px;
    height: 40px;
    border: 1px solid #ddd;
    padding: 0 15px;
    float: left;
}

.cart-table .table tr .pro-qty .qtybtn {
    width: 15px;
    display: block;
    float: left;
    line-height: 38px;
    cursor: pointer;
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    color: #555555;
}

.cart-table .table tr .pro-qty input {
    width: 28px;
    float: left;
    border: none;
    height: 40px;
    line-height: 34px;
    padding: 0;
    text-align: center;
    background-color: transparent;
}

.cart-update-option {
    border: 1px solid #ccc;
    margin-top: 15px;
    padding: 15px 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media only screen and (min-width: 1200px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .cart-update-option {
        margin-top: 0;
        border-top: 0 solid transparent;
    }
}

.cart-update-option .apply-coupon-wrapper {
    width: 55%;
}

@media only screen and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991px) {
    .cart-update-option .apply-coupon-wrapper {
        width: auto;
    }
}

.cart-update-option .apply-coupon-wrapper form {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    white-space: nowrap;
}

.cart-update-option .apply-coupon-wrapper form input {
    border: 1px solid #ccc;
    font-size: 14px;
    padding: 9px 10px;
    outline: none;
    margin-right: 15px;
    width: 100%;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.cart-update-option .apply-coupon-wrapper form input:focus, .cart-update-option .apply-coupon-wrapper form input:active {
    border-color: #d3e9b9;
}

@media only screen and (max-width: 767.98px) {
    .cart-update-option .apply-coupon-wrapper button {
        display: block;
        width: 100%;
        margin-top: 15px;
        border-radius: 0;
    }
}

@media only screen and (max-width: 767.98px) {
    .cart-update-option .cart-update {
        margin-top: 15px;
    }
}

@media only screen and (max-width: 767.98px) {
    .cart-update-option .cart-update .btn {
        width: 100%;
    }
}

.cart-calculator-wrapper {
    margin-top: 30px;
    background-color: #f8f8f8;
}

.cart-calculator-wrapper h6 {
    padding: 20px 15px 18px;
    margin-bottom: 0;
}

.cart-calculator-wrapper .cart-calculate-items {
    font-weight: 500;
}

.cart-calculator-wrapper .cart-calculate-items .table {
    margin-bottom: 0;
}

.cart-calculator-wrapper .cart-calculate-items .table tr td {
    color: #222222;
    padding: 15px 20px;
}

.cart-calculator-wrapper .cart-calculate-items .table tr td:nth-child(2) {
    color: #222222;
    text-align: right;
}

.cart-calculator-wrapper .cart-calculate-items .table tr td.total-amount {
    color: #d3e9b9;
    font-weight: 700;
}

.cart-calculator-wrapper a {
    border-radius: 0;
    text-align: center;
}

/*--------- Cart Page Wrapper end ---------*/
/*------ Start Compare Page Wrapper -----*/
.compare-table .table tbody tr td {
    text-align: center;
    padding: 20px 20px;
    vertical-align: middle;
    border-color: #ccc;
}

.compare-table .table tbody tr td.first-column {
    min-width: 175px;
    font-size: 15px;
    font-weight: 500;
    color: #222222;
    margin: 0;
}

@media only screen and (max-width: 767.98px) {
    .compare-table .table tbody tr td.first-column {
        min-width: 115px;
    }
}

.compare-table .table tbody tr td.product-image-title {
    min-width: 310px;
    vertical-align: bottom;
}

@media only screen and (max-width: 767.98px) {
    .compare-table .table tbody tr td.product-image-title {
        min-width: 220px;
    }
}

.compare-table .table tbody tr td.product-image-title .image {
    clear: both;
    width: 100%;
    margin-bottom: 15px;
    display: block;
}

.compare-table .table tbody tr td.product-image-title .category {
    float: left;
    clear: both;
    color: #d3e9b9;
    text-transform: capitalize;
    letter-spacing: 0.5px;
}

.compare-table .table tbody tr td.product-image-title .title {
    float: left;
    clear: both;
    font-size: 16px;
    color: #222222;
    font-weight: 500;
    text-transform: capitalize;
}

.compare-table .table tbody tr td.product-image-title .title:hover {
    color: #d3e9b9;
}

.compare-table .table tbody tr td.pro-desc p {
    text-align: left;
    margin: 0;
}

.compare-table .table tbody tr td.pro-price, .compare-table .table tbody tr td.pro-color, .compare-table .table tbody tr td.pro-stock {
    font-size: 14px;
    font-weight: 400;
}

.compare-table .table tbody tr td.pro-remove button {
    border: none;
    background-color: transparent;
    padding: 0;
    cursor: pointer;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.compare-table .table tbody tr td.pro-remove button:hover {
    color: #e74c3c;
}

.compare-table .table tbody tr td.pro-remove button i {
    font-size: 20px;
}

.compare-table .table tbody tr td.pro-ratting i {
    color: #d3e9b9;
}

/*------ end Compare Page Wrapper -----*/
/*-------- Start My Account Page Wrapper --------*/
.myaccount-tab-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.myaccount-tab-menu a {
    /*border-bottom: 1px solid #efefef;*/
    border-right: 2px solid white;
    color: #343434;
    font-weight: 400;
    font-size: 15px;
    display: block;
    padding: 10px 5px;
    /*text-transform: capitalize;*/
}

/*.myaccount-tab-menu a:last-child {*/
/*    border-bottom: 1px solid #efefef;*/
/*}*/

.myaccount-tab-menu a:hover, .myaccount-tab-menu a.active {
    transition: .3s;
    border-right: 2px solid var(--secondary-400);
    padding: 10px 10px;
    color: #343434;
}

.myaccount-tab-menu a.active i.fa {
    color: var(--secondary-400);
}

.myaccount-tab-menu a i.fa {
    font-size: 14px;
    text-align: center;
    width: 25px;
}

@media only screen and (max-width: 767.98px) {
    #myaccountContent {
        margin-top: 30px;
    }
}

.myaccount-content {
    border: 1px solid #eeeeee;
    padding: 30px;
}

@media only screen and (max-width: 575.98px) {
    .myaccount-content {
        padding: 20px 15px;
    }
}

.myaccount-content form {
    margin-top: -20px;
}

.myaccount-content h5 {
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
    margin-bottom: 25px;
}

.myaccount-content .welcome a {
    color: #222222;
}

.myaccount-content .welcome a:hover {
    color: #d3e9b9;
}

.myaccount-content .welcome strong {
    font-weight: 500;
    color: #d3e9b9;
}

.myaccount-content fieldset {
    margin-top: 20px;
}

.myaccount-content fieldset legend {
    color: #222222;
    font-size: 20px;
    margin-top: 20px;
    font-weight: 400;
    border-bottom: 1px dashed #ccc;
}

.myaccount-table {
    white-space: nowrap;
    font-size: 14px;
}

.myaccount-table table th,
.myaccount-table .table th {
    color: #222222;
    padding: 10px;
    font-weight: 400;
    background-color: #f8f8f8;
    border-color: #ccc;
    border-bottom: 0;
}

.myaccount-table table td,
.myaccount-table .table td {
    padding: 10px;
    vertical-align: middle;
    border-color: #ccc;
}

.saved-message {
    background-color: #f4f5f7;
    border-top: 3px solid #d3e9b9;
    border-radius: 5px 5px 0 0;
    font-weight: 400;
    font-size: 15px;
    color: #555555;
    padding: 20px;
}

/*-------- Start My Account Page Wrapper --------*/
/*------ Start Login & Register Page ------*/
.login-reg-form-wrap {
    background-color: #fff;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    padding: 23px 30px 30px;
}

@media only screen and (max-width: 575.98px) {
    .login-reg-form-wrap {
        padding: 23px 15px 30px;
    }
}

.login-reg-form-wrap form .create-account {
    margin-top: 25px;
}

.login-reg-form-wrap .login-reg-form-meta a {
    color: #d3e9b9;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sign-up-form {
        margin-top: 80px;
    }
}

@media only screen and (max-width: 767.98px) {
    .sign-up-form {
        margin-top: 62px;
    }
}

/*------ end Login & Register Page ------*/
/*----- Google map area start -----*/
#google-map {
    height: 500px;
    width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #google-map {
        height: 400px;
    }
}

@media only screen and (max-width: 767.98px) {
    #google-map {
        height: 350px;
    }
}

/*----- Google map area end -----*/
/*------ contact form area start -------*/
.contact-area {
    margin-top: -4px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767.98px) {
    .contact-area {
        margin-bottom: -5px;
    }
}

.contact-message h2 {
    color: #222222;
    font-size: 22px;
    font-weight: 500;
    line-height: 1;
    padding-bottom: 28px;
    text-transform: capitalize;
}

@media only screen and (max-width: 575.98px) {
    .contact-message h2 {
        font-size: 18px;
        padding-bottom: 15px;
    }
}

.contact-message form input, .contact-message form textarea {
    width: 100%;
    border: none;
    padding: 10px 10px;
    border-bottom: 3px solid transparent;
    background-color: #f7f7f7;
    margin-bottom: 30px;
}

.contact-message form textarea {
    height: 150px;
}

/*------ contact form area start -------*/
/*------ contact info area start -------*/
.contact-info {
    height: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .contact-info {
        margin-top: 77px;
    }
}

@media only screen and (max-width: 767.98px) {
    .contact-info {
        margin-top: 60px;
    }
}

.contact-info p {
    padding-bottom: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .contact-info p {
        padding-bottom: 10px;
    }
}

.contact-info ul li {
    border-bottom: 1px solid #efefef;
    padding-bottom: 15px;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 479.98px) {
    .contact-info ul li {
        -webkit-box-align: baseline;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
}

.contact-info ul li:last-child {
    border-bottom: none;
}

.contact-info ul li i {
    font-size: 18px;
    padding-right: 10px;
}

.contact-info .working-time h6 {
    padding-bottom: 5px;
}

.contact-info .working-time p {
    padding-bottom: 0;
}

.contact-info .working-time p span {
    color: #222222;
    padding-right: 10px;
}

.contact-title {
    line-height: 1;
    padding-bottom: 22px;
}

@media only screen and (max-width: 575.98px) {
    .contact-title {
        font-size: 18px;
        padding-bottom: 8px;
    }
}

/*------ contact info area end -------*/
/*----- footer area start -----*/
.footer-top {
    background-color: #f7f7f7;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767.98px) {
    .footer-top [class*=col-] .widget-item {
        margin-bottom: 30px;
    }
}

.footer-top [class*=col-]:last-child .widget-item {
    margin-bottom: 0;
}

.widget-title {
    margin-top: -6px;
    margin-bottom: 23px;
}

.contact-block li {
    font-size: 14px;
    margin-bottom: 8px;
}

.contact-block li:last-child {
    margin-bottom: 0;
}

.contact-block li i {
    font-size: 18px;
    padding-right: 5px;
    vertical-align: middle;
}

.contact-block li a {
    color: #555555;
}

.contact-block li a:hover {
    color: var(--calm-green-600);
    /*color: #d3e9b9;*/
    letter-spacing: 1.1px;
}

.info-list {
    display: grid;
    grid-template-columns: auto auto;
}

.info-list li {
    margin-bottom: 8px;
}

.info-list li a {
    font-size: 14px;
    color: #222222;
    text-transform: capitalize;
}

.info-list li a:hover {
    color: var(--calm-green-600);
}

.social-link {
    margin-top: 30px;
}

.social-link a {
    width: 40px;
    height: 40px;
    font-size: 18px;
    line-height: 40px;
    margin-right: 10px;
    color: var(--green-700);
    display: inline-block;
    text-align: center;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #dedede;
}

.social-link a:last-child {
    margin-left: 0;
}

.social-link a:hover {
    color: #fff;
    background-color: var(--calm-green-600);
    border-color: var(--calm-green-600);
}

@media only screen and (max-width: 767.98px) {
    .newsletter-wrapper {
        margin-top: 8px;
    }
}

.newsletter-inner {
    position: relative;
    margin-top: 16px;
}

@media only screen and (max-width: 767.98px) {
    .newsletter-inner {
        margin-top: 5px;
    }
}

.newsletter-inner .news-field {
    width: 100%;
    height: 40px;
    border: none;
    padding: 10px 0;
    color: #777777;
    padding-right: 80px;
    background-color: transparent;
    border-bottom: 1px solid #bcbcbc;
}

.newsletter-inner .news-btn {
    top: 0;
    right: 10px;
    line-height: 40px;
    position: absolute;
    font-size: 14px;
    font-weight: 700;
    color: #d3e9b9;
}

.newsletter-inner .news-btn:hover {
    color: #222222;
}

.footer-payment {
    text-align: right;
}

@media only screen and (max-width: 767.98px) {
    .product-right-detail {
        width: 100%;
    }
}

@media only screen and (max-width: 767.98px) {
    .footer-payment {
        text-align: center;
        margin-top: 30px;
    }
}

.footer-bottom {
    padding: 20px 0;
}

.copyright-text p a {
    color: #d3e9b9;
}

/*----- footer area end -----*/

.quick-overview-btn {
    background-color: var(--green-300);
    height: inherit;
    color: white;
}

.quick-overview-btn:hover {
    color: white;
    background-color: var(--green-400);
    transition: 0.1s;
    font-weight: bolder;
}

.bg-new-label {
    /*background-color: var(--secondary-500);*/
    background-color: var(--secondary-300);
    color: white;
}

.text-align-justify {
    text-align: justify;
}

.text-black-25 {
    color: rgba(0, 0, 0, .25) !important
}

.star-rating {
    direction: rtl;
    display: inline-flex;
    font-size: 2rem;
}

.star-rating input {
    display: none;
}

.star-rating label {
    color: #ccc;
    cursor: pointer;
    transition: color 0.2s;
}

.star-rating input:checked ~ label,
.star-rating label:hover,
.star-rating label:hover ~ label {
    color: gold;
}

/* برای اینکه فقط hover کردن روی ستاره‌ها بقیه رو هم روشن کنه */
.star-rating label:hover ~ label {
    color: gold !important;
}

.terms-of-use {
    color: cornflowerblue !important;
}

.terms-of-use:hover {
    color: lightskyblue !important;
}

.submit-discount {
    background-color: black;
    color: white;
    border: 1px solid black;
    transition: 0.2s;
    border-radius: 4px 0 0 4px !important;
    /*border-radius: 5px !important;*/
}

.submit-discount:hover {
    background-color: white;
    color: black;
    border: 1px solid black;
}

.place-order-btn a {
    color: black;
}

.place-order-btn:hover {
    background-color: black;
    color: white;
}

@media (max-width: 479.98px) {
    .quantity-price-wrapper {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .quantity-price-wrapper .quantity {
        order: 2;
        margin-top: 0.5rem;
        text-align: right;
        flex: 1 1 100%;
    }

    .quantity-price-wrapper .price {
        order: 1;
        text-align: left;
        flex: 1 1 100%;
    }
}

.qty-icon {
    font-size: 1.5rem !important;
    line-height: 1;
    padding: 0.25rem 0.6rem;
    border-radius: 0.5rem;
    border-width: 1px;
}

.qty-icon:focus,
.qty-icon:active,
.qty-icon:focus-visible {
    background-color: transparent !important;
    box-shadow: none !important;
}

.checkout-address-item {
    margin-bottom: 20px;
    font-size: .8rem;
}

.deactive-checkout-address-item:hover {
    /*border-color: ;*/
    /*border: solid 2px var(--secondary-100) !important;*/
}

/*.checkout-address-item:hover strong {*/
/*    color: var(--secondary-600);*/
/*}*/

.checkout-address-item:last-child {
    margin-bottom: 0px;
}

.border-secondary-400 {
    border-color: var(--secondary-400) !important;
}

.text-secondary-400 {
    color: var(--secondary-400);
}

.bg-secondary-400 {
    background-color: var(--secondary-500);
}

.bg-secondary-300 {
    background-color: var(--secondary-300);
}
.bg-secondary-100 {
    background-color: var(--secondary-50);
}
.bg-green-700 {
    background-color: var(--green-700);
}
.bg-green-400 {
    background-color: var(--green-400);
}
.bg-green-100 {
    background-color: var(--green-100);
}
.bg-green-50 {
    background-color: var(--green-50);
}
.bg-green-500 {
    background-color: var(--green-500);
}
.bg-green-600 {
    background-color: var(--green-600);
}
.border-green-500 {
    border-color: var(--green-500) !important;
}

.v-align-middle {
    vertical-align: middle;
}
/* .new-address-btn {
    background-color: var(--secondary-400);
}

.new-address-btn:hover {
    background-color: var(--secondary-500);
} */
.edit-address-btn{
    display: inline-block;
}

.edit-address-btn:hover {
    /* border-bottom: 1px solid #1f62c4; */
    /* border-radius: 0; */
    transition: none;
}

.address-detail {
    width: fit-content;
}

.active-address strong {
    /*color: var(--secondary-600);*/
    /*background-color: var(--secondary-50);*/
}

.active-address p {
    color: #222222;
    /*background-color: var(--secondary-50);*/
}

/*.submit-discount:focus {*/
/*    background-color: whitesmoke;*/
/*    color: inherit;*/
/*}*/


.profile-info-box {
    width: 100%;
    max-width: 800px;
    margin: auto;
    border-radius: 12px;
    border: 1px solid #eee;
    background: #fff;
    padding: 20px;
    /*font-family: "Vazirmatn", sans-serif;*/
}

.profile-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #f0f0f0;
    padding: 12px 0;
}

.profile-label {
    flex: 1;
    color: #666;
    font-size: 14px;
}

.profile-value {
    flex: 2;
    font-weight: 500;
    color: #222;
    text-align: left;
}

.profile-edit, .profile-add {
    background: transparent;
    border: none;
    color: #888;
    cursor: pointer;
    font-size: 16px;
}

.badge-success {
    background-color: #28a745;
    color: white;
    padding: 2px 8px;
    border-radius: 5px;
    font-size: 12px;
    margin-left: 5px;
}

/* Icons - you can replace with your own icons or use FontAwesome */
.icon-pencil::before {
    content: '✎';
}

.icon-plus::before {
    content: '+';
}

.custom-checkbox-radio {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-left: 1rem;
    cursor: pointer;
    user-select: none;
    font-weight: 500;
}

.custom-checkbox-radio input[type="radio"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.custom-checkbox-radio span {
    position: relative;
    padding-left: 25px;
    line-height: 20px;
}

/* ساختار چک‌باکس */
.custom-checkbox-radio span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 20px;
    height: 21px;
    border: 2px solid #333;
    border-radius: 4px;
    background-color: white;
    box-sizing: border-box;
}

/* وقتی انتخاب شده */
.custom-checkbox-radio input[type="radio"]:checked + span::after {
    content: "";
    position: absolute;
    left: 3px;
    top: 8.5px;
    width: 14px;
    height: 14px;
    background-color: var(--secondary-400, #0d6efd); /* رنگ آبی بوت‌استرپ */
    border-radius: 2px;
}

/* هاور */
.custom-checkbox-radio:hover span::before {
    border-color: var(--secondary-400, #0d6efd);
}

#gender_input_group {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-right: 0;
    gap: 0.5rem;
}

.gender-option {
    padding: 0.4rem 1rem;
    /* border: 2px solid v; */
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    font-weight: 500;
    color: #333;
    user-select: none;
    text-align: center;
    white-space: nowrap;
    max-width: 100%;
}

.gender-option:hover {
    border-color: var(--green-500);
}

.gender-option.active {
    background-color: var(--green-500);
    color: white;
    font-weight: bold;
}

.language-option {
    padding: 0.4rem 1rem;
    border: 2px solid #ccc;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    font-weight: 500;
    color: #333;
    user-select: none;
    text-align: center;
    white-space: nowrap;
}

.language-option.active {
    border-color: #007bff;
    background-color: #007bff;
    color: #fff;
}

.success-input-btn:hover {
    /* background-color: #198754; */
    color: white;
}

.cancel-input-btn:hover {
    background-color: #cc3939;
    color: white;
}

.birthdate-select {
    max-height: 100px;
    overflow-y: auto;
}

/* حذف فلش های عددی در همه مرورگرها */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield; /* Firefox */
}

.birthdate-wrapper {
    text-align: right;
    font-family: inherit;
    margin-top: 1rem;
}

.birthdate-title {
    margin-bottom: 0.5rem;
    font-weight: bold;
    color: #444;
}

.birthdate-selects {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    flex-wrap: wrap;
}

.birthdate-select {
    flex: 1;
    min-width: 90px;
    max-width: 150px;
}

.birthdate-select label {
    display: block;
    font-size: 0.9rem;
    margin-bottom: 0.2rem;
    color: #222;
}

.birthdate-select select {
    width: 100%;
    height: 36px;
    padding: 0 10px;
    font-size: 0.9rem;
    border: 1px solid #ccc;
    border-radius: 6px;
    background-color: white;
    appearance: none;
    overflow-y: auto;
    max-height: 100px;
}

.birthdate-actions {
    margin-top: 1rem;
    text-align: center;
}

.btn-confirm,
.btn-cancel {
    padding: 6px 12px;
    margin: 0 4px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    font-size: 1rem;
}

.btn-confirm {
    background-color: #7b8759;
    color: white;
}

.btn-cancel {
    background-color: #d33;
    color: white;
}

.submit-form-button {
    border: 1px solid;
    color: white;
    border-radius: 4px;
}

.submit-btn-holder {
    text-align: left;
}

.input-error {
    border-color: red !important;
}

/*.select2-results__options {*/
/*    max-height: 300px !important;*/
/*    overflow-y: auto !important;*/
/*}*/

.select2-container {
    z-index: 9999;
}

.modal {
    overflow: visible;
}

@media (max-width: 576px) {
    .modal-dialog {
        max-height: 90vh; /* حداکثر ارتفاع مودال روی 80 درصد ارتفاع صفحه */
        margin: 1.75rem auto; /* فاصله بالا و پایین */
    }

    .modal-content {
        max-height: 90vh;
        overflow-y: auto; /* فعال کردن اسکرول عمودی */
    }
}

.select2-container--default .select2-selection--single {
    height: 38px !important;
    padding: 0.375rem 0.75rem;
    border: 1px solid #ced4da !important;
    border-radius: 0.375rem;
    background-color: #fff;
    font-size: 1rem;
    line-height: 1.5;
    display: flex;
    align-items: center;
    position: relative; /* <-- Required for arrow positioning */
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0;
    color: #212529;
    font-size: 1rem;
    line-height: 1.5;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    top: 50% !important;
    transform: translateY(-50%);
    right: 0.75rem;
    width: 2rem;
    position: absolute;
    pointer-events: none;
}

.secondary-gold-form-check-input:focus {
    border-color: var(--green-400); /* مشکی */
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(201, 168, 121, 0.25); /* سایه مشکی */
}

.secondary-gold-form-check-input:checked {
    background-color: var(--green-500); /* پس‌زمینه مشکی برای دایره انتخاب‌شده */
    border-color: var(--green-500); /* حاشیه مشکی */
}

.finalize-payment-btn {
    transition: .2s;
    color: white;
    background-color: #000000;
    /* background-color: #3e7a31; */
}
@media (max-width: 576px) {
    .finalize-payment-btn {
        margin-top: 1rem;
    }
}
@media (max-width: 400px) {
    .finalize-payment-btn {
        width: 100% !important;
    }
}
@media (max-width: 450px) {
    .finalize-payment-btn {
        padding: 0.5rem 1rem !important;
        display: block;;
    }
}
@media (max-width: 300px) {
    .finalize-payment-btn {
        /* width: 75% !important; */
        line-height: 20px;
        float: left;
    }
}

.finalize-payment-btn:hover {
    color: white;
    background-color: var(--green-800);
}

div:has(> div.hero-single-slide.hero-overlay) {
    height: 100%;
}

.slider-area {
    height: 100%;
}

.filter-icon-btn {
    display: none;
    background: none;
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
    padding: 0;
    color: #333;
}

@media (max-width: 991.98px) {
    .filter-icon-btn {
        display: inline-block;
    }
}

@media (max-width: 575px) {
    .group-slide-item {
        width: 100% !important;
        min-width: 0 !important;
    }
}


.tab-one ul {
    padding-right: 20px; /* فاصله بولت‌ها از متن اصلی */
    margin-bottom: 15px; /* فاصله لیست از عناصر بعدی */
}

.tab-one li {
    color: darkslategray;
    list-style-type: disc !important; /* نمایش دایره برای بولت‌ها */
    line-height: 1.8; /* فاصله عمودی بین خطوط هر آیتم */
    margin-bottom: 8px; /* فاصله بین آیتم‌های لیست */
}

.tab-one p {
    color: #525252;
    line-height: 1.8; /* افزایش فاصله خطوط پاراگراف‌ها */
    margin-bottom: 12px; /* فاصله بین پاراگراف‌ها */
}

.tab-one h4 {
    color: #525252;
    line-height: 1.6; /* کمی فاصله برای عنوان‌ها */
    margin-top: 20px; /* فاصله بالای عنوان */
    margin-bottom: 10px; /* فاصله پایین عنوان */
    font-weight: bold; /* ضخیم‌تر شدن برای تاکید */
}

.image-container {
    position: relative;
    overflow: hidden;
}

.zoom-box {
    position: absolute;
    width: 180px;
    height: 180px;
    border: 2px solid var(--green-500);
    border-radius: 50%;
    pointer-events: none;
    display: none;
    background-repeat: no-repeat;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.image-container:hover .zoom-box {
    display: block;
}

/* Detail box styles */
.detail-box {
    background-color: var(--gray-bg);
    border-radius: 0.75rem;
    padding: 1rem;
    margin-bottom: 0.75rem;
    transition: all 0.3s ease;
    border: 1px solid #e5e7eb;
}

.detail-box:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.detail-box h3 {
    color: var(--green-600);
    font-weight: 600;
    margin-bottom: 0.5rem;
}

/* Price box styles */
.price-box2 {
    background-color: var(--gray-bg);
    border: 1px solid #e5e7eb;
    border-radius: 0.75rem;
    padding: 1rem 1.25rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    top: 1rem;
    width: 100%;
}

/* Color selector styles */
.color-option {
    position: relative;
    display: inline-block;
}

.color-option input:checked + span {
    box-shadow: 0 0 0 2px var(--green-500);
    transform: scale(1.1);
}

.color-selector__circle {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid transparent;
    transition: all 0.3s ease;
    cursor: pointer;
    box-sizing: border-box;
}

#color-selector__value {
    color: #707070;
}

.color-selector__circle--selected {
    border-color: white !important;
    box-shadow: 0 0 0 2px rgba(0, 217, 255, 0.73);
}

/*.color-option span {*/
/*  transition: all 0.2s ease;*/
/*  border: 1px solid rgba(0, 0, 0, 0.1);*/
/*}*/

/*.color-option span:hover {*/
/*  transform: scale(1.1);*/
/*  box-shadow: 0 0 0 2px var(--green-400);*/
/*}*/

/* Mobile price card styles */
@media (max-width: 1024px) {
    /*body {*/
    /*    padding-bottom: 80px;*/
    /*}*/
    .price-card {
        box-shadow: 0 -4px 6px -1px rgba(0, 0, 0, 0.1);
        background-color: var(--gray-bg);
    }

    .price-box2 {
        position: static;
        margin-bottom: 0.75rem;
    }
}

/* Custom scrollbar for thumbnails */
.overflow-x-auto::-webkit-scrollbar {
    height: 3px;
}

.overflow-x-auto::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 2px;
}

.overflow-x-auto::-webkit-scrollbar-thumb {
    background: var(--green-500);
    border-radius: 2px;
}

.overflow-x-auto::-webkit-scrollbar-thumb:hover {
    background: var(--green-600);
}

/* Smooth transitions */
.transition-colors {
    transition: all 0.3s ease;
}

/* Hover effects */
.hover\:opacity-75:hover {
    transition: opacity 0.3s ease;
}

/* RTL specific styles */
[dir="rtl"] {
    text-align: right;
}

[dir="rtl"] .gap-2 {
    gap: 0.5rem;
}

[dir="rtl"] .gap-3 {
    gap: 0.75rem;
}

[dir="rtl"] .gap-4 {
    gap: 1rem;
}

/*[dir="rtl"] .price-box {*/
/*  margin-right: 0;*/
/*  margin-left: 0.75rem;*/
/*}*/

[dir="rtl"] .price-card {
    text-align: right;
}

/* Price card backdrop blur effect */
.backdrop-blur-sm {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

/* Custom button styles */
.btn-primary {
    background-color: var(--green-500);
    color: white;
    min-width: 140px;
}

.btn-primary:hover {
    background-color: var(--green-600);
    transform: translateY(-1px);
}

.discount-badge {
    background-color: var(--green-400);
    color: white;
    font-weight: 500;
    padding: 0.25rem 0.5rem;
    border-radius: 9999px;
    font-size: 0.875rem;
}

/* Price styles */
.price-original {
    color: #666;
    text-decoration: line-through;
    font-size: 0.875rem;
}

.price-current {
    color: var(--green-600);
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.2;
}

/* Specification box styles */
.spec-box {
    background-color: var(--gray-bg);
    padding: 0.75rem 1rem;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    transition: all 0.2s ease;
    border: 1px solid #e5e7eb;
}

.spec-box:hover {
    background-color: white;
    transform: translateX(-2px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.spec-box span:first-child {
    color: var(--green-600);
    min-width: 3rem;
}

.spec-box span:last-child {
    color: #4b5563;
}

/* Comment box styles */
.comment-box {
    background-color: var(--gray-bg);
    border-radius: 0.5rem;
    padding: 1rem;
    border: 1px solid #e5e7eb;
}

.comment-box:hover {
    background-color: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

/* Star rating styles */
.text-yellow-400 {
    color: #fbbf24;
}

.text-gray-300 {
    color: #d1d5db;
}

.product-details-sticky .price-details-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.product-details-sticky .price-top-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.product-details-sticky .discount {
    order: 1; /* make discount appear after price-old */
    margin: 0;
    font-size: 0.7rem;
    padding: 1px 4px;
    padding-top: 3px;
    border-radius: 5px;
}

.product-details-sticky .price-bottom-row {
    margin-top: 4px;
}

@media (max-width: 991px) {
    /*
     * 1. تنظیمات کلی نوار چسبان
     */
    .product-details-sticky {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: #ffffff;
        box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
        z-index: 1000;
        display: flex;
        flex-direction: column;
    }

    /*
     * 2. چیدمان افقی برای قیمت و دکمه
     */
    .product-details-sticky .price-box2 {
        padding: 0;
        border-radius: .75rem .75rem 0 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin: 0 !important;
        flex-direction: row-reverse;
    }

    /*
     * 3. محدود کردن عرض دکمه
     */
    .product-details-sticky .quantity-cart-box {
        max-width: 260px; /* حداکثر عرض برای دکمه */
        width: 100%;
        flex-shrink: 1; /* اجازه کوچک شدن به دکمه در صورت نیاز */
        margin-right: 16px;
    }

    .product-details-sticky .add-to-cart-form,
    .product-details-sticky .action_link,
    .product-details-sticky .action_link a {
        width: 100%;
    }

    /*
     * 4. چیدمان بخش قیمت (دو ردیفه)
     */
    .product-details-sticky .price-details-wrapper {
        margin-left: 16px;
        display: flex;
        flex-direction: column;
        align-items: flex-end; /* در حالت راست‌چین، آیتم‌ها را چپ‌چین می‌کند */
    }

    .product-details-sticky .price-top-row {
        margin-top: 2px;
        display: flex;
        justify-content: left;
        width: 100%;
        align-items: center;
    }

    .product-details-sticky .price-bottom-row {

        margin-top: 0;
        width: 100%;
        text-align: left;
    }

    /*
     * 5. استایل‌های ظاهری قیمت و تخفیف
     */
    .product-details-sticky .price-regular {
        font-size: 1rem;
    }

    .product-details-sticky .price-old {
        font-size: 0.9rem;
        color: #777;
    }

    .product-details-sticky .discount {
        line-height: 1;
        font-size: 0.7rem;
        background-color: var(--secondary-200, #ffeccc);
        color: white;
        padding: 2px 8px;
        padding-top: 5px;
        border-radius: 5px;
    }
}


@media (max-width: 450px) {
    .product-details-sticky .price-box2 {
        flex-direction: column;

        width: 100%;
        box-sizing: border-box;
        padding-left: 12px;
        padding-right: 12px;
    }

    .product-details-sticky .quantity-cart-box {
        max-width: none;
        margin: 20px;
        margin-bottom: .5rem;
        order: 2;
    }

    .product-details-sticky .price-top-row {
        width: 100%;
    }

    .product-details-sticky .price-details-wrapper {
        padding-top: 5px;
        padding-bottom: 5px;
        margin-right: 0;
        width: 100%;
        align-items: end;
        order: 1;
    }
}

.attr-value.active {
    background: #333;
    color: #fff;
    border-color: #333;
}

/* Simple style for variation-list items with black and white theme */
.variation-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

@media (min-width: 600px) {
    .variation-list {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 992px) {
    .variation-list {
        grid-template-columns: repeat(4, 1fr);
    }
}

.variation-card {
    border: 1px solid #bbb; /* Black border */
    outline: 1px solid transparent;
    background-color: #fff; /* White background */
    color: #bbb; /* Black text */
    font-size: 14px; /* Minimal font size */
    /* cursor: pointer; */
    user-select: none;
    transition: all 0.2s ease;
}
.variation-card {
    transition: border-color 0.3s ease;
}

.variation-card.active {
  border-width: 2px;
  border-color: #80beff;
}
.variation-card.selected {
    border: 1px solid #000; /* Black border for selected item */
    background-color: #fff; /* Keep background white */
}

.variation-card.selected .badge {
    font-weight: bold;
    color: #000; /* Black text for badges */
}

.variation-card .badge {
    font-weight: normal;
    font-size: 12px;
    color: #999; /* Black text for badges */
    padding: 5px 8px;
    border-radius: 5px;
    margin: 3px 0;
}

/* Simple thumbnail navigation fallback styles */
.simple-nav {
    background: rgba(0, 0, 0, 0.7);
    color: white;
    border: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    transition: all 0.3s ease;
    margin: 5px 0;
    z-index: 10;
    position: relative;
}

.simple-nav:hover {
    background: rgba(0, 0, 0, 0.9);
    transform: scale(1.1);
}

.simple-nav:disabled {
    background: rgba(0, 0, 0, 0.3);
    cursor: not-allowed;
    transform: none;
}

.simple-prev {
    margin-bottom: 10px;
}

.simple-next {
    margin-top: 10px;
}

/* Ensure thumbnails display properly in fallback mode */
.pro-nav-thumb {
    display: block;
    margin-bottom: 5px;
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.pro-nav-thumb:hover {
    border-color: #007bff;
}

.pro-nav-thumb.active {
    border-color: #007bff;
    box-shadow: 0 0 8px rgba(0, 123, 255, 0.3);
}

.pro-nav-thumb img {
    width: 100%;
    height: auto;
    border-radius: 2px;
    transition: all 0.3s ease;
}

/* Sidebar category and subcategory equal spacing */
.sidebar-category-item {
    margin-bottom: 15px;
    padding: 0;
}
.shop-categories > .sidebar-category-item:last-child,
.shop-categories ul > .sidebar-category-item:last-child {
    margin-bottom: 0;
}

/* Sidebar category and subcategory spacing - final version */
.sidebar-category-item {
    padding: 0;
    margin: 0;
}
.sidebar-category-item > a {
    display: block;
    padding: 15px 0 0 0;
}
.sidebar-category-item:first-child > a {
    padding-top: 0;
}

@media (max-width: 767.98px) {
  .price-box2 {
    padding: .5rem .5rem !important;
  }
}

@media (max-width: 449px) {
  .price-box2 {
    padding: 0 1.25rem !important;
  }
}

.custom-variation-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
@media (max-width: 599px) {
  .custom-variation-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.product-details-sticky .price-old {
  display: inline-block;
  transform: translateY(2px);
}

/* Related products price styling to match pricebox2 */
.product-carousel-4 .product-item .price-box .product-label.discount {
    background-color: var(--green-400);
    color: white;
    font-weight: 500;
    padding: 0.25rem 0.5rem;
    border-radius: 9999px;
    font-size: 0.875rem;
    width: fit-content;
}
.product-carousel-4 .product-item .price-box .price-old del {
    color: #666;
    text-decoration: line-through;
    font-size: 0.9rem;
}
.product-carousel-4 .product-item .price-box .price-regular {
    color: #1f1f1f;
    font-weight: 500;
    font-size: 1rem !important;
    line-height: 1.2;
}

/* Ensure product-thumb is positioned for absolute badge */
.product-carousel-4 .product-item .product-thumb {
    position: relative;
}
.product-carousel-4 .product-item .product-thumb .unified-discount-badge {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    z-index: 10;
}
.related-item-name{
    padding-top: 0.5rem !important;
}
/* Override variation-list layout to flex-wrap auto-size variation cards */
.variation-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 1rem !important;
}
/* Equal width variation cards per row */
@media (max-width: 599.98px) {
  .variation-list .variation-card {
      flex: 0 0 calc((100% - 1rem) / 2) !important;
  }
}
@media (min-width: 600px) and (max-width: 991.98px) {
  .variation-list .variation-card {
      flex: 0 0 calc((100% - 2rem) / 3) !important;
  }
}
@media (min-width: 992px) {
  .variation-list .variation-card {
      flex: 0 0 calc((100% - 3rem) / 4) !important;
  }
}

/* Strong override for variation containers to use flex layout */
.variation-list,
.custom-variation-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 1rem !important;
}
/* Equal width variation cards per row */
@media (max-width: 599.98px) {
  .variation-list .variation-card,
  .custom-variation-grid .variation-card {
      flex: 0 0 calc((100% - 1rem) / 2) !important;
      max-width: calc((100% - 1rem) / 2) !important;
  }
}
@media (min-width: 600px) and (max-width: 991.98px) {
  .variation-list .variation-card,
  .custom-variation-grid .variation-card {
      flex: 0 0 calc((100% - 2rem) / 3) !important;
      max-width: calc((100% - 2rem) / 3) !important;
  }
}
@media (min-width: 992px) {
  .variation-list .variation-card,
  .custom-variation-grid .variation-card {
      flex: 0 0 calc((100% - 3rem) / 4) !important;
      max-width: calc((100% - 3rem) / 4) !important;
  }
}

/* Variation card long text wrap fix */
.variation-list .variation-card,
.custom-variation-grid .variation-card {
    overflow-wrap: break-word !important;
    word-break: break-word !important;
}
.variation-list .variation-card .badge,
.custom-variation-grid .variation-card .badge {
    white-space: normal !important;
    max-width: 100% !important;
}

/* Selected variation attributes styling */
#selected-variation-attrs .badge {
    display: block !important;
    width: 100% !important;
    border-radius: 0 !important;
    color: #000;
    margin-right: 0 !important;
    white-space: normal !important;
    margin-bottom: 0.5rem !important;
    text-align: right !important;
}

/* Selected variation attributes styling */
#selected-variation-attrs .variation-attr {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    border-bottom: 1px solid #ddd !important;
    padding-bottom: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}
.variation-card .variation-attr .attr-name {
    text-align: right !important;
    color: #aaaaaa !important;
    flex: 0 0 auto !important;
    display: block;
    margin-bottom: 7px;
}
#selected-variation-attrs .variation-attr .attr-name {
    text-align: right !important;
    color: #aaaaaa !important;
    flex: 0 0 auto !important;
}
#selected-variation-attrs .variation-attr .attr-value {
    text-align: left !important;
    flex: 0 0 auto !important;
}
#selected-variation-attrs .variation-attr:last-child {
    /* border-bottom: none !important; */
    margin-bottom: 0 !important;
    /* padding-bottom: 0 !important; */
}

/* Hide inline selected variation attrs on small screens */
@media (max-width: 991.98px) {
    #selected-variation-attrs {
        display: none !important;
    }
}

/* Toggle arrow button styling */
.btn-variation-sheet {
    position: absolute !important;
    top: 50% !important;
    right: 0.75rem !important;
    transform: translateY(-50%) !important;
    background: none !important;
    border: none !important;
    font-size: 1.25rem !important;
    color: #fff !important;
    z-index: 2000 !important;
}

/* Bottom sheet for variation details */
.variation-sheet {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    max-height: 50%;
    overflow-y: auto;
    /* box-shadow: 0 -2px 8px rgba(0,0,0,0.3); */
    transform: translateY(100%);
    transition: transform 0.3s ease;
    z-index: 1050;
}
.variation-sheet.open {
    transform: translateY(0) !important;
}

/* Bottom sheet anchored to cart button container for mobile */
@media (max-width: 991.98px) {
    .variation-sheet {
        position: absolute !important;
        bottom: 90% !important;
        left: 0 !important;
        width: 100% !important;
        max-height: 50vh !important;
        overflow-y: auto !important;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        /* box-shadow: 0 -2px 8px rgba(0,0,0,0.3) !important; */
        transform: translateY(100%) !important;
        border-bottom: 1px solid #fff !important;
    }
    .variation-sheet.open {
        transform: translateY(0) !important;
    }
}

/* Variation sheet base color and text */
.variation-sheet {
    background-color: var(--green-700) !important;
    color: #fff !important;
}
/* Move close button to top right */
.variation-sheet .sheet-header {
    position: relative !important;
}
.variation-sheet .btn-close {
    position: absolute !important;
    top: 0.5rem !important;
    right: 0.75rem !important;
    color: #fff !important;
    background: none !important;
    border: none !important;
    font-size: 1.25rem !important;
}
/* Variation sheet price styling */
#sheet-variation-attrs .sheet-price {
    /* display: block !important; */
    font-weight: bold !important;
    text-align: center !important;
    /* margin-top: 1rem !important; */
    color: #fff !important;
}
#sheet-variation-attrs .sheet-price-old {
    /* display: block !important; */
    font-weight: lighter !important;
    text-align: center !important;
    /* margin-top: 1rem !important; */
    color: #fff !important;
}


/* Variation sheet badges background and text */
.variation-sheet .badge {
    background-color: #fff !important;
    color: #000 !important;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Sheet attributes rows styling */
@media (max-width: 991.98px) {
  .variation-sheet .variation-attr {
      display: flex !important;
      justify-content: space-between !important;
      padding: 0.5rem 1rem !important;
      border-bottom: 1px solid #ddd !important;
  }
  .variation-sheet .variation-attr:last-child {
      border-bottom: none !important;
  }
  .variation-sheet .variation-attr .attr-name {
      text-align: right !important;
      color: #000 !important;
  }
  .variation-sheet .variation-attr .attr-value {
      text-align: left !important;
      color: #000 !important;
  }
  .variation-sheet .sheet-header {
      padding-bottom: 1rem !important;
  }
}

/* Move close button to top right */
.variation-sheet .sheet-header {
    position: relative !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
}

#close-variation-sheet{
    align-self: anchor-center;
}

/* Hide variation sheet prices except on very small screens */
.variation-sheet .sheet-price,
.variation-sheet .sheet-price-old {
    display: none !important;
}
@media (max-width: 450px) {
    .variation-sheet .sheet-price,
    .variation-sheet .sheet-price-old {
        display: block !important;
    }
}
.place-self-center{
    place-self: center;
}
.top-auto{
    top: auto !important;
}
@media screen and (max-width: 768px) {
    
    .sm-w-25{
        width: 25% !important;
        place-self: center;
    }
    .soori-footer-text{
        text-align: center !important;
    }
}
.attributes-list{
    font-size: 13px;
}

.attributes-list .attr-name{
    font-size: 14px;
}

/* .variation-cart-item{
    padding: 10px;
} */

/*------ CKEditor button styles ------*/
.white-btn-ck {
    background-color: #ffffff !important;
    color: #000000 !important;
    text-decoration: none !important;
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 0.25rem;
}
.white-btn-ck-round1 {
    background-color: #ffffff !important;
    color: #000000 !important;
    text-decoration: none !important;
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
}
.white-btn-ck-round2 {
    background-color: #ffffff !important;
    color: #000000 !important;
    text-decoration: none !important;
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 0.8rem;
}
.white-btn-ck-round-pill {
    background-color: #ffffff !important;
    color: #000000 !important;
    text-decoration: none !important;
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 5rem;
}
.black-btn-ck {
    background-color: #000000 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 0.25rem;
}
.black-btn-ck-round1 {
    background-color: #000000 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
}
.black-btn-ck-round2 {
    background-color: #000000 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 0.8rem;
}
.black-btn-ck-round-pill {
    background-color: #000000 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 5rem;
}
.transparent-btn-ck {
    background-color: transparent !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
    text-decoration: none !important;
    display: inline-block;
    padding: 0.5rem 1rem;
}
.transparent-btn-ck-round1 {
    background-color: transparent !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
    text-decoration: none !important;
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
}
.transparent-btn-ck-round2 {
    background-color: transparent !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
    text-decoration: none !important;
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 0.8rem;
}
.transparent-btn-ck-round-pill {
    background-color: transparent !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
    text-decoration: none !important;
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 5rem;
}
/*------ Override hero slider heights when h-100 utility is present ------*/
.hero-slider-item.h-100 {
    height: 550px !important;
}
@media only screen and (min-width: 1600px) {
    .hero-slider-item.h-100 {
        height: 650px !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767.98px) {
    .hero-slider-item.h-100 {
        height: 400px !important;
    }
}
@media only screen and (max-width: 575.98px) {
    .hero-slider-item.h-100 {
        height: 350px !important;
    }
}
.hero-style-five .hero-slider-item.h-100 {
    height: 800px !important;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-style-five .hero-slider-item.h-100 {
        height: 530px !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767.98px) {
    .hero-style-five .hero-slider-item.h-100 {
        height: 400px !important;
    }
}
@media only screen and (max-width: 575.98px) {
    .hero-style-five .hero-slider-item.h-100 {
        height: 350px !important;
    }
}

/*=============================================
    22. cart page css
==============================================*/
.cart-table {
    border: 1px solid #ededed;
}

@media (max-width: 991px) {
    .mobile-navigation {
        height: 100%;
        overflow: auto;
        max-height: 100%;
    }
    .mobile-menu{
        padding-right: 0px;
        margin-right: 0px;
    }
    .cart-sticky-footer {
        position: fixed;
        bottom: 0;
        left: 0;
        padding: 15px 10px;
        width: 100%;
        background-color: #fff;
        border-top: 1px solid #ddd;
        box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
        z-index: 1000;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .cart-sticky-footer .pay-btn-sqr {
        padding: 7px 15px;
        margin-top: 0 !important;
    }
    .cart-sticky-footer .cart-payable-price{
        align-content: center;
    }
}

.cart-table table {
    width: 100%;
}

.mobile-navigation {
    overflow-x: hidden; /* Disable horizontal scrolling */
    overflow-y: hidden; /* Disable horizontal scrolling */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* IE and Edge */
}

.mobile-navigation::-webkit-scrollbar {
    display: none; /* Chrome, Safari, and Opera */
}


.order-card-title {
    font-size: 0.9rem;
}

.order-card-detail {
    font-size: 0.8rem;
}

.order-card-button {
    font-size: 0.85rem;
    padding: 0.4rem 0.75rem !important;
} 
.text-success-dark{
    color: #198754  !important;
}
.border-success-dark{
    border-color: #198754  !important;
}
.bg-success-dark{
    background-color: #198754  !important;
}
.border-secondary{
    border-color: #6c757d !important;
}
.text-warning-dark{
    color: #ff9800;
}
.text-info-dark{
    color: #039ebd;
}
.bg-info-dark{
    background-color: #039ebd !important;
}
.border-info-dark{
    border-color: #039ebd !important;
}
.bg-primary-dark{
    background-color: #008763  !important;
}
.border-primary-dark{
    border-color: #008763  !important;
}
.text-primary-dark{
    color: #008763  !important;
}
.bg-warning-dark{
    background-color: #ff9800;
}
.border-warning-dark{
    border-color: #ff9800 !important;
}
.border-danger{
    border-color: #dc3545 !important;
}
.border-success{
    border-color: #198754  !important;
}
.border-dashed{
    border-style: dashed;
}

/* -----------------------------------
    Order Detail Card
----------------------------------- */
.order-detail-card th,
.order-detail-card td {
    font-size: 0.85rem;
}

.order-detail-card tr:last-child th,
.order-detail-card tr:last-child td {
    border-bottom: none;
    padding-bottom: 0;
}

.order-item-detail, .order-item-detail .fw-bold {
    font-size: 0.85rem;
}

/* -----------------------------------
    Responsive Order Item Card
----------------------------------- */
@media (max-width: 350px) {
    .order-item-main-content {
        flex-direction: column;
        align-items: center;
    }

    .order-item-image-wrapper,
    .order-item-details-wrapper {
        width: 100%; /* Make both sections full-width */
        max-width: 100%;
        flex: 1 0 100%; /* Allow them to take full width */
    }

    .order-item-image-wrapper {
        text-align: center !important; /* Center text content */
    }

    .order-item-details-wrapper {
        padding-top: 1rem; /* Add some space between image and details */
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

/* -----------------------------------
    Responsive Payment List
----------------------------------- */
@media (max-width: 350px) {
    .payment-list-item {
        flex-direction: column;
        align-items: flex-start !important; /* Align items to the start */
    }

    .payment-item-badge {
        margin-top: 0.5rem; /* Add some space above the badge */
        align-self: flex-start; /* Align badge to the start of the column */
    }
}

@media (max-width: 400px) {
    .order-status{
        /* display: block; */
        margin-top: 0.5rem;
        width: fit-content;
    }
}

.account-info-text{
    font-size: .8rem;
}
#receive_newsletter_input {
    accent-color: var(--green-500);
    transform: scale(1.5);
    vertical-align: middle;
}
.justify-self-start{
    justify-self: start;
}
.justify-items-center{
    justify-items: center;
}

@media (max-width: 500px){
    #useful-links-footer{
        width: 100%;
        text-align: center;
    }
    #contact-us-footer{
        width: 100%;
        text-align: center;
    }
}

.text-align-center{
    text-align: center;
}
.bg-light-green{
    background-color: var(--green-50);
}
.bg-amber-50{
    background-color: var(--amber-50);
}
.bg-lightgray{
    background-color: #f0f0f0;
}

.main-menu ul li ul.megamenu {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}
.main-menu ul li.open > ul.megamenu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate(-50%, 0) !important;
    pointer-events: auto !important;
}
@media (min-width: 768px) and (max-width: 991px) {
    .megamenu-desktop-categories{
        width: 80% !important;
    }
}
.ck-content ul {
    list-style-position: outside;
    padding-right: 3em;
    padding-left: 0;
}