/*--------------------------------------------------------------
                       Normalize
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@1,400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');


:root {
    --main-color-one: var(--main-color-one);
    --main-color-one-rgb: 0, 96, 68;
    --main-color-two: var(--secondary-color);
    --main-color-two-rgb: 0, 136, 221;
    --main-color-three: #2f4fff;
    --main-color-three-rgb: 47, 79, 255;
    --main-color-four: #f0997d;
    --main-color-four-rgb: 240, 153, 125;
    --btn-color: #488df9;
    --btn-hover: #ef4b41;
    --customer-profile: #000;
    --customer-profile-rgb: 0, 0, 0;
    --dashboard-color: #E9EDF7;
    --dashboard-font: "Outfit", serif;
    --footer-bg: #00192B;
    --heading-color: #1B1C25;
    --heading-color-rgb: 27, 28, 37;
    --paragraph-color: #666666;
    --paragraph-white: #f1f1f1;

    --paragraph-white-2: #e2e2e2;
    --body-color: var(--black);
    --review-color: #FABE50;
    --yellow-color: #f4f300;
    --blue-color: #62CDFF;
    --review-color-rgb: 250, 190, 80;
    --stock-color: #5AB27E;
    --success-color: #1f9960;
    --success-color-rgb: 31, 153, 96;
    --updatedOffer-bg-1: #FFF6D6;
    --updatedOffer-bg-2: #C0F4FF;
    --updatedOffer-bg-3: #D2FFFC;
    --border-color: #f0f0f0;
    --border-two: #efefef;
    --border-color-2: #ebebeb;
    --gray-color: #f3f3f3;
    --gray-two: #f7f7f7;
    --section-bg: #FDDE67;
    --section-bg-2: #F9F9F9;
    --white: #fff;
    --white-rgb: 255, 255, 255;
    --black: #000000;
    --black-rgb: 0, 0, 0;
    --box-shadow: #f0f0f0;
    --search-bg: #F2F4F7;
    --danger-color: #dd0303;
    --delete-color: #ee0000;
    --delete-color-rgb: 238, 0, 0;
    --heading-font: "Lora", sans-serif;
    --body-font: "Outfit", serif;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    overflow-x: hidden;
    font-family: var(--body-font);
}

html,
body {
    overflow-x: hidden;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    -moz-osx-font-smoothing: grayscale;
    /* Firefox */
    -webkit-font-smoothing: antialiased;
    /* WebKit  */
}

body {
    margin: 0;
    color: var(--body-color);
    font-family: var(--body-font);
    font-size: 16px;
}

@media only screen and (max-width: 991.98px) {
    body {
        overflow-x: hidden;
    }
}

@media only screen and (max-width: 480px) {
    body {
        font-size: 15px;
    }
}

@media only screen and (max-width: 375px) {
    body {
        font-size: 14px;
    }
}

h1 {
    font-size: 60px;
    line-height: 1.0833333333;
}

h2 {
    font-size: 36px;
    line-height: 1.4444444444;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    h2 {
        font-size: 30px;
    }
}

@media only screen and (max-width: 575.98px) {
    h2 {
        font-size: 27px;
    }
}

@media only screen and (max-width: 480px) {
    h2 {
        font-size: 26px;
    }
}

@media only screen and (max-width: 375px) {
    h2 {
        font-size: 24px;
    }
}

h3 {
    font-size: 28px;
    line-height: 1.0833333333;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    h3 {
        font-size: 26px;
    }
}

@media only screen and (max-width: 575.98px) {
    h3 {
        font-size: 25px;
    }
}

@media only screen and (max-width: 480px) {
    h3 {
        font-size: 24px;
    }
}

@media only screen and (max-width: 375px) {
    h3 {
        font-size: 22px;
    }
}

h4 {
    font-size: 24px;
    line-height: 1.0833333333;
}

@media only screen and (max-width: 575.98px) {
    h4 {
        font-size: 23px;
    }
}

@media only screen and (max-width: 375px) {
    h4 {
        font-size: 21px;
    }
}

h5 {
    font-size: 20px;
    line-height: 1.2380952381;
}

@media only screen and (max-width: 375px) {
    h5 {
        font-size: 18px;
    }
}

h6 {
    font-size: 18px;
    line-height: 1.2380952381;
}

@media only screen and (max-width: 375px) {
    h6 {
        font-size: 16px;
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--heading-color);
    font-family: var(--heading-font);
    margin: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    display: -webkit-box;
}

p {
    color: var(--body-color);
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    margin-bottom: 0;
    line-height: 26px;
    font-size: 16px;
}

a {
    color: inherit;
    text-decoration: none;
    color: var(--body-color);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

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

pre {
    word-break: break-word;
}

a i {
    padding: 0 2px;
}

img {
    max-width: 100%;
}

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

ul li {
    list-style: none;
}

ol {
    counter-reset: counter;
    padding-left: 0;
}

ol li {
    list-style: none;
}

ol li:before {
    counter-increment: counter;
    content: counter(counter);
    font-weight: 500;
    margin-right: 10px;
}

span {
    display: inline-block;
}

.desktop-center {
    text-align: center;
}


.bp-topbar-bg {
    background-color: var(--white);
}

.bg-landing {
    background-image: url("../img/banner/home-background.png");
    background-color: var(--white);
    background-repeat: no-repeat;
    background-position: center top;
    overflow: hidden;
    background-size: cover;
}

.text-block h1 {
    font-weight: 600;
}

section#landing .text-block {
    /* background-image: url(../img/banner/home-background-text.png);
  background-repeat: no-repeat;
  background-position: center center; */
    padding-top: 70px;
    padding-bottom: 70px;
    position: absolute;
    left: 50%;
    margin-left: -50%;
    /* max-width: 730px; */
    width: 100%;
}

section#landing .text-block * {
    position: relative;
    z-index: 1;
}

.gl-price span:last-child {
    text-decoration: line-through;
    padding-left: 5px;
    color: var(--btn-hover);
}

section#landing .text-block .text-block-content {
    max-width: 730px;
    margin: 0 auto;
    width: 100%;
}

section#landing .text-block .text-block-content h6 {
    font-family: var(--body-font);
    font-weight: 300;
}

.min-height-hero {
    /* min-height: 66vh; */
    /* min-height:930px; */
    min-height: 550px;
}


.text-block {
    position: relative;
}

section#landing .img-section-left {
    position: absolute;
    left: 5%;
    transform: scale(1.3);
    z-index: 1;
    top: 80px;
}

section#landing {
    position: relative;
}

.img-section-right>img {
    /* position: absolute; */
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
}


.img-section-right {
    position: absolute;
    right: 5%;
    bottom: -70px;
    transform: scale(0.9);
}

/* section#feature-brands {
  padding-bottom: 20px;
} */
section#landing .text-block .text-block-content p {
    font-size: 18px;
    padding: 20px 5%;
}

.feature-brands-slider {
    padding: 5px 0;
    /* background: #000; */
    background: #f5f5f5;
}

.feature-brand-box-wrap img {
    min-height: 80px;
    width: auto;
    height: 100%;
    transform: scale(0.7);
    /* filter:invert(1); */
}

/* .feature-brand-box-wrap, .feature-category-box-wrap {
  background: #000;
} */


.feature-category-box-wrap img {
    width: 100%;
}


.feature-categories-slider .slick-slide {
    margin: 0 15px;
}

.feature-categories-slider .slick-list {
    margin: 0 -15px;
}


section#feature-categories .text-block {
    padding-bottom: 50px;
    position: relative;
    max-width: 540px;
    margin: 0 auto;
}

/* section#feature-categories .text-block:before{
  content:"";
  background-image: url(../img/banner/categories-background-text.png);
  background-color: var(--white);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
  top: -20%;
  left: 0;
  width: 100%;height: 100%;z-index: -1;transform: scale(1.5);} */


.feature-category-box-wrap {
    overflow: hidden;
    transform: scale(1);
    text-align: center;
    margin: 0 auto;
}

.feature-category-box-wrap:hover img {
    transform: scale(1.3);
}

.collection-bar {
    position: absolute;
    background: #fff;
    color: #000;
    width: 100%;
    bottom: 0px;
    left: 0;
    opacity: 0;
    padding: 0.8rem;
    transition: 0.5s;
    font-weight: 600;
    font-size: 18px;
    bottom: -5%;
}

.feature-category-box-wrap:hover .collection-bar {
    bottom: 0%;
    transition: bottom 0.5s ease;
    opacity: 0.8;
}

.feature-category-box-wrap h5 {
    background: #EEEAE8;
    margin: 0 auto;
    display: inline-block;
    padding: 0.6rem;
    width: 45%;
    border-radius: 12px;
}

button.slick-prev.slick-arrow,
button.slick-next.slick-arrow {
    top: 50%;
    position: absolute;
    z-index: 5;

    background: #EEEAE8;
    border: 0;
    width: 45px;
    height: 45px;
    border-radius: 50%;
}

button.slick-prev.slick-arrow {
    left: 3%;
}

button.slick-next.slick-arrow {
    right: 3%;
}

button.slick-next-shop.slick-arrow,
button.slick-prev-shop.slick-arrow {
    position: absolute;
    bottom: -40px;
    z-index: 2;
    background: var(--btn-color);
    border: none;
    border-radius: 50%;
    width: 35px;
    height: 35px;

}

button.slick-next-shop.slick-arrow img,
button.slick-prev-shop.slick-arrow img {
    filter: invert(1);

}

button.slick-prev-shop.slick-arrow {
    left: 42%;
}

button.slick-next-shop.slick-arrow {
    left: 52%;
}

.text-block h2 {
    font-weight: 800;
}

section#feature-shops .text-block h2+p {
    font-weight: 300;
    font-size: 20px;
    line-height: 2rem;
}

.feature-shop-wrap a img {
    width: 400px;
    height: 400px;
    padding: 20px 0;
    object-fit: contain;
}

.feature-shop-wrap p {
    font-weight: 500;
    font-size: 20px;
    line-height: 2rem;
}

.feature-shop-wrap p:last-child {
    padding-bottom: 10px;
}

section#feature-shops .col-6:last-child {
    background: #fff;
}

.feature-shop-wrap a {
    text-align: center;
    margin: 0 auto;
    width: 280px;
    height: 280px;
}

#feature-products {
    padding: 20px 20px 20px 20px;
}

/* section#feature-products > div {
  padding: 30px 0;
} */
/* .featured-products-wrapper {
  padding-top: 30px;
} */
.fpr {
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
}

.show-more {
    display: flex;
    justify-content: center;
    padding: 30px 0;
}

.featured-products-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 25.333%);
    justify-content: center;
    grid-gap: 20px;
}

.sas .featured-products-wrapper {
    display: unset;

}

#feature-products {
    padding: unset;
}

section#feature-products {
    padding: 0 30px;
}

#searchVendor #search_suggestions_wrap {
    position: absolute;
    width: 350px;
    background: #fff;
    right: -30px;
    top: 44px;
    padding: 0px;
    opacity: 0;
}

.form-control:disabled,
.form-control[readonly] {
    background: unset !important;
}

.feature-brand-box-wrap img {
    width: 200px;
    height: 200px;
    object-fit: fill;
    border: 1px solid rgba(0, 0, 0, 0.1);
    /* padding: 20px; */
    border-radius: 50px;
}

.hide-dates::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

.hide-dates {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.vendor-profile-img {
    background: #e4e4e4;
    display: flex;
    justify-content: center;
    min-height: 450px;
    align-items: center;

}

.breadcrumb-area.breadcrumb-padding.bg-item-badge {
    display: none;
}

.vendor-profile-img p {
    font-size: 4rem;
}

.vendor-profile-cont {
    display: grid;
    grid-template-columns: 1.5fr 2fr;
    grid-column-gap: 50px;
    margin-top: 30px;
}

.vendor-profile-img img {
    /* filter: invert(1); */
    /* object-fit: contain;
    transform: scale(2.5); */
    object-fit: contain;
    width: 500px;
    height: 500px;
}

.vendor-profile-content h4 {
    font-size: 20px;
    text-decoration: underline;
    padding-top: 20px;
    padding-bottom: 20px;
}

.vendor-profile-content p {
    padding: 20px 0 30px 0;
}

.vendor-wrapper ul {
    display: flex;
    align-items: center;
    gap: 10px;

}

.vendor-wrapper ul li i {
    background: var(--btn-color);
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 50px;
    font-size: 20px;
}

#searchVendor .item-suggestions .item-title {
    background: unset;
}

.goog-te-gadget-simple {
    border: 2px dotted #000 !important;
    padding: 10px 10px !important;
}

.goog-te-gadget-simple span:nth-child(5),
.goog-te-gadget-simple span:nth-child(3),
.goog-te-gadget-simple img {
    display: none;
}

/* .skiptranslate {
  display: none;
} */
/* Portrait and Landscape */
@media only screen and (min-width: 320px) and (max-width: 480px) {
    .desktop-img-banner {
        display: none !important;
    }
    .details-tab-wrapper .tab-content-item {
        margin-top: 0px !important;
    }

    .details-tab-wrapper .details-tab li.active::after,
    .details-tab-wrapper .details-tab li.active::before {
        border-radius: 10px 10px 0px 0px;
    }

    .details-tab-wrapper .details-tab li {
        padding: 4px 10px !important;
        margin-bottom: 0px !important;
    }

    .single-shop-details-wrapper .quantity-btn .btn-wrapper {
        width: 100%;
    }

    .single-shop-details-wrapper .quantity-btn .btn-wrapper .cmn-btn.add_to_cart_single_page {
        width: 100%;
    }

    .btn-wishlist.buy_now_single_page {
        width: 100%;
        margin-top: 10px !important;
        padding: 10px;
    }

    .margin-top-40 {
        margin-top: 10px !important;
    }

    .quantity-area .quantity-flex {
        flex-direction: column;
        align-content: flex-start;
        align-items: flex-start;
    }

    .vendor-wrapper {
        padding: 30px;
    }

    .vendor-profile-cont {
        display: grid;
        grid-template-columns: 1fr;
        grid-column-gap: 50px;
        margin-top: 30px;
    }

    .vendor-profile-img img {
        transform: scale(1);
        width: auto;
        height: auto;
        border-radius: 0px;
        margin: 0px;
    }

    .vendor-profile-img {
        min-height: auto;
        padding: 20px;
    }

    #feature-products h1,
    .vendor-profile-content h1 {
        font-size: 28px;
    }

    .signin-wrappers .nav li a,
    .vendor-signin-wrapper .nav li a {
        padding: 10px 0px;
    }

    .remember-password-flex {
        flex-wrap: nowrap !important;
    }

    .basic-information h4 {
        font-size: 12px !important;
    }

    .form-control {
        padding: 0px 20px 0px 10px !important;
    }

    .vidWrapper {
        overflow: hidden;
    }

    .details-tab-wrapper .details-tab li:hover {
        color: white !important;
    }

    .details-tab-wrapper .tab-content-item {
        overflow: hidden;
    }

    .seller-form-horizontal.bon {
        flex-wrap: wrap;
    }

    #searchVendor #search_suggestions_wrap {
        width: 290px;
        right: -156px;
    }

    .fm-mob {
        margin-bottom: 10px;
    }

    /* .bannerImg img {
        height: auto !important;
    } */

    .banner__slider__item {
        height: 300px !important;
    }

    .order-data {
        overflow-x: auto;
    }

    .res-custom {
        width: max-content !important;
    }
}

@media only screen and (max-width: 991px) {
    .featuredImg-wrapper {
        /* margin-right: 20px;
    margin-left: 20px; */
        height: 290px !important;
    }

    .banner__slider__item {
        height: 384px;
    }

    .user-dashboard-wrapper .mobile_nav {
        position: absolute !important;
        right: 89px !important;
        left: auto !important;
        top: -41px !important;
        z-index: 1111111111 !important;
        width: 34px !important;
        height: 34px !important;
        line-height: 34px !important;
    }
}


@media only screen and (max-width: 599px) {
    .testimonial-card {
        height: auto !important;
    }

    .featuredImgWrapper img {
        height: 250px !important;
    }

    .featuredImg-wrapper {
        margin: 0px 0px !important;
    }

    #feature-brands {
        display: none;
    }
}

@media only screen and (min-width: 800px) {
    .testimonial-card {
        height: 396px !important;
    }

    .featuredImgWrapper img {
        height: 250px !important;
    }

    .featuredImg-wrapper {
        margin: 0px 0px !important;
    }

    #feature-brands {
        display: none;
    }
}

@media only screen and (min-width: 1024px) {
    .testimonial-card {
        height: 470px !important;
    }

    .featuredImgWrapper img {
        height: 250px !important;
    }

    .featuredImg-wrapper {
        margin: 0px 0px !important;
    }

    #feature-brands {
        display: none;
    }
}

@media only screen and (min-width: 1200px) {
    .testimonial-card {
        height: 405px !important;
    }
}

@media only screen and (min-width: 1366px) {
    .testimonial-card {
        height: 374px !important;
    }
}

@media only screen and (min-width: 1600px) {
    .testimonial-card {
        height: 336px !important;
    }
}

@media only screen and (min-width: 1920px) {
    .testimonial-card {
        height: 298px !important;
    }
}

/* #searchVendor:hover #search_suggestions_wrap{
  opacity:0;
} */
.category-suggestion-list li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 8px;
    font-size: 16px;
}

.category-suggestion-list li a {
    font-size: 16px;
    text-transform: capitalize;
}

/* a.absolute-link {
  position: absolute;
  width: 100%;
  height: 100%;
  background: red;
  top: 0;
  left: 0;
  z-index: 1;
} */

/* .featured-product-card {
  position: relative;
  z-index: 2;
} */


.featuredImg-wrapper {
    position: relative;
}

.featuredImg-wrapper a {
    position: absolute;
    color: #000;
    bottom: -3%;
    background: #ffff;
    width: 100%;
    text-align: center;
    opacity: 0;
    transition: 0.3s;
    padding: 0.8rem 0;
    font-weight: 600;
    font-size: 18px;
    z-index: 5;
    left: 0;
}

.featured-product-card:hover .featuredImg-wrapper>a {
    bottom: 0;
    opacity: 0.8;
    transition: bottom 0.5s ease;
}

/*
.featured-product-card:hover .featuredImg-wrapper {
  transform: scale(1.05);
  transition: 0.3s linear;
 
} 
  */
.featuredImg-wrapper.featuredImgWrapper {
    cursor: pointer;
}

.featuredImg-wrapper.featuredImgWrapper img:hover {
    transform: scale(1.08);
    transition: 0.3s;
}

.featuredImgWrapper {
    background: #f5f5f5;
    width: 100%;
    height: 450px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fpr {
    grid-column-gap: 20px;
}

.featuredImgWrapper img {
    width: 250px;
    height: auto;
    object-fit: cover;
}

.featuredImg-wrapper {
    margin: 0px 10px;
    justify-items: center;
}

.featured-content {
    padding-top: 20px;
    text-align: center;
    font-size: 20px;
}

#feature-products .feature-categories-slider {
    margin-top: 50px;
}

.featured-content p:first-child {
    padding-bottom: 10px;
}

h5.category-title {
    position: absolute;
    z-index: 1;
    bottom: 18%;
    width: 58%;
    left: 0;
    right: 0;
    color: #000;
}

.feature-shops-sec-col {
    background: #fff;
}

section#classyUpto {
    background: #000;
    padding: 20px;
}

.classyUptoWrapper {
    padding: 0 20px;
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    align-items: center;
}

.bbp-logo {
    width: 180px;
    height: 45px;
}

.classyBusinessUser {
    display: block;
    margin: 0 auto;
    width: 50%;
}

p.classyBusinessUserBtn {
    color: #fff;
    border: 1px solid #fff;
    padding: 0.6rem 2rem;
    text-align: center;
    border-radius: 12px;
    display: flex;
    justify-content: center;
}

.classyUpToCol h2 {
    color: #fff;
}

/* section.stunningDesign {
  padding-top: 50px;
} */
.videoWrapper {
    position: relative;
}

.stunningDesign-content {
    position: absolute;
    top: 0;
    /* transform: translate(40%, 350px); */
    transform: translate(38%, 150px);
    text-align: center;
}

section.stunningDesign {
    padding-bottom: 70px;
}

.videoWrapper video {
    height: 700px;
    width: 100%;
    object-fit: cover;
}

.videoWrapper::before {
    content: '';
    background: rgba(0, 0, 0, 0.25);
    top: 0px;
    left: 0;
    width: 100%;
    height: 99.55%;
    position: absolute;
}

.stunningDesign-content p {
    color: #fff;
    padding: 20px 15%;
    font-size: 20px;
}

.middle-slide .testimonial-card {
    background-color: #f0f0f0;
    /* Highlighted background for the middle slide */
}

.stunning-btn-wrapper a:first-child {
    background: #000;
    color: #fff;
    padding: 0.6rem 2rem;
    border-radius: 12px;
}

.stunning-btn-wrapper a:last-child {
    border: 1px solid #fff;
    padding: 0.6rem 2rem;
    border-radius: 12px;
    color: #fff;
}

.stunning-btn-wrapper {
    display: flex;
    justify-content: center;
    gap: 20px;
    padding: 20px 0;
}

.stunningDesign-content h3 {
    font-size: 80px;
    color: #fff;
}

section#landing-about-us {
    padding-bottom: 70px;
    padding-left: 20px;
    padding-right: 20px;
}

section.availnow {
    padding: 0 30px;
    padding-top: 280px;
}

.availnow-wrapper {
    background: #F5F5F5;
    padding: 50px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    position: relative;
}

.availnow-imgWrapper {
    position: relative;
}

.availnow-imgWrapper img {
    position: absolute;
    bottom: -160px;
}

.availnow-imgWrapper img:first-child {
    left: 190px;
}

.availnow-wrapper .availnow-col:first-child {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.availnow-wrapper .availnow-col:first-child p {
    font-size: 22px;
    letter-spacing: 2px;
}

.availnow-wrapper .availnow-col:first-child h3 {
    font-weight: 800;
    padding: 20px 0;
    font-size: 50px;
    width: 82%;
    text-align: center;
}

a.shopNow-btn {
    background: #000;
    color: #fff;
    padding: 0.8rem 3rem;
    border-radius: 12px;
}

a.shopNow-btn:hover {
    color: #fff;
}

section#gallerySec {
    padding: 0px 20px;
}

section#gallerySec ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

section.shippingSec {
    padding: 70px 0 20px 20px;
}

.shippingSec-col h4 {
    padding: 10px 0;
    font-weight: 800;
    font-size: 22px;
}

.shippingSec-col p {
    font-size: 16px;
    color: #666666;
    font-weight: 300;
}

.shippingSecWrapper {
    display: flex;
}

section.subscribe-now {
    background: #000;
    padding: 50px 60px;
    margin: 0 20px;
}

.subscribenow-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    justify-items: center;
}

.shippingSec-col {
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    padding: 20px 30px;
}

.shippingSec-col:last-child {
    border: 0;
}

.subscribenow-wrapper h3 {
    font-size: 30px;
    color: #fff;
    padding-bottom: 10px;
}

.subscribenow-wrapper p {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    width: 85%;
}

.footerWrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 50px 0px;
    justify-items: center;
}

.footerWrapper .footer-col ul.list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footerWrapper .footer-col:first-child ul.list li a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 5px;
}

.followUs {
    display: flex;
    flex-direction: column;
    position: relative;
}

button.followUs-btn {
    background: var(--btn-color);
    border: 0;
    border-radius: 88px;
    padding: 0.8rem 0;
    width: 20%;
    margin-top: 10px;
    color: var(--white);
    transition: 0.5s linear;
    font-weight: 600;
    position: absolute;
    top: -10px;
    right: 0;
}

button.followUs-btn:hover {
    background: var(--btn-hover);
    color: #fff;
}

.followUs input {
    padding: 12px 20px;
    border-radius: 88px;
    color: rgba(0, 0, 0, 0.3);
    border: 2px solid rgba(0, 0, 0, 0.3);
    font-weight: 600;
}

.followUs input::placeholder {
    color: rgba(0, 0, 0, 0.3);
    font-weight: 600;
}

form#subscribenowSubmit input {
    background: transparent;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    width: 600px;
    padding-bottom: 10px;
    color: #fff;
}

form#subscribenowSubmit input::placeholder {
    color: #fff;
}

form#subscribenowSubmit {
    display: flex;
    align-items: center;
    gap: 20px;
}

form#subscribenowSubmit button {
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
    padding: 0.5rem 3rem;
    border-radius: 12px;
}

/* section#landing-about-us .text-block:before {
  content:"";
  background-image: url(../img/banner/aboutus-background-text.png);
  background-color: var(--white);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
  top: -20%;
  left: 0;
  width: 100%;
  height: 129px;
  z-index: -1;
  transform: scale(1.5);
} */

/* #testimonialWrapper .text-block:before {
  content: "";
  background-image: url(../img/banner/Testimonials.png);
  background-color: var(--white);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
  top: -20%;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transform: scale(1.5);
} */
section#testimonialWrapper {
    padding: 0px 20px;
    /* margin-top:25px; */
    padding-bottom: 30px;
}

section#testimonialWrapper>div {
    padding: 0px 0 0px 0;
}

.testimonialWrapper {
    /* display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 20px; */
    width: 80%;
    margin: 0 auto;
    margin-top: 30px;
}

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

.testimonial-card ul {
    display: flex;
    padding-top: 5px;
}

.testimonial-card {
    border: 1px solid rgba(0, 0, 0, 0.3);
    padding: 10px 20px;
    border-radius: 20px;
    height: 290px;
}

.testimonial-card ul+p {
    width: 90%;
    padding: 20px 0;
    color: #666666;
    font-size: 20px;
    font-weight: 300;
    line-height: 25px;
}

.slick-prev-testimonial {
    position: absolute;
    top: 45%;
    background: transparent;
    border: 0;
    left: -80px;
}

.testimonial-card ul+p+p {
    font-weight: 600;
    font-size: 20px;
}

button.slick-next-testimonial.slick-arrow {
    position: absolute;
    right: -50px;
    background: transparent;
    border: 0;
    bottom: 43%;
}

.testimonial-card h4 {
    font-size: 22px;
    font-weight: 600;
    line-height: 29px;
}

section#landing-about-us .text-block {
    max-width: 1067px;
    margin: 0 auto;
}

section#feature-categories {
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
}

section.stunningDesign {
    padding-bottom: 30px;
}

.feature-shop-products-slider.slick-initialized.slick-slider {
    overflow: hidden;
}


.btn-bg-black {
    background-color: var(--btn-color);
    font-size: 18px;
    font-weight: 500;
    color: var(--white);
    /* height: 47px; */
    padding: 9px 24px;
    letter-spacing: 1.7px;
    box-shadow: none;
    transition: 0.2s all ease;
    border: 2px solid var(--btn-color);
    /* outline: 2px solid #000; */
}

.btn-bg-black:hover {
    background: var(--white);
    color: #000;
    box-shadow: 0 10px 13px #979797;
    border: 2px dashed var(--btn-hover);
}


.navbar-area.nav-five .navbar-collapse .navbar-nav li a.btn {
    /* font-size: 16px; */
    margin-left: 15px;
}

.navbar-area.nav-five .navbar-collapse .navbar-nav li a.nav-link {
    font-size: 16px;
}


section#feature-shops {
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
}


.topbar-bg-4 {
    background-color: var(--main-color-one);
}

.homeFour-bg {
    background-color: var(--main-color-one);
}

.section-bg {
    background-color: var(--section-bg);
}

.section-bg-2 {
    background-color: var(--section-bg-2);
}

.updatedOffer-bg-1 {
    background-color: var(--updatedOffer-bg-1);
}

.updatedOffer-bg-2 {
    background-color: var(--updatedOffer-bg-2);
}

.updatedOffer-bg-3 {
    background-color: var(--updatedOffer-bg-3);
}

/* Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox  */
input[type=number] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
}

.form-control {
    width: 100%;
}

textarea {
    width: 100%;
    padding: 15px 15px 0;
}

/* Common Style */
.margin-0 {
    margin: 0 !important;
}

.padding-0 {
    padding: 0 !important;
}

.radius-parcent-50 {
    border-radius: 50%;
}

.radius-50 {
    border-radius: 50px;
}

.radius-40 {
    border-radius: 40px;
}

.radius-35 {
    border-radius: 35px;
}

.radius-30 {
    border-radius: 30px;
}

.radius-20 {
    border-radius: 20px;
}

.radius-15 {
    border-radius: 15px;
}

.radius-10 {
    border-radius: 10px;
}

.radius-5 {
    border-radius: 5px;
}

.radius-0 {
    border-radius: 0px !important;
}

.no-shadow {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.single-border-top {
    border-top: 1px solid var(--border-color);
}

.single-border {
    border: 1px solid var(--border-color);
}

.color-light {
    color: var(--paragraph-color) !important;
}

.color-extra-light {
    color: var(--body-color) !important;
}

.color-heading {
    color: var(--heading-color);
}

.body-bg-1 {
    background: #F1F3F4;
}

.body-bg-2 {
    background: #FFFAF5;
}

.body-bg-3 {
    background: #1B1C25;
}

.bg-color-one {
    background: var(--main-color-one);
}

.bg-color-two {
    background: var(--main-color-two);
}

.bg-color-three {
    background: var(--main-color-three);
}

.bg-color-four {
    background: var(--main-color-four);
}

.bg-item-one {
    background: #FFF1E8;
}

.bg-item-two {
    background: #E9F6FF;
}

.bg-item-three {
    background: #FFECF0;
}

.bg-item-four {
    background: #FFF8F0;
}

.bg-item-five {
    background: var(--gray-two);
    max-width: max-content;
}

.bg-item-badge {
    background: var(--btn-hover);
}

.checkout-order-summery.bg-item-badge {
    background: #faf6f6;
}

.color-one {
    color: var(--main-color-one);
}

.color-two {
    color: var(--main-color-two);
}

.color-three {
    color: var(--main-color-three);
}

.color-four {
    color: var(--main-color-four);
}

.color-stock {
    color: var(--stock-color);
}

.review-color {
    color: var(--review-color);
}

.color-yellow {
    color: #FFBA5C;
}

.footer-bg {
    background: #f9f9f9;
}

.footer-bg-2 {
    background: #22232F;
}

.footer-bg-3 {
    background: var(--gray-two);
}

.shop-color-1 {
    background: #F83A26 !important;
}

.shop-color-2 {
    background: #30BB6F !important;
}

.shop-color-3 {
    background: #AB47BC !important;
}

.shop-color-4 {
    background: #FFC576 !important;
}

.shop-color-5 {
    background: #040B25 !important;
}

.shop-color-6 {
    background: #FF9800 !important;
}

.shop-color-7 {
    background: #FF695C !important;
}

.brand-bg-1 {
    background-color: #ED1C24;
}

.brand-bg-2 {
    background-color: #1B1B1B;
}

.brand-bg-3 {
    background-color: #F65B65;
}

.brand-bg-4 {
    background-color: #0088DD;
}

.brand-bg-5 {
    background-color: #FABE50;
}

.brand-bg-6 {
    background-color: #5AB27E;
}

.main-bg-one {
    background-color: var(--main-color-one);
}

.main-bg-two {
    background-color: var(--main-color-two);
}

.main-bg-three {
    background-color: var(--main-color-three);
}

.main-bg-four {
    background-color: var(--main-color-four);
}

.bg-color-stock {
    background: var(--stock-color);
}

.facebook-bg {
    background-color: #3b5999 !important;
}

.twitter-bg {
    background-color: #55acee !important;
}

.pintarest-bg {
    background-color: #c40014 !important;
}

.youtube-bg {
    background-color: #ff1544 !important;
}

.instagram-bg {
    background: -webkit-gradient(linear, left bottom, left top, from(#fea038), color-stop(#ff8841), color-stop(#ff704e), color-stop(#ff575f), color-stop(#ff3e71), color-stop(#fa3080), color-stop(#f12690), color-stop(#e523a0), color-stop(#d12dac), color-stop(#bb37b7), color-stop(#a140bf), to(#8347c5)) !important;
    background: linear-gradient(to top, #fea038, #ff8841, #ff704e, #ff575f, #ff3e71, #fa3080, #f12690, #e523a0, #d12dac, #bb37b7, #a140bf, #8347c5) !important;
}

.linkedin-bg {
    background-color: #326DE4 !important;
}

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

.no-margin {
    margin: 0;
}

.lazyloads {
    display: block;
}

.extra-padding-bottom {
    padding-bottom: 20px;
}

.desktop-reverse-margin-24 {
    margin: -24px 0 0;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .desktop-reverse-margin-24 {
        margin: unset;
    }
}

.border-1 {
    border: 1px solid rgba(221, 221, 221, 0.9);
}

.border-1.border-2px {
    border: 2px solid rgba(221, 221, 221, 0.9);
}

.border-1.border-3px {
    border: 3px solid rgba(221, 221, 221, 0.9);
}

.border-1.border-4px {
    border: 4px solid rgba(221, 221, 221, 0.9);
}

.border-1.border-5px {
    border: 5px solid rgba(221, 221, 221, 0.9);
}

.heading-title {
    font-size: 30px;
    line-height: 36px;
}

.heading-title:hover {
    color: var(--main-color-one);
}

.heading-title.hover-color-two:hover {
    color: var(--main-color-two);
}

.heading-title.hover-color-three:hover {
    color: var(--main-color-three);
}

.heading-title.hover-color-four:hover {
    color: var(--main-color-four);
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .heading-title {
        font-size: 26px;
    }
}

@media only screen and (max-width: 375px) {
    .heading-title {
        font-size: 24px;
    }
}

.common-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
    color: var(--heading-color);
    min-height: 72px;
}

@media only screen and (max-width: 767.98px) {
    .common-title {
        font-size: 22px;
        line-height: 32px;
    }
}

@media only screen and (max-width: 480px) {
    .common-title {
        font-size: 21px;
    }
}

@media only screen and (max-width: 375px) {
    .common-title {
        font-size: 20px;
    }
}

.common-title.white-color {
    color: var(--white);
}

.common-title:hover {
    color: var(--main-color-one);
}

.common-title.hover-color-two:hover {
    color: var(--main-color-two);
}

.common-title.hover-color-three:hover {
    color: var(--main-color-three);
}

.common-title.hover-color-four:hover {
    color: var(--main-color-four);
}

.white-color {
    color: var(--white);
}

.center-text {
    text-align: center;
}

.common-title-two {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--heading-font);
    color: var(--heading-color);
}

.common-title-two.white-color {
    color: var(--white);
}

.common-title-two:hover {
    color: var(--main-color-one);
}

.common-title-two.hover-color-two:hover {
    color: var(--main-color-two);
}

.common-title-two.hover-color-three:hover {
    color: var(--main-color-three);
}

.common-title-two.hover-color-four:hover {
    color: var(--main-color-four);
}

.common-title-three {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--heading-font);
    color: var(--heading-color);
}

.common-title-three.white-color {
    color: var(--white);
}

.common-title-three:hover {
    color: var(--main-color-one);
}

.common-title-three.hover-color-two:hover {
    color: var(--main-color-two);
}

.common-title-three.hover-color-three:hover {
    color: var(--main-color-three);
}

.common-title-three.hover-color-four:hover {
    color: var(--main-color-four);
}

.common-para {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: var(--body-color);
}

.common-para.white-color {
    color: var(--white);
}

.common-price-title {
    font-size: 28px;
    font-weight: 500;
    line-height: 40px;
}

.common-price-title.white-color {
    color: var(--white);
}

.common-price-title-two {
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
}

.common-price-title-two.white-color {
    color: var(--white);
}

.tab-content-item {
    display: none;
}

.tab-content-item.active {
    display: block;
    -webkit-animation: 1s fade-effects;
    animation: 1s fade-effects;
}

@-webkit-keyframes fade-effects {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes fade-effects {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

.border-1 {
    border: 1px solid #E8E8E8;
}

.slider-inner-margin .slick-slide {
    margin: 12px;
}

.slider-inner-margin .slick-list {
    margin: -12px;
}

.slider-inner-margin-10 .slick-slide {
    margin: 5px;
}

.slider-inner-margin-10 .slick-list {
    margin: -5px;
}

.slick-slider-items.margin-reverse-24 {
    margin: -24px 0 0;
}

.global-slick-init:hover.nav-style-two .prev-icon,
.global-slick-init:hover.nav-style-two .next-icon {
    visibility: visible;
    opacity: 1;
}

.global-slick-init.nav-style-two .prev-icon,
.global-slick-init.nav-style-two .next-icon {
    visibility: hidden;
    opacity: 0;
}

.nav-style-two {
    position: relative;
}

.nav-style-two.nav-color-two .prev-icon,
.nav-style-two.nav-color-two .next-icon {
    background: var(--main-color-two);
    color: var(--white);
}

.nav-style-two.nav-color-two .prev-icon:hover,
.nav-style-two.nav-color-two .next-icon:hover {
    color: var(--main-color-two);
    background: #fff;
}

.nav-style-two.nav-color-three .prev-icon,
.nav-style-two.nav-color-three .next-icon {
    background: var(--main-color-three);
    color: var(--white);
}

.nav-style-two.nav-color-three .prev-icon:hover,
.nav-style-two.nav-color-three .next-icon:hover {
    color: var(--main-color-three);
    background: #fff;
}

.nav-style-two .prev-icon,
.nav-style-two .next-icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -20px;
    font-size: 24px;
    cursor: pointer;
    z-index: 99;
    background: #fff;
    color: var(--main-color-one);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.nav-style-two .prev-icon:hover,
.nav-style-two .next-icon:hover {
    color: var(--white);
    background: var(--main-color-one);
}

@media only screen and (max-width: 375px) {

    .nav-style-two .prev-icon,
    .nav-style-two .next-icon {
        left: -12px;
    }
}

.nav-style-two .next-icon {
    left: auto;
    right: -20px;
}

@media only screen and (max-width: 375px) {
    .nav-style-two .next-icon {
        right: -12px;
    }
}

.nav-style-one {
    position: relative;
}

.nav-style-one.nav-color-two .prev-icon:hover,
.nav-style-one.nav-color-two .next-icon:hover {
    color: var(--main-color-two);
}

.nav-style-one.nav-color-three .prev-icon:hover,
.nav-style-one.nav-color-three .next-icon:hover {
    color: var(--main-color-three);
}

.nav-style-one .prev-icon,
.nav-style-one .next-icon {
    position: absolute;
    right: 0;
    top: -105px;
    font-size: 24px;
    cursor: pointer;
    z-index: 99;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.nav-style-one .prev-icon:hover,
.nav-style-one .next-icon:hover {
    color: var(--main-color-one);
}

@media (min-width: 300px) and (max-width: 991.98px) {

    .nav-style-one .prev-icon,
    .nav-style-one .next-icon {
        top: -90px;
    }
}

.nav-style-one .prev-icon {
    right: 30px;
}

.dot-style-one.banner-dots .slick-dots li {
    height: 5px;
    width: 15px;
    display: block;
    border-radius: 0;
}

.dot-style-one.banner-dots .slick-dots li.slick-active {
    width: 40px;
}

.dot-style-one.banner-dots.dot-color-two .slick-dots li.slick-active {
    background: var(--main-color-two);
}

.dot-style-one.banner-dots.dot-color-three .slick-dots li.slick-active {
    background: var(--main-color-three);
}

.dot-style-one.dot-absolute .slick-dots {
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media only screen and (max-width: 480px) {
    .dot-style-one.dot-absolute .slick-dots {
        bottom: 20px;
    }
}

@media only screen and (max-width: 375px) {
    .dot-style-one.dot-absolute .slick-dots {
        bottom: 10px;
    }
}

.dot-style-one.dot-style-two .slick-dots li {
    height: 5px;
    width: 12px;
    border-radius: 0;
}

.dot-style-one.dot-style-two .slick-dots li.slick-active {
    background: var(--main-color-one);
    width: 35px;
    border-radius: 2px;
}

.dot-style-one.dot-style-three .slick-dots li {
    border-radius: 0;
}

.dot-style-one.dot-color-two .slick-dots li.slick-active {
    background: var(--main-color-two);
}

.dot-style-one.dot-color-three .slick-dots li.slick-active {
    background: var(--main-color-three);
}

.dot-style-one.dot-color-four .slick-dots li.slick-active {
    background: var(--main-color-four);
}

.dot-style-one .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;
}

.dot-style-one .slick-dots li {
    text-indent: -9999px;
    height: 10px;
    width: 10px;
    background: #ddd;
    border-radius: 50%;
    display: inline-block;
    margin: 0 5px;
    cursor: pointer;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.dot-style-one .slick-dots li.slick-active {
    background: var(--main-color-one);
}

.dot-style-one .slick-dots li button {
    border: 0;
    outline: none;
}

.body-overlay-desktop {
    position: fixed;
    height: 100vh;
    width: 100%;
    top: 0;
    left: 100%;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    background: rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.body-overlay-desktop.active {
    visibility: visible;
    opacity: 1;
    z-index: 9;
    left: 0;
}

.btn-wrapper button {
    outline: none;
}

.btn-wrapper button:focus {
    outline: none;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    section.promo-area.padding-top-10 {
        padding-top: 0 !important;
    }
}

@media (max-width: 991px) and (min-width: 320px) {
    .row.margin-top-65 {
        margin-top: 45px !important;
    }

    .row.margin-top-40 {
        margin-top: 20px !important;
    }

    .row.margin-top-10 {
        margin-top: 0px !important;
    }

    .col-lg-12.margin-top-10 {
        margin-top: 0px !important;
    }

    .btn-wrapper.margin-top-50 {
        margin-top: 30px !important;
    }
}

/*--------------------------------------------------------------
# Global
--------------------------------------------------------------*/
.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.fw-700 {
    font-weight: 700 !important;
}

.fw-800 {
    font-weight: 800 !important;
}

.fw-900 {
    font-weight: 900 !important;
}

.fs-12 {
    font-size: 12px !important;
}

.fs-13 {
    font-size: 13px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-15 {
    font-size: 15px !important;
}

.fs-17 {
    font-size: 17px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-20 {
    font-size: 20px !important;
}

.fs-22 {
    font-size: 22px !important;
}

.fs-24 {
    font-size: 24px !important;
}

.fs-25 {
    font-size: 25px !important;
}

.fs-26 {
    font-size: 26px !important;
}

.fs-27 {
    font-size: 27px !important;
}

.fs-28 {
    font-size: 28px !important;
}

.fs-30 {
    font-size: 30px !important;
}

.fs-32 {
    font-size: 32px !important;
}

.fs-36 {
    font-size: 36px !important;
}

.fs-46 {
    font-size: 46px !important;
}

.fs-65 {
    font-size: 65px !important;
}

.ff-rubik {
    font-family: var(--rubik-font) !important;
}

.ff-roboto {
    font-family: var(--roboto-font) !important;
}

.ff-opensans {
    font-family: var(--opensans-font) !important;
}

.ff-montserrat {
    font-family: var(--montserrat-font) !important;
}

.ff-jost {
    font-family: var(--jost-font) !important;
}

.ff-playfair {
    font-family: var(--playfair-font) !important;
}

.padding-left-50 {
    padding-left: 50px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .padding-left-50 {
        padding-left: 10px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .padding-left-50 {
        padding-left: 0;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .padding-left-50 {
        padding-left: 0;
    }
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-top-20 {
    padding-top: 20px;
}

.padding-top-25 {
    padding-top: 25px;
}

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

.padding-top-35 {
    padding-top: 35px;
}

.padding-top-40 {
    padding-top: 40px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .padding-top-40 {
        padding-top: 30px !important;
    }
}

.padding-top-45 {
    padding-top: 45px;
}

.padding-top-55 {
    padding-top: 55px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .padding-top-55 {
        padding-top: 40px !important;
    }
}

.padding-top-50 {
    padding-top: 50px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .padding-top-50 {
        padding-top: 35px !important;
    }
}

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

.padding-top-65 {
    padding-top: 65px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .padding-top-65 {
        padding-top: 35px !important;
    }
}

.padding-top-70 {
    padding-top: 70px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .padding-top-70 {
        padding-top: 40px !important;
    }
}

.padding-top-75 {
    padding-top: 75px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .padding-top-75 {
        padding-top: 45px !important;
    }
}

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

@media (min-width: 300px) and (max-width: 991.98px) {
    .padding-top-80 {
        padding-top: 60px !important;
    }
}

.padding-top-85 {
    padding-top: 85px;
}

.padding-top-90 {
    padding-top: 90px;
}

.padding-top-95 {
    padding-top: 95px;
}

.padding-top-100 {
    padding-top: 100px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .padding-top-100 {
        padding-top: 70px !important;
    }
}

.padding-top-105 {
    padding-top: 105px;
}

.padding-top-110 {
    padding-top: 110px;
}

.padding-top-115 {
    padding-top: 115px;
}

.padding-top-120 {
    padding-top: 120px;
}

.padding-top-125 {
    padding-top: 125px;
}

.padding-top-130 {
    padding-top: 130px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .padding-top-130 {
        padding-top: 80px !important;
    }
}

.padding-top-135 {
    padding-top: 135px;
}

.padding-top-140 {
    padding-top: 140px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .padding-top-140 {
        padding-top: 80px !important;
    }
}

.padding-top-145 {
    padding-top: 140px;
}

.padding-top-150 {
    padding-top: 150px;
}

.padding-top-160 {
    padding-top: 160px;
}

.padding-top-190 {
    padding-top: 190px;
}

.padding-top-210 {
    padding-top: 210px;
}

.padding-top-260 {
    padding-top: 260px;
}

.padding-top-300 {
    padding-top: 300px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

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

.padding-bottom-20 {
    padding-bottom: 20px;
}

.padding-bottom-25 {
    padding-bottom: 25px;
}

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

.padding-bottom-35 {
    padding-bottom: 35px;
}

.padding-bottom-40 {
    padding-bottom: 40px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .padding-bottom-40 {
        padding-bottom: 30px !important;
    }
}

.padding-bottom-45 {
    padding-bottom: 45px;
}

.padding-bottom-50 {
    padding-bottom: 50px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .padding-bottom-50 {
        padding-bottom: 35px !important;
    }
}

.padding-bottom-55 {
    padding-bottom: 55px;
}

.padding-bottom-60 {
    padding-bottom: 60px;
}

.padding-bottom-65 {
    padding-bottom: 65px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .padding-bottom-65 {
        padding-bottom: 40px !important;
    }
}

.padding-bottom-70 {
    padding-bottom: 70px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .padding-bottom-70 {
        padding-bottom: 40px !important;
    }
}

.padding-bottom-75 {
    padding-bottom: 75px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .padding-bottom-75 {
        padding-bottom: 45px !important;
    }
}

.padding-bottom-80 {
    padding-bottom: 80px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .padding-bottom-80 {
        padding-bottom: 60px !important;
    }
}

.padding-bottom-85 {
    padding-bottom: 85px;
}

.padding-bottom-90 {
    padding-bottom: 90px;
}

.padding-bottom-95 {
    padding-bottom: 95px;
}

.padding-bottom-100 {
    padding-bottom: 100px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .padding-bottom-100 {
        padding-bottom: 70px !important;
    }
}

.padding-bottom-110 {
    padding-bottom: 110px;
}

.padding-bottom-105 {
    padding-bottom: 105px;
}

.padding-bottom-115 {
    padding-bottom: 115px;
}

.padding-bottom-120 {
    padding-bottom: 120px;
}

.padding-bottom-125 {
    padding-bottom: 125px;
}

.padding-bottom-130 {
    padding-bottom: 130px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .padding-bottom-130 {
        padding-bottom: 80px !important;
    }
}

.padding-bottom-140 {
    padding-bottom: 140px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .padding-bottom-140 {
        padding-bottom: 80px !important;
    }
}

.padding-bottom-135 {
    padding-bottom: 135px;
}

.padding-bottom-200 {
    padding-bottom: 200px;
}

.padding-bottom-280 {
    padding-bottom: 280px;
}

.padding-bottom-285 {
    padding-bottom: 285px;
}

.padding-bottom-150 {
    padding-bottom: 150px;
}

.padding-bottom-160 {
    padding-bottom: 160px;
}

.padding-bottom-165 {
    padding-bottom: 165px;
}

.padding-bottom-170 {
    padding-bottom: 170px;
}

.padding-bottom-180 {
    padding-bottom: 180px;
}

.padding-bottom-215 {
    padding-bottom: 215px;
}

.padding-bottom-300 {
    padding-bottom: 300px;
}

.padding-bottom-460 {
    padding-bottom: 460px;
}

.margin-top-minus-90 {
    margin-top: -90px;
}

.margin-top-minus-100 {
    margin-top: -100px;
}

.margin-top-120 {
    margin-top: 120px;
}

.margin-top-150 {
    margin-top: 150px;
}

.margin-top-160 {
    margin-top: 160px;
}

.padding-120 {
    padding-top: 120px;
    padding-bottom: 120px;
}

.padding-110 {
    padding-top: 110px;
    padding-bottom: 110px;
}

.padding-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.padding-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

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

.padding-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.padding-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

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

.padding-65 {
    padding-top: 65px;
    padding-bottom: 65px;
}

.padding-70 {
    padding-top: 70px;
    padding-bottom: 70px;
}

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

.padding-90 {
    padding-top: 90px;
    padding-bottom: 90px;
}

.padding-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-15 {
    margin-top: 15px;
}

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

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

.margin-top-35 {
    margin-top: 35px;
}

.margin-top-40 {
    margin-top: 40px;
}

.margin-top-45 {
    margin-top: 45px;
}

.margin-top-50 {
    margin-top: 50px;
}

.margin-top-55 {
    margin-top: 55px;
}

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

.margin-top-65 {
    margin-top: 65px;
}

.margin-top-70 {
    margin-top: 70px;
}

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

.margin-top-90 {
    margin-top: 90px;
}

.margin-top-100 {
    margin-top: 100px;
}

.margin-top-110 {
    margin-top: 110px;
}

.margin-top-120 {
    margin-top: 120px;
}

.margin-bottom-0 {
    margin-bottom: 0px !important;
}

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

.margin-bottom-15 {
    margin-bottom: 15px;
}

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

.margin-bottom-25 {
    margin-bottom: 25px;
}

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

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

.margin-bottom-40 {
    margin-bottom: 40px;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}

.margin-bottom-55 {
    margin-bottom: 55px;
}

.margin-bottom-60 {
    margin-bottom: 60px;
}

.margin-bottom-70 {
    margin-bottom: 70px;
}

.margin-bottom-80 {
    margin-bottom: 80px;
}

.margin-bottom-90 {
    margin-bottom: 90px;
}

.margin-bottom-100 {
    margin-bottom: 100px;
}

.margin-bottom-110 {
    margin-bottom: 110px;
}

.margin-bottom-120 {
    margin-bottom: 120px;
}

.margin-bottom-150 {
    margin-bottom: 150px;
}

.margin-top-100 {
    margin-bottom: 100px;
}

.margin-top-120 {
    margin-top: 120px;
}

.min-height-600 {
    min-height: 600px;
}

.overflow-hidden {
    overflow: hidden;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

/*--------------------------------------------------------------
# Keyframes Animation
--------------------------------------------------------------*/
@-webkit-keyframes floating {
    0% {
        -webkit-transform: translatey(0px);
        transform: translatey(0px);
    }

    50% {
        -webkit-transform: translatey(-50px);
        transform: translatey(-50px);
    }

    100% {
        -webkit-transform: translatey(0px);
        transform: translatey(0px);
    }
}

@keyframes floating {
    0% {
        -webkit-transform: translatey(0px);
        transform: translatey(0px);
    }

    50% {
        -webkit-transform: translatey(-50px);
        transform: translatey(-50px);
    }

    100% {
        -webkit-transform: translatey(0px);
        transform: translatey(0px);
    }
}

@-webkit-keyframes round-moving {
    from {
        -webkit-transform: rotate(0deg) translateX(120px) rotate(0deg);
        transform: rotate(0deg) translateX(120px) rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg) translateX(120px) rotate(-360deg);
        transform: rotate(360deg) translateX(120px) rotate(-360deg);
    }
}

@keyframes round-moving {
    from {
        -webkit-transform: rotate(0deg) translateX(120px) rotate(0deg);
        transform: rotate(0deg) translateX(120px) rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg) translateX(120px) rotate(-360deg);
        transform: rotate(360deg) translateX(120px) rotate(-360deg);
    }
}

@-webkit-keyframes round-moving2 {
    from {
        -webkit-transform: rotate(0deg) translateX(60px) rotate(0deg);
        transform: rotate(0deg) translateX(60px) rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg) translateX(60px) rotate(-360deg);
        transform: rotate(360deg) translateX(60px) rotate(-360deg);
    }
}

@keyframes round-moving2 {
    from {
        -webkit-transform: rotate(0deg) translateX(60px) rotate(0deg);
        transform: rotate(0deg) translateX(60px) rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg) translateX(60px) rotate(-360deg);
        transform: rotate(360deg) translateX(60px) rotate(-360deg);
    }
}

@-webkit-keyframes pulsing {
    0% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }

    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

@keyframes pulsing {
    0% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }

    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

/*----------------------------------------------
    # Nav bar
----------------------------------------------*/
.mobile-logo {
    display: none;
}

@media only screen and (max-width: 991px) {
    .mobile-logo {
        display: block;
    }

    .desktop-logo {
        display: none !important;
    }
}

.navbar-area {
    position: relative;
    z-index: 95;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .navbar-area {
        padding: 0;
    }
}

.navbar-area.nav-absolute {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0px;
    z-index: 99;
}

.navbar-area.nav-two .nav-container .navbar-collapse .navbar-nav {
    text-align: center;
}

.navbar-area.white-nav .nav-container .navbar-collapse .navbar-nav li {
    color: var(--white);
}

.navbar-area.white-nav .nav-container .nav-right-content ul li {
    color: var(--white);
}

.navbar-area.white-nav .nav-container .nav-right-content ul li .track-icon-list .single-icon .icon {
    color: var(--white);
}

.navbar-area.white-nav .nav-container .nav-right-content ul li .track-icon-list .single-icon.hover-color-two:hover .icon:hover {
    color: var(--main-color-two);
}

.navbar-area.white-nav .nav-container .nav-right-content ul li .login-account .accounts {
    color: var(--white);
}

.navbar-area.white-nav .nav-container .nav-right-content ul li .login-account .accounts.hover-color-two:hover {
    color: var(--main-color-two);
}

.navbar-area .nav-container {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 10px 15px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .navbar-area .nav-container {
        padding: 20px 0;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .navbar-area .nav-container {
        padding: 15px 0;
    }
}

.navbar-area .nav-container .logo-wrapper .logo img {
    max-width: 200px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .navbar-area .nav-container .logo-wrapper .logo img {
        max-width: 160px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .navbar-area .nav-container .logo-wrapper .logo img {
        max-width: 150px;
    }
}

.navbar-area .nav-container .navbar-collapse .navbar-nav {
    display: block;
    width: 100%;
    text-align: left;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav.nav-margin-top {
    margin-top: 15px;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav.desktop-center {
    text-align: center;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li {
    display: inline-block;
    font-size: 16px;
    font-family: var(--body-font);
    text-transform: capitalize;
    color: var(--heading-color);
    font-weight: 400;
    line-height: 32px;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li+li {
    margin-left: 0px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .navbar-area .nav-container .navbar-collapse .navbar-nav li {
        font-size: 15px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .navbar-area .nav-container .navbar-collapse .navbar-nav li {
        font-size: 14px;
    }
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.current-menu-item {
    background: none;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children {
    padding-right: 0;
    position: relative;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children>a {
    padding: 10px 20px;
    position: relative;
    z-index: 0;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children>a {
        padding: 10px 10px;
    }
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children>a::after {
    content: "";
    font-family: "Line Awesome Free";
    font-weight: 900;
    /* IE 9 */
    -webkit-transform: translateY(-50%);
    /* Chrome, Safari, Opera */
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    top: 1px;
    left: 4px;
    position: relative;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
    position: absolute;
    text-align: left;
    min-width: 220px;
    margin: 0;
    padding: 0;
    list-style: none;
    left: 0;
    top: 100%;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
    background-color: var(--white);
    z-index: 992;
    border-bottom: 5px solid var(--main-color-one);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu.column-count-two {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 50px;
    -webkit-column-rule-style: solid;
    -moz-column-rule-style: solid;
    column-rule-style: solid;
    -webkit-column-rule-color: rgba(221, 221, 221, 0.3);
    -moz-column-rule-color: rgba(221, 221, 221, 0.3);
    column-rule-color: rgba(221, 221, 221, 0.3);
    -webkit-column-rule-width: 2px;
    -moz-column-rule-width: 2px;
    column-rule-width: 2px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu.column-count-two {
        -webkit-column-count: unset;
        -moz-column-count: unset;
        column-count: unset;
    }
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu.column-count-two li {
    margin-bottom: -1px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu.column-count-two li {
        margin-bottom: 0;
    }
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {
    display: block;
    margin-left: 0;
    line-height: 24px;
    font-size: 14px;
    margin-bottom: -1px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {
        margin-bottom: 0;
    }
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:last-child {
    margin-bottom: -1px;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li+li {
    border-top: 1px solid #e2e2e2;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
    display: block;
    padding: 10px 30px;
    background-color: var(--white);
    white-space: nowrap;
    color: var(--heading-color);
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
    background-color: var(--main-color-one);
    color: var(--white);
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children {
    position: relative;
    z-index: 0;
    padding-right: 0px;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children>.sub-menu {
    left: 100%;
    top: 0px;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children>.sub-menu .sub-menu .sub-menu {
    left: auto;
    right: 100%;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu li:hover:before {
    color: var(--white);
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li a {
    padding: 10px 28px;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .navbar-area .nav-container .navbar-collapse .navbar-nav li a {
        padding: 7px 15px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .navbar-area .nav-container .navbar-collapse .navbar-nav li a {
        padding: 5px 10px;
    }
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li a:hover {
    color: var(--main-color-one);
    background: none;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .navbar-area .nav-container .nav-right-content {
        display: none;
    }
}

.navbar-area .nav-container .nav-right-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.navbar-area .nav-container .nav-right-content ul li {
    display: inline-block;
    margin: 0 15px;
}

.navbar-area .nav-container .nav-right-content ul li:last-child {
    margin-right: 0;
    margin-left: 0;
}

.navbar-area .nav-container .nav-right-content ul li a {
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.navbar-area .nav-container .nav-right-content ul li .info-bar-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 50px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .navbar-area .nav-container .nav-right-content ul li .info-bar-item {
        gap: 30px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .navbar-area .nav-container .nav-right-content ul li .info-bar-item {
        gap: 30px;
    }
}

.index-02 {
    padding: 0px 0;
}

.index-02 .navbar-inner-all {
    background: var(--main-color-two);
    position: relative;
    z-index: 1;
    padding: 17px 0 18px;
    border-radius: 10px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .index-02 .navbar-inner-all {
        padding: 18px 0 18px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .index-02 .navbar-inner-all {
        padding: 18px 0 19px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .index-02 .navbar-inner-all {
        padding: 10px 0;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .index-02 .navbar-inner-all {
        padding: 10px 15px;
    }
}

@media only screen and (max-width: 480px) {
    .index-02 .navbar-inner-all {
        padding: 5px 10px;
    }
}

.index-02 .navbar-inner-all::before {
    content: "";
    position: absolute;
    left: -10%;
    top: 0;
    height: 100%;
    width: 100%;
    background: var(--main-color-two);
    z-index: -1;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .index-02 .navbar-inner-all::before {
        display: none;
    }
}

.navbar-inner-all {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .navbar-inner-all {
        display: block;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .show-nav-right-contents {
        position: absolute;
        right: 0px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 30px;
        color: var(--heading-color);
    }

    .show-nav-right-contents:hover {
        color: var(--heading-color);
    }

    .show-nav-right-contents.white-color {
        color: var(--white);
    }

    .show-nav-right-contents.white-color:hover {
        color: var(--white);
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .navbar-right-content {
        visibility: hidden;
        opacity: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        margin-top: -20px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .navbar-right-content.show {
        visibility: visible;
        opacity: 1;
        margin-top: 10px;
    }
}

.single-right-content .btn-track {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.single-right-content .btn-track:hover {
    color: var(--main-color-one);
}

.single-right-content .btn-track .track-icon {
    color: var(--main-color-one);
}

.single-right-content .user-icon-price {
    background: rgba(var(--main-color-three-rgb), 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.single-right-content .user-icon-price .user-icon {
    font-size: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--main-color-three);
    color: var(--white);
    height: 46px;
    width: 46px;
}

.single-right-content .user-icon-price .user-price {
    font-size: 20px;
    line-height: 30px;
    padding: 0 10px;
    color: var(--main-color-three);
}

@media only screen and (max-width: 991px) {
    .navbar-area.index-02 .nav-container .navbar-collapse.show .navbar-nav {
        background: transparent;
    }

    .navbar-area.index-03 .nav-container .navbar-right-content {
        margin-top: -50px;
    }

    .navbar-area.index-03 .nav-container .navbar-right-content.show {
        margin-top: 10px;
    }

    .navbar-area.white-nav .navbar-toggler {
        border: 1px solid rgba(255, 255, 255, 0.8);
    }

    .navbar-area.white-nav .navbar-toggler.active .navbar-toggler-icon::before,
    .navbar-area.white-nav .navbar-toggler.active .navbar-toggler-icon::after {
        background: rgba(255, 255, 255, 0.8);
    }

    .navbar-area.white-nav .navbar-toggler .navbar-toggler-icon {
        background: rgba(255, 255, 255, 0.8);
    }

    .navbar-area.white-nav .navbar-toggler .navbar-toggler-icon::before,
    .navbar-area.white-nav .navbar-toggler .navbar-toggler-icon::after {
        background: rgba(255, 255, 255, 0.8);
    }

    .navbar-area .navbar-toggler {
        position: absolute;
        right: 40px;
        top: 50%;
        -webkit-box-shadow: none;
        box-shadow: none;
        /* IE 9 */
        -webkit-transform: translateY(-50%);
        /* Chrome, Safari, Opera */
        transform: translateY(-50%);
        border: 1px solid rgba(0, 0, 0, 0.5);
        outline: none;
    }

    .navbar-area .navbar-toggler.active .navbar-toggler-icon {
        background: none;
    }

    .navbar-area .navbar-toggler.active .navbar-toggler-icon::before,
    .navbar-area .navbar-toggler.active .navbar-toggler-icon::after {
        background: rgba(0, 0, 0, 0.5);
        top: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .navbar-area .navbar-toggler.active .navbar-toggler-icon::after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .navbar-area .navbar-toggler .navbar-toggler-icon {
        background: rgba(0, 0, 0, 0.5);
        display: inline-block;
        width: 25px;
        height: 2px;
        margin: 10px -4px 10px;
        position: relative;
    }

    .navbar-area .navbar-toggler .navbar-toggler-icon::before,
    .navbar-area .navbar-toggler .navbar-toggler-icon::after {
        position: absolute;
        content: "";
        height: 2px;
        width: 25px;
        background: rgba(0, 0, 0, 0.5);
        top: -7px;
        left: 0;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }

    .navbar-area .navbar-toggler .navbar-toggler-icon::after {
        top: auto;
        bottom: -7px;
    }

    .navbar-area .nav-container {
        position: relative;
        z-index: 0;
        min-height: 50px;
        padding: 5px 0px 5px;
    }

    .navbar-area .nav-container .responsive-mobile-menu {
        display: block;
        position: relative;
        width: 100%;
    }



    .navbar-area .nav-container .navbar-brand {
        display: block;
    }

    .navbar-area .nav-container .navbar-brand .navbar-toggler {
        position: absolute;
        right: 10px;
        border: 1px solid #e2e2e2;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .navbar-area .nav-container .navbar-collapse.show .navbar-nav {
        background: #DDD;
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav {
        display: block;
        margin-top: 30px;
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav li {
        display: block;
        text-align: left;
        line-height: 30px;
        padding: 10px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav li a {
        padding: 17px 20px;
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav li:last-child {
        border-bottom: none;
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav li+li {
        margin-left: 0;
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {
        top: 25px;
        right: 20px;
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover {
        padding-bottom: 0;
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover>.sub-menu {
        visibility: visible;
        height: auto;
        opacity: 1;
        background-color: transparent;
        border-bottom: none;
        padding-top: 10px;
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
        position: initial;
        display: block;
        width: 100%;
        border-top: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-left: 0;
        padding-bottom: 0;
        visibility: hidden;
        opacity: 0;
        height: 0;
        overflow: hidden;
        max-height: 250px;
        overflow-y: scroll;
        /* @include transition(height 500ms); */
        -webkit-transition: all 500ms linear;
        transition: all 500ms linear;
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .sub-menu .menu-item-has-children:before {
        content: "";
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {
        padding: 0;
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li.menu-item-has-children:hover:before {
        color: var(--white);
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li+li {
        border-top: none;
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:first-child {
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }
}

@media only screen and (max-width: 575px) {
    .navbar-area .nav-container {
        padding: 0 15px;
    }

    .navbar-area .nav-container .logo-wrapper .logo img {
        max-width: 140px;
    }
}

.navbar-area.nav-color-two .navbar-collapse .navbar-nav li a:hover {
    color: var(--heading-color);
}

.navbar-area.nav-color-two .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
    border-color: var(--main-color-two);
}

.navbar-area.nav-color-two .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
    background-color: var(--main-color-two);
}

.navbar-area.nav-color-two .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu li:hover:before {
    color: var(--white);
}

.navbar-area.nav-color-three .navbar-collapse .navbar-nav li a:hover {
    color: var(--main-color-three);
}

.navbar-area.nav-color-three .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
    border-color: var(--main-color-three);
}

.navbar-area.nav-color-three .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
    background-color: var(--main-color-three);
}

.navbar-area.nav-color-three .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu li:hover:before {
    color: var(--white);
}

.navbar-area.nav-color-four .navbar-collapse .navbar-nav li a:hover {
    color: var(--main-color-four);
}

.navbar-area.nav-color-four .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
    border-color: var(--main-color-four);
}

.navbar-area.nav-color-four .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
    background-color: var(--main-color-four);
}

.navbar-area.nav-color-four .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu li:hover:before {
    color: var(--white);
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover:hover>.megamenu-area {
    visibility: visible;
    opacity: 1;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover:hover>.megamenu-area {
        height: auto;
        padding: 20px 0;
    }
}

.nav-color-two .megamenu-area .megamenu-single .megamenu-items .megamenu-contents .megamenu-title:hover {
    color: var(--main-color-two);
}

.nav-color-two .megamenu-area .megamenu-single .megamenu-items .megamenu-contents .price-updates .price-title {
    color: var(--main-color-two);
}

.nav-color-two .megamenu-area .megamenu-single .megamenu-items-big .megamenu-contents .megamenu-title:hover {
    color: var(--main-color-two);
}

.nav-color-two .megamenu-area .megamenu-single .megamenu-items-big .megamenu-contents .price-updates .price-title {
    color: var(--main-color-two);
}

.nav-color-two .megamenu-area .megamenu-single .single-category-megamenu:hover .category-contents .titles {
    color: var(--main-color-two);
}

.nav-color-two .megamenu-area .megamenu-single .single-category-megamenu .category-contents .collection-btn:hover {
    color: var(--main-color-two);
}

.nav-color-two .megamenu-area .megamenu-single .new-collection .product-collection-btn:hover {
    background: var(--main-color-two) !important;
}

.nav-color-two .single-right-content .btn-track:hover {
    color: var(--main-color-two);
}

.nav-color-two .single-right-content .btn-track .track-icon {
    color: var(--main-color-two);
}

.nav-color-three .megamenu-area .megamenu-single .megamenu-items .megamenu-contents .megamenu-title:hover {
    color: var(--main-color-three);
}

.nav-color-three .megamenu-area .megamenu-single .megamenu-items .megamenu-contents .price-updates .price-title {
    color: var(--main-color-three);
}

.nav-color-three .megamenu-area .megamenu-single .megamenu-items-big .megamenu-contents .megamenu-title:hover {
    color: var(--main-color-three);
}

.nav-color-three .megamenu-area .megamenu-single .megamenu-items-big .megamenu-contents .price-updates .price-title {
    color: var(--main-color-three);
}

.nav-color-three .megamenu-area .megamenu-single .single-category-megamenu:hover .category-contents .titles {
    color: var(--main-color-three);
}

.nav-color-three .megamenu-area .megamenu-single .single-category-megamenu .category-contents .collection-btn:hover {
    color: var(--main-color-three);
}

.nav-color-three .megamenu-area .megamenu-single .new-collection .product-collection-btn:hover {
    background: var(--main-color-three) !important;
}

.nav-color-three .single-right-content .btn-track:hover {
    color: var(--main-color-three);
}

.nav-color-three .single-right-content .btn-track .track-icon {
    color: var(--main-color-three);
}

.nav-color-four .megamenu-area .megamenu-single .megamenu-items .megamenu-contents .megamenu-title:hover {
    color: var(--main-color-four);
}

.nav-color-four .megamenu-area .megamenu-single .megamenu-items .megamenu-contents .price-updates .price-title {
    color: var(--main-color-four);
}

.nav-color-four .megamenu-area .megamenu-single .megamenu-items-big .megamenu-contents .megamenu-title:hover {
    color: var(--main-color-four);
}

.nav-color-four .megamenu-area .megamenu-single .megamenu-items-big .megamenu-contents .price-updates .price-title {
    color: var(--main-color-four);
}

.nav-color-four .megamenu-area .megamenu-single .single-category-megamenu:hover .category-contents .titles {
    color: var(--main-color-four);
}

.nav-color-four .megamenu-area .megamenu-single .single-category-megamenu .category-contents .collection-btn:hover {
    color: var(--main-color-four);
}

.nav-color-four .megamenu-area .megamenu-single .new-collection .product-collection-btn:hover {
    background: var(--main-color-four) !important;
}

.nav-color-four .single-right-content .btn-track:hover {
    color: var(--main-color-four);
}

.nav-color-four .single-right-content .btn-track .track-icon {
    color: var(--main-color-four);
}

.white-nav .megamenu-area .megamenu-single .new-collection .product-collection-btn {
    background: var(--heading-color);
    color: var(--white);
}

.white-nav .megamenu-area .megamenu-single .new-collection .product-collection-btn:hover {
    background: var(--main-color-two) !important;
}

.megamenu-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #fff;
    padding: 30px;
    -webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.3);
    box-shadow: 0 0 10px rgba(221, 221, 221, 0.3);
    position: absolute;
    top: 100%;
    left: 10%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 9;
    max-width: 1600px;
    width: 1560px;
    max-height: 570px;
    overflow-y: auto;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.breadcrumb-contents h2 {
    color: var(--white);
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .megamenu-area {
        max-width: 1000px;
        gap: 40px;
        min-width: 100%;
        left: 50%;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .megamenu-area {
        max-width: 830px;
        min-width: 100%;
        gap: 40px;
        max-height: 350px;
        overflow-y: auto;
        left: 50%;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .megamenu-area {
        min-width: 100%;
        max-width: 800px;
        gap: 30px;
        left: auto;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        right: 0;
        max-height: 350px;
        overflow-y: auto;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .megamenu-area {
        min-width: 100%;
        max-width: 600px;
        gap: 30px;
        left: auto;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        right: 0;
        max-height: 350px;
        overflow-y: auto;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .megamenu-area {
        max-width: 100%;
        left: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        min-width: 100%;
        position: initial;
        border-top: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-left: 0;
        padding: 0;
        height: 0;
        overflow: hidden;
        max-height: 250px;
        overflow-y: scroll;
        -webkit-transition: all 500ms linear;
        transition: all 500ms linear;
    }
}

.megamenu-area.color-two .megamenu-single .megamenu-items .megamenu-contents .megamenu-title:hover {
    color: var(--main-color-two);
}

.megamenu-area.color-two .megamenu-single .megamenu-items .megamenu-contents .price-updates .price-title {
    color: var(--main-color-two);
}

.megamenu-area.color-three .megamenu-single .megamenu-items .megamenu-contents .megamenu-title:hover {
    color: var(--main-color-three);
}

.megamenu-area.color-three .megamenu-single .megamenu-items .megamenu-contents .price-updates .price-title {
    color: var(--main-color-three);
}

.megamenu-area.color-four .megamenu-single .megamenu-items .megamenu-contents .megamenu-title:hover {
    color: var(--main-color-four);
}

.megamenu-area.color-four .megamenu-single .megamenu-items .megamenu-contents .price-updates .price-title {
    color: var(--main-color-four);
}

.megamenu-single:not(:last-child) {
    margin-right: 45px;
}

.megamenu-single .megamenu-heading-title {
    font-size: 24px;
    font-weight: 500;
    padding: 0px 0 20px 0;
}

.megamenu-single .megamenu-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 5px !important;
}

.megamenu-single .megamenu-items .megamenu-thumbs {
    margin-right: 20px;
    border: 1px solid #DDD;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 80px;
    width: 70px;
    font-size: 30px;
}

.megamenu-single .megamenu-items .megamenu-thumbs i {
    color: var(--main-color-one);
}

.megamenu-single .megamenu-items .megamenu-thumbs.color-two i {
    color: var(--main-color-two);
}

.megamenu-single .megamenu-items .megamenu-thumbs.color-three i {
    color: var(--main-color-three);
}

.megamenu-single .megamenu-items .megamenu-thumbs.color-four i {
    color: var(--main-color-four);
}

.megamenu-single .megamenu-items .megamenu-contents {
    text-align: left;
}

.megamenu-single .megamenu-items .megamenu-contents .megamenu-title {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.megamenu-single .megamenu-items .megamenu-contents .megamenu-title:hover {
    color: var(--main-color-one);
}

.megamenu-single .megamenu-items .megamenu-contents .price-updates .price-title {
    color: var(--main-color-one);
    font-size: 20px;
    font-weight: 500;
}

.megamenu-single .megamenu-items .megamenu-contents .price-updates .old-price {
    color: var(--body-color);
    text-decoration: line-through;
}

.megamenu-single .megamenu-items-big {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0 !important;
}

@media only screen and (max-width: 480px) {
    .megamenu-single .megamenu-items-big {
        display: block;
    }
}

.megamenu-single .megamenu-items-big .megamenu-thumbs {
    height: 200px;
    width: 250px;
    margin-right: 20px;
}

@media only screen and (max-width: 375px) {
    .megamenu-single .megamenu-items-big .megamenu-thumbs {
        margin-right: 0;
    }
}

.megamenu-single .megamenu-items-big .megamenu-thumbs img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.megamenu-single .megamenu-items-big .megamenu-contents {
    text-align: left;
}

@media only screen and (max-width: 480px) {
    .megamenu-single .megamenu-items-big .megamenu-contents {
        margin-top: 15px;
    }
}

.megamenu-single .megamenu-items-big .megamenu-contents .megamenu-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 10px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.megamenu-single .megamenu-items-big .megamenu-contents .megamenu-title:hover {
    color: var(--main-color-one);
}

.megamenu-single .megamenu-items-big .megamenu-contents .price-updates .price-title {
    color: var(--main-color-one);
    font-size: 20px;
    font-weight: 500;
}

.megamenu-single .megamenu-items-big .megamenu-contents .price-updates .old-price {
    color: var(--body-color);
    text-decoration: line-through;
}

.megamenu-single .new-collection {
    padding: 0px 0 !important;
    display: inline-block;
    height: 400px;
    width: 350px;
    position: relative;
    z-index: 2;
}

.megamenu-single .new-collection:hover .product-collection-btn {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media only screen and (max-width: 375px) {
    .megamenu-single .new-collection {
        height: 100%;
        width: 280px;
    }
}

.megamenu-single .new-collection img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.megamenu-single .new-collection .product-collection-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    padding: 10px 20px;
    background: #fff;
    font-size: 16px;
    font-weight: 500;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    visibility: hidden;
    opacity: 0;
}

.megamenu-single .new-collection .product-collection-btn:hover {
    background: var(--main-color-one) !important;
    color: #fff !important;
}

.category-megamenu .single-category-megamenu {
    padding: 10px;
}

.category-megamenu>.single-category-megamenu {
    width: calc(100% / 5 - 19.2px);
    min-width: 125px;
    display: inline-block;
    width: 150px;
}

@media screen and (max-width: 1199.98px) and (min-width: 992px) {
    .category-megamenu>.single-category-megamenu {
        width: 140px;
    }
}


.mega-menu-single-section .menu-title {
    margin-bottom: 20px;
}

/*@media screen and (min-width: 992px) and (max-width: 1199.98px) {*/
/*  .category-megamenu>.single-category-megamenu {*/
/*    width: calc(100% / 1 - 0px);*/
/*  }*/
/*}*/

.cate-list .category-megamenu .single-megamenu>.submenu-title {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    color: var(--heading-color);
}

.cate-list .category-megamenu .single-megamenu>.submenu-title {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    color: var(--heading-color);
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}


.mega-menu-single-section .round-menu-product:not(:last-child) a {
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 10px;
    padding-inline: 10px;
    margin-bottom: 10px;
    transition: all .3s;
    display: block;
}

.mega-menu-single-section .round-menu-product a:hover {
    color: var(--main-color-two);
    border-color: var(--main-color-two);
}

.categoryNav__list .mega-menu-single-section .round-menu-product a:hover {
    color: var(--main-color-one);
    border-color: var(--main-color-one);
}

.categoryNav__list .mega-menu-single-section .round-menu-product:not(:last-child) a {
    margin-bottom: 0px;
    display: block;
}

.megamenu-single .single-category-megamenu {
    padding: 30px 50px;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.megamenu-single .single-category-megamenu:hover .category-contents {
    visibility: visible;
    opacity: 1;
    bottom: 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .megamenu-single .single-category-megamenu {
        padding: 30px;
    }
}

@media only screen and (max-width: 375px) {
    .megamenu-single .single-category-megamenu {
        padding: 20px;
    }
}

.megamenu-single .single-category-megamenu .category-thumb {
    height: 200px;
    width: 200px;
    display: inline-block;
}

.megamenu-single .single-category-megamenu .category-thumb img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.megamenu-single .single-category-megamenu .category-contents {
    background: #fff;
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    padding: 30px 20px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.megamenu-single .single-category-megamenu .category-contents .titles:hover {
    color: var(--main-color-one);
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .megamenu-single .single-category-megamenu .category-contents .titles {
        font-size: 28px;
    }
}

@media only screen and (max-width: 375px) {
    .megamenu-single .single-category-megamenu .category-contents .titles {
        font-size: 24px;
    }
}

.megamenu-single .single-category-megamenu .category-contents .collection-btn {
    display: block;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 500;
    padding: 0 !important;
    text-decoration: underline;
    color: var(--paragraph-color);
}

@media only screen and (max-width: 767.98px) {
    .megamenu-single .single-category-megamenu .category-contents .collection-btn {
        font-size: 15px;
    }
}

@media only screen and (max-width: 375px) {
    .megamenu-single .single-category-megamenu .category-contents .collection-btn {
        font-size: 14px;
    }
}

.megamenu-single .single-category-megamenu .category-contents .collection-btn:hover {
    color: var(--main-color-one);
}

/*--------------------------------------------------------------
	04. Footer Style
--------------------------------------------------------------*/
.footer-top-border {
    border-bottom: 1px solid #ddd;
}

.footer-top-border.white-color {
    border-color: #DDD;
}

.hover-color-two .footer-widget .footer-inner .footer-link-list .list:hover a {
    color: var(--main-color-two);
}

.hover-color-two .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control:focus {
    -webkit-box-shadow: 0 0 10px rgba(0, 136, 221, 0.1);
    box-shadow: 0 0 10px rgba(0, 136, 221, 0.1);
    border-color: rgba(0, 136, 221, 0.3);
}

.hover-color-two .footer-widget .footer-inner .subscribe-form .widget-form-single button {
    background: var(--main-color-two);
}

.hover-color-three .footer-widget .footer-inner .footer-link-list .list:hover a {
    color: var(--main-color-three);
}

.hover-color-three .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control:focus {
    -webkit-box-shadow: 0 0 10px rgba(255, 128, 93, 0.1);
    box-shadow: 0 0 10px rgba(255, 128, 93, 0.1);
    border-color: rgba(255, 128, 93, 0.3);
}

.hover-color-three .footer-widget .footer-inner .subscribe-form .widget-form-single button {
    background: var(--main-color-three);
}

.style-02 .footer-widget .footer-inner .footer-social-list .lists a {
    background: #fff !important;
    color: var(--main-color-two);
}

.style-02 .footer-widget .footer-inner .footer-social-list .lists a:hover {
    background: var(--main-color-two) !important;
    color: #fff !important;
}

.style-02 .footer-middle-border div[class*=col]:not(:last-child) .footer-widget::after {
    content: "";
    position: absolute;
    height: 200px;
    width: 1px;
    right: 25%;
    top: 0;
    background: rgba(221, 221, 221, 0.5);
    z-index: 0;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .style-02 .footer-middle-border div[class*=col]:not(:last-child) .footer-widget::after {
        right: 20%;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .style-02 .footer-middle-border div[class*=col]:not(:last-child) .footer-widget::after {
        right: 15%;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .style-02 .footer-middle-border div[class*=col]:not(:last-child) .footer-widget::after {
        right: 5%;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .style-02 .footer-middle-border div[class*=col]:not(:last-child) .footer-widget::after {
        display: none;
    }
}

.style-02 .footer-middle-border div[class*=col]:nth-last-of-type(2) .footer-widget::after {
    background: none;
    display: none;
}

.footer-widget {
    position: relative;
    z-index: 1;
}

.footer-widget .widget-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-transform: capitalize;
    position: relative;
    font-family: var(--heading-font);
    color: var(--heading-color);
}

.footer-widget .logo-borders {
    border-right: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
}

.footer-widget .footer-inner .footer-logo {
    text-align: center;
}

.footer-widget .footer-inner .footer-para {
    font-size: 16px;
    color: var(--paragraph-color);
    line-height: 28px;
}

.footer-widget .footer-inner .footer-link-list {
    padding: 0;
}

.footer-widget .footer-inner .footer-link-list li {
    position: relative;
    z-index: 2;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.footer-widget .footer-inner .footer-link-list li:not(:last-child) {
    margin-bottom: 15px;
}

.footer-widget .footer-inner .footer-link-list li:hover a {
    color: var(--main-color-one);
}

.footer-widget .footer-inner .footer-link-list li a {
    font-size: 16px;
    font-weight: 400;
    color: var(--paragraph-color);
    position: relative;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
    z-index: 1;
}

.white-color .footer-widget .footer-inner .footer-link-list li a {
    color: var(--white);
}

.footer-widget .footer-inner .footer-link-list li a:hover {
    color: var(--main-color-two);
    padding-left: 20px;
}

.footer-widget .footer-inner .footer-link-list li a:hover::before {
    visibility: visible;
    opacity: 1;
}

.footer-color-two .footer-widget .footer-inner .footer-link-list li a:hover {
    color: var(--main-color-two);
}

.footer-widget .footer-inner .footer-link-list li a::before {
    content: "";
    font-family: "Line Awesome Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.footer-widget .footer-inner .footer-link-address {
    padding: 0;
}

.footer-widget .footer-inner .footer-link-address li:not(:last-child) {
    margin-bottom: 15px;
}

.footer-widget .footer-inner .footer-link-address li .address {
    font-size: 16px;
    line-height: 26px;
    display: block;
    color: var(--paragraph-color);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.footer-widget .footer-inner .footer-link-address li .address:hover {
    color: var(--main-color-one);
    letter-spacing: 1px;
}

.footer-widget .footer-inner .footer-link-address li .address:hover i {
    color: var(--main-color-one);
}

.footer-widget .footer-inner .footer-link-address li .address i {
    color: var(--main-color-one);
    transition: all .3s;
}

.color-two .footer-widget .footer-inner .footer-link-address li .address i {
    color: var(--main-color-two);
}

.color-two .footer-widget .footer-inner .footer-link-address li .address:hover {
    color: var(--main-color-two);
}

.color-two .footer-widget .footer-inner .footer-link-address li .address:hover i {
    color: var(--main-color-two);
}

.color-three .footer-widget .footer-inner .footer-link-address li .address:hover {
    color: var(--main-color-three);
}

.color-three .footer-widget .footer-inner .footer-link-address li .address:hover i {
    color: var(--main-color-three);
}

.color-four .footer-widget .footer-inner .footer-link-address li .address:hover {
    color: var(--main-color-four);
}

.color-four .footer-widget .footer-inner .footer-link-address li .address:hover i {
    color: var(--main-color-four);
}

.color-five .footer-widget .footer-inner .footer-link-address li .address:hover {
    color: var(--main-color-five);
}

.color-five .footer-widget .footer-inner .footer-link-address li .address:hover i {
    color: var(--main-color-five);
}

.footer-widget .footer-inner .footer-social-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
}

@media only screen and (max-width: 575.98px) {
    .footer-widget .footer-inner .footer-social-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.footer-widget .footer-inner .footer-social-list li a {
    color: var(--heading-color);
    font-size: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    border-radius: 5px;
    background: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@media only screen and (max-width: 575.98px) {
    .footer-widget .footer-inner .footer-social-list li a {
        font-size: 18px;
        height: 35px;
        width: 35px;
    }
}

@media only screen and (max-width: 375px) {
    .footer-widget .footer-inner .footer-social-list li a {
        height: 30px;
        width: 30px;
    }
}

.footer-widget .footer-inner .footer-social-list li a:hover {
    color: var(--white);
    background: var(--main-color-one);
}

.footer-widget .footer-inner .footer-social-list li:not(:last-child) a {
    margin-right: 10px;
}

.footer-widget .footer-inner .subscribe-para {
    font-size: 16px;
    color: var(--paragraph-color);
}

.footer-widget .footer-inner .subscribe-form {
    margin-top: 30px;
}

.footer-widget .footer-inner .subscribe-form .widget-form-single {
    position: relative;
    max-width: 255px;
}

.footer-widget .footer-inner .subscribe-form .widget-form-single .form--control {
    width: 100%;
    height: 55px;
    line-height: 55px;
    border-radius: 5px;
    background: #fff;
    color: var(--paragraph-color);
    border: 1px solid #fff;
    padding: 0 60px 0 20px;
    -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
}

.footer-widget .footer-inner .subscribe-form .widget-form-single .form--control::-webkit-input-placeholder {
    color: var(--body-color);
    font-size: 16px;
}

.footer-widget .footer-inner .subscribe-form .widget-form-single .form--control::-moz-placeholder {
    color: var(--body-color);
    font-size: 16px;
}

.footer-widget .footer-inner .subscribe-form .widget-form-single .form--control:-ms-input-placeholder {
    color: var(--body-color);
    font-size: 16px;
}

.footer-widget .footer-inner .subscribe-form .widget-form-single .form--control::-ms-input-placeholder {
    color: var(--body-color);
    font-size: 16px;
}

.footer-widget .footer-inner .subscribe-form .widget-form-single .form--control::placeholder {
    color: var(--body-color);
    font-size: 16px;
}

.footer-widget .footer-inner .subscribe-form .widget-form-single .form--control:focus {
    border: 1px solid rgba(var(--main-color-one-rgb), 0.2);
    -webkit-box-shadow: 0 0 20px rgba(var(--main-color-one-rgb), 0.1);
    box-shadow: 0 0 20px rgba(var(--main-color-one-rgb), 0.1);
}

.footer-widget .footer-inner .subscribe-form .widget-form-single button {
    outline: none;
    border: 0;
    position: absolute;
    top: 0;
    right: 0;
    height: 45px;
    width: 50px;
    background: var(--main-color-one);
    font-size: 20px;
    color: var(--white);
    border-radius: 3px;
    margin: 5px;
    cursor: pointer;
}

.footer-widget .footer-inner .payment-list {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .footer-widget .footer-inner .payment-list {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: 10px;
    }
}

@media only screen and (max-width: 767.98px) {
    .footer-widget .footer-inner .payment-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.footer-widget .footer-inner .payment-list .list {
    background-color: var(--white);
}

.footer-widget .footer-inner .payment-list .list:not(:last-child) {
    margin-right: 15px;
}

.footer-widget .footer-inner .privacy-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 767.98px) {
    .footer-widget .footer-inner .privacy-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.footer-widget .footer-inner .privacy-list li {
    position: relative;
    z-index: 2;
}

.footer-widget .footer-inner .privacy-list li:hover a {
    color: var(--main-color-one);
}

.footer-widget .footer-inner .privacy-list li:not(:last-child) {
    padding-right: 20px;
}

.footer-widget .footer-inner .privacy-list li:not(:first-child) {
    padding-left: 20px;
}

.footer-widget .footer-inner .privacy-list li:not(:first-child)::before {
    content: "";
    position: absolute;
    left: 0;
    height: 20px;
    width: 2px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: var(--body-color);
}

.footer-widget .footer-inner .privacy-list li a {
    color: var(--paragraph-color);
}

.footer-widget .footer-inner .footer-social-two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
    padding: 0;
}

@media only screen and (max-width: 575.98px) {
    .footer-widget .footer-inner .footer-social-two {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.footer-widget .footer-inner .footer-social-two .lists a {
    color: var(--paragraph-color);
    font-size: 20px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.footer-widget .footer-inner .footer-social-two .lists a:hover {
    color: var(--main-color-one);
}

.footer-widget .footer-inner .footer-social-two .lists:not(:last-child) a {
    margin-right: 10px;
}

.footer-widget .footer-inner .footer-call {
    display: block;
    color: var(--paragraph-color);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.footer-widget .footer-inner .footer-call:hover {
    color: var(--main-color-one);
}

.copyright-area {
    padding: 25px 0;
}

.copyright-area.copyright-border {
    border-top: 1px solid #dddddd;
}

.copyright-area.copyright-border.white-color {
    border-color: rgba(221, 221, 221, 0.3);
}

.copyright-area.style-02 {
    padding: 0 0 25px;
}

.copyright-area .copyright-contents {
    font-size: 16px;
    color: var(--paragraph-color);
    text-align: center;
}

@media only screen and (max-width: 767.98px) {
    .copyright-area .copyright-contents {
        text-align: center;
        margin-top: 10px;
    }
}

.white-color .footer-widget .widget-title {
    color: var(--white);
}

.white-color .footer-widget .footer-inner .subscribe-para {
    color: var(--paragraph-white-2);
}

.white-color .footer-widget .footer-inner .footer-link-list .list a {
    color: var(--paragraph-white-2);
}

.white-color .footer-widget .footer-inner .footer-link-list .list a:hover {
    color: var(--main-color-two);
}

.white-color .footer-widget .footer-inner .footer-link-address .list .address {
    color: var(--paragraph-white-2);
}

.white-color .footer-widget .footer-inner .footer-link-address .list .address:hover {
    color: var(--main-color-two);
}

.white-color .footer-widget .footer-inner .footer-social-list .lists a {
    background: #DDD;
    color: var(--paragraph-white-2);
}

.white-color .footer-widget .footer-inner .footer-social-list .lists a:hover {
    background: var(--main-color-one);
    color: var(--paragraph-white-2);
}

.white-color .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control {
    -webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.2);
    box-shadow: 0 0 10px rgba(221, 221, 221, 0.2);
}

.white-color .footer-widget .footer-inner .payment-list .list {
    color: var(--paragraph-white-2);
}

.footer-color-two .footer-widget .footer-inner .footer-link-list .list::before {
    color: var(--main-color-two);
}

.footer-color-two .footer-widget .footer-inner .footer-link-list .list:hover a {
    color: var(--main-color-two);
}

.footer-color-two .footer-widget .footer-inner .footer-link-address .list .address:hover {
    color: var(--main-color-two);
}

.footer-color-two .footer-widget .footer-inner .footer-link-address .list .address i {
    color: var(--main-color-two);
}

.footer-color-two .footer-widget .footer-inner .footer-social-list .lists a:hover {
    color: var(--white);
    background: var(--main-color-two);
}

.footer-color-two .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control:focus {
    border: 1px solid rgba(var(--main-color-two-rgb), 0.2);
    -webkit-box-shadow: 0 0 20px rgba(var(--main-color-two-rgb), 0.1);
    box-shadow: 0 0 20px rgba(var(--main-color-two-rgb), 0.1);
}

.footer-color-two .footer-widget .footer-inner .subscribe-form .widget-form-single button {
    background: var(--main-color-two);
}

.footer-color-two .footer-widget .footer-inner .privacy-list li:hover a {
    color: var(--main-color-two);
}

.footer-color-two .footer-widget .footer-inner .footer-social-two .lists a:hover {
    color: var(--main-color-two);
}

.footer-color-two .footer-widget .footer-inner .footer-call:hover {
    color: var(--main-color-two);
}

.footer-color-three .footer-widget .footer-inner .footer-link-list .list::before {
    color: var(--main-color-three);
}

.footer-color-three .footer-widget .footer-inner .footer-link-list .list:hover a {
    color: var(--main-color-three);
}

.footer-color-three .footer-widget .footer-inner .footer-link-address .list .address:hover {
    color: var(--main-color-three);
}

.footer-color-three .footer-widget .footer-inner .footer-link-address .list .address i {
    color: var(--main-color-three);
}

.footer-color-three .footer-widget .footer-inner .footer-social-list .lists a:hover {
    color: var(--white);
    background: var(--main-color-three);
}

.footer-color-three .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control:focus {
    border: 1px solid rgba(255, 128, 93, 0.2);
    -webkit-box-shadow: 0 0 20px rgba(255, 128, 93, 0.1);
    box-shadow: 0 0 20px rgba(255, 128, 93, 0.1);
}

.footer-color-three .footer-widget .footer-inner .subscribe-form .widget-form-single button {
    background: var(--main-color-three);
}

.footer-color-three .footer-widget .footer-inner .privacy-list li:hover a {
    color: var(--main-color-three);
}

.footer-color-three .footer-widget .footer-inner .footer-social-two .lists a:hover {
    color: var(--main-color-three);
}

.footer-color-three .footer-widget .footer-inner .footer-call:hover {
    color: var(--main-color-three);
}

.footer-middle-border div[class*=col]:not(:last-child) .footer-widget::after {
    content: "";
    position: absolute;
    height: 200px;
    width: 1px;
    right: 25%;
    top: 0;
    background: rgba(221, 221, 221, 0.5);
    z-index: 0;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .footer-middle-border div[class*=col]:not(:last-child) .footer-widget::after {
        right: 20%;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .footer-middle-border div[class*=col]:not(:last-child) .footer-widget::after {
        right: 15%;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .footer-middle-border div[class*=col]:not(:last-child) .footer-widget::after {
        right: 5%;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .footer-middle-border div[class*=col]:not(:last-child) .footer-widget::after {
        display: none;
    }
}

.footer-list-bars .footer-inner .footer-link-list .list {
    padding-left: 40px;
}

.footer-list-bars .footer-inner .footer-link-list .list::before {
    content: "";
    position: absolute;
    height: 1px;
    width: 30px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: var(--main-color-one);
    z-index: -1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.footer-list-bars .footer-inner .footer-link-list .list:hover {
    padding-left: 30px;
}

.footer-list-bars .footer-inner .footer-link-list .list:hover:before {
    width: 20px;
}

/* .footer-bg-side {
    position: relative;
    z-index: 2;
    &::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 38%;
        background: $gradient-bg-2;
        z-index: -1;
        @include responsive(xl) {
            width: 33%;
        }
        @include responsive(lg) {
            width: 32%;
        }
        @include responsive(allPhone) {
            display: none;
        }
    }
    .footer-logo {}
    .footer-widget {
        .footer-inner {
            .footer-para {
                color: $white;
                @include responsive(allPhone) {
                    color: var(--paragraph-color);
                }
            }
        }
    }
} */
/* Banner  */
.banner-area {
    position: relative;
    z-index: 1;
    padding: 0;
    overflow: hidden;
}

.banner-middle-content {
    position: relative;
    z-index: 2;
}

.banner-middle-content .banner-middle-image {
    position: relative;
    z-index: 2;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .banner-middle-content .banner-middle-image::before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        background: rgba(255, 255, 255, 0.3);
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .banner-middle-content .banner-middle-image::before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        background: rgba(255, 255, 255, 0.3);
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .banner-middle-content .banner-middle-image::before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        background: rgba(255, 255, 255, 0.3);
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .banner-middle-content .banner-middle-image::before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        background: rgba(255, 255, 255, 0.3);
    }
}

.banner-middle-content .banner-middle-image .banner-single-thumb {
    position: absolute;
    right: 0;
    bottom: 0;
}

.banner-middle-content .banner-middle-image .middle-content {
    max-width: 400px;
    padding: 220px 0 220px 50px;
    position: relative;
    z-index: 5;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .banner-middle-content .banner-middle-image .middle-content {
        padding: 180px 0 180px 50px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .banner-middle-content .banner-middle-image .middle-content {
        padding: 134px 0 134px 50px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .banner-middle-content .banner-middle-image .middle-content {
        padding: 112px 0 112px 50px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .banner-middle-content .banner-middle-image .middle-content {
        padding: 120px 0 120px 50px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .banner-middle-content .banner-middle-image .middle-content {
        max-width: 330px;
        padding: 150px 0 150px 40px;
    }
}

@media only screen and (max-width: 575.98px) {
    .banner-middle-content .banner-middle-image .middle-content {
        max-width: 300px;
        padding: 120px 0 120px 40px;
    }
}

@media only screen and (max-width: 375px) {
    .banner-middle-content .banner-middle-image .middle-content {
        max-width: 250px;
        padding: 80px 0 80px 40px;
    }
}

.banner-middle-content .banner-middle-image .middle-content .middle-span {
    font-size: 22px;
    line-height: 30px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .banner-middle-content .banner-middle-image .middle-content .middle-span {
        color: var(--heading-color) !important;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .banner-middle-content .banner-middle-image .middle-content .middle-span {
        font-size: 20px !important;
        color: var(--heading-color) !important;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .banner-middle-content .banner-middle-image .middle-content .middle-span {
        font-size: 18px !important;
        color: var(--heading-color) !important;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .banner-middle-content .banner-middle-image .middle-content .middle-span {
        font-size: 18px !important;
        color: var(--heading-color) !important;
    }
}

@media only screen and (max-width: 375px) {
    .banner-middle-content .banner-middle-image .middle-content .middle-span {
        font-size: 15px !important;
    }
}

.banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
    font-size: 46px;
    line-height: 65px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
        font-size: 40px;
        line-height: 50px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
        font-size: 36px;
        line-height: 50px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
        font-size: 32px;
        line-height: 1.2;
    }
}

@media only screen and (max-width: 575.98px) {
    .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
        font-size: 28px;
    }
}

@media only screen and (max-width: 375px) {
    .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
        font-size: 26px;
    }
}

.banner-middle-content .banner-middle-image .middle-content .banner-middle-title:hover {
    color: var(--main-color-one);
}

.banner-middle-content .banner-middle-image .middle-content .banner-middle-title.hover-color-two:hover {
    color: var(--main-color-two);
}

.banner-middle-content .banner-middle-image .middle-content .banner-middle-title.hover-color-three:hover {
    color: var(--main-color-three);
}

.banner-middle-content .banner-middle-image .middle-content .banner-middle-title.hover-color-four:hover {
    color: var(--main-color-four);
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .banner-middle-content .banner-middle-image .middle-content .btn-buy {
        margin-top: 20px;
        font-size: 18px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .banner-right-image-content {
        margin-top: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

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

@media (min-width: 992px) and (max-width: 1199.98px) {
    .banner-right-image-content .single-right-image {
        padding: 23px 0;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .banner-right-image-content .single-right-image:not(:last-child) {
        margin-bottom: 0;
        margin-right: 24px;
    }
}

@media only screen and (max-width: 767.98px) {
    .banner-right-image-content .single-right-image:not(:last-child) {
        margin-right: 0;
        margin-bottom: 24px;
    }
}

.single-right-image {
    display: block;
    position: relative;
    z-index: 2;
    padding: 0;
}

.single-right-image:not(:last-child) {
    margin-bottom: 35px;
}

@media (min-width: 1200px) and (max-width: 1880px) {
    .single-right-image:not(:last-child) {
        margin-bottom: 25px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .single-right-image:not(:last-child) {
        margin-bottom: 20px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .single-right-image::before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        background: rgba(255, 255, 255, 0.3);
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .single-right-image::before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        background: rgba(255, 255, 255, 0.3);
    }
}

.single-right-image img {
    margin: 0 auto;
    text-align: center;
}

.single-right-image .banner-right-contents {
    position: absolute;
    top: 30px;
    left: 30px;
    right: 0;
    text-align: left;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .single-right-image .banner-right-contents {
        top: 20px;
        left: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .single-right-image .banner-right-contents {
        top: 20px;
        left: 20px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-right-image .banner-right-contents {
        top: 20px;
        left: 20px;
        font-size: 22px !important;
    }
}

@media only screen and (max-width: 575.98px) {
    .single-right-image .banner-right-contents {
        font-size: 20px !important;
    }
}

.single-right-image .banner-right-title {
    text-transform: uppercase;
    z-index: 9;
}

.single-right-image .banner-right-title:hover {
    color: var(--main-color-one);
}

.single-right-image .btn-shop-right {
    color: var(--main-color-one);
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    -webkit-text-decoration: underline var(--main-color-one);
    text-decoration: underline var(--main-color-one);
}

.banner-two {
    padding-top: 5px;
}

.banner-two .banner-middle-content .banner-middle-image .middle-content {
    max-width: 650px;
    padding: 175px 0 175px 50px;
}

@media (min-width: 1200px) and (max-width: 1880px) {
    .banner-two .banner-middle-content .banner-middle-image .middle-content {
        max-width: 550px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .banner-two .banner-middle-content .banner-middle-image .middle-content {
        max-width: 500px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .banner-two .banner-middle-content .banner-middle-image .middle-content {
        max-width: 500px;
        padding: 175px 0 175px 50px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .banner-two .banner-middle-content .banner-middle-image .middle-content {
        max-width: 450px;
        padding: 175px 0 175px 50px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .banner-two .banner-middle-content .banner-middle-image .middle-content {
        max-width: 400px;
    }
}

@media only screen and (max-width: 767.98px) {
    .banner-two .banner-middle-content .banner-middle-image .middle-content {
        padding: 170px 0 170px 30px;
    }
}

@media only screen and (max-width: 575.98px) {
    .banner-two .banner-middle-content .banner-middle-image .middle-content {
        padding: 90px 0 90px 30px;
    }
}

@media only screen and (max-width: 480px) {
    .banner-two .banner-middle-content .banner-middle-image .middle-content {
        padding: 100px 0 100px 30px;
    }
}

@media only screen and (max-width: 375px) {
    .banner-two .banner-middle-content .banner-middle-image .middle-content {
        padding: 20px 0 80px 20px;
    }
}

.banner-two .banner-middle-content .banner-middle-image .middle-content .middle-span .percent {
    font-size: 30px;
    color: var(--main-color-two);
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .banner-two .banner-middle-content .banner-middle-image .middle-content .middle-span .percent {
        font-size: 26px;
    }
}

@media only screen and (max-width: 575.98px) {
    .banner-two .banner-middle-content .banner-middle-image .middle-content .middle-span .percent {
        font-size: 24px;
    }
}

@media only screen and (max-width: 480px) {
    .banner-two .banner-middle-content .banner-middle-image .middle-content .middle-span .percent {
        font-size: 22px;
    }
}

@media only screen and (max-width: 375px) {
    .banner-two .banner-middle-content .banner-middle-image .middle-content .middle-span .percent {
        font-size: 20px;
    }
}

.banner-two .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
    font-size: 65px;
    line-height: 80px;
    text-transform: uppercase;
}

@media (min-width: 1200px) and (max-width: 1880px) {
    .banner-two .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
        font-size: 50px;
        line-height: 65px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .banner-two .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
        font-size: 45px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .banner-two .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
        font-size: 45px;
        line-height: 60px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .banner-two .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
        font-size: 40px;
        line-height: 55px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .banner-two .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
        font-size: 36px;
        line-height: 45px;
    }
}

@media only screen and (max-width: 575.98px) {
    .banner-two .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
        font-size: 32px;
        line-height: 40px;
    }
}

@media only screen and (max-width: 480px) {
    .banner-two .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
        font-size: 30px;
    }
}

@media only screen and (max-width: 375px) {
    .banner-two .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
        font-size: 26px;
    }
}

.banner-two .banner-middle-content .banner-middle-image .middle-content .banner-middle-title:hover {
    color: var(--main-color-two);
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .banner-right-sidebar {
        margin-top: 24px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .banner-right-sidebar {
        margin-top: 24px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .banner-right-sidebar {
        margin-top: 24px;
    }
}

.banner-three .banner-middle-content .banner-middle-image .middle-content {
    max-width: 650px;
    padding: 230px 0 230px 80px;
}

@media (min-width: 1200px) and (max-width: 1880px) {
    .banner-three .banner-middle-content .banner-middle-image .middle-content {
        max-width: 550px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .banner-three .banner-middle-content .banner-middle-image .middle-content {
        max-width: 500px;
        padding: 250px 0 250px 80px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .banner-three .banner-middle-content .banner-middle-image .middle-content {
        max-width: 500px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .banner-three .banner-middle-content .banner-middle-image .middle-content {
        max-width: 450px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .banner-three .banner-middle-content .banner-middle-image .middle-content {
        max-width: 400px;
        padding: 170px 0 170px 50px;
    }
}

@media only screen and (max-width: 767.98px) {
    .banner-three .banner-middle-content .banner-middle-image .middle-content {
        padding: 170px 0 170px 30px;
    }
}

@media only screen and (max-width: 575.98px) {
    .banner-three .banner-middle-content .banner-middle-image .middle-content {
        padding: 100px 0 100px 30px;
    }
}

@media only screen and (max-width: 375px) {
    .banner-three .banner-middle-content .banner-middle-image .middle-content {
        padding: 80px 0 80px 20px;
    }
}

.banner-three .banner-middle-content .banner-middle-image .middle-content .middle-span .percent {
    font-size: 30px;
    color: var(--main-color-three);
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .banner-three .banner-middle-content .banner-middle-image .middle-content .middle-span .percent {
        font-size: 26px;
    }
}

@media only screen and (max-width: 575.98px) {
    .banner-three .banner-middle-content .banner-middle-image .middle-content .middle-span .percent {
        font-size: 24px;
    }
}

@media only screen and (max-width: 480px) {
    .banner-three .banner-middle-content .banner-middle-image .middle-content .middle-span .percent {
        font-size: 22px;
    }
}

@media only screen and (max-width: 375px) {
    .banner-three .banner-middle-content .banner-middle-image .middle-content .middle-span .percent {
        font-size: 20px;
    }
}

.banner-three .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
    font-size: 60px;
    line-height: 80px;
    text-transform: uppercase;
}

@media (min-width: 1200px) and (max-width: 1880px) {
    .banner-three .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
        font-size: 60px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .banner-three .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
        font-size: 45px;
        line-height: 60px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .banner-three .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
        font-size: 45px;
        line-height: 60px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .banner-three .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
        font-size: 40px;
        line-height: 55px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .banner-three .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
        font-size: 36px;
        line-height: 45px;
    }
}

@media only screen and (max-width: 575.98px) {
    .banner-three .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
        font-size: 32px;
        line-height: 40px;
    }
}

@media only screen and (max-width: 480px) {
    .banner-three .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
        font-size: 30px;
    }
}

@media only screen and (max-width: 375px) {
    .banner-three .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
        font-size: 26px;
    }
}

.banner-three .banner-middle-content .banner-middle-image .middle-content .banner-middle-title:hover {
    color: var(--main-color-three);
}

.banner-three .trendy-product-wrapper .single-trendy-products {
    padding-top: 20px;
}

/* Topbar area */
.topbar-area {
    padding: 5px 0;
}

.topbar-logo .topbar-area.index-03 {
    padding: 0;
}

.topbar-logo {
    max-width: 170px;
}

.topbar-logo img {
    width: 130px;
    /*height: 45px;*/
    height: auto;
}

.hover-color-two .topbar-social li a:hover {
    color: var(--main-color-two);
}

.hover-color-two .topbar-faq a:hover {
    color: var(--main-color-two);
}

.hover-color-two .call-us a:hover {
    color: var(--main-color-two);
}

.hover-color-three .topbar-social li a:hover {
    color: var(--main-color-three);
}

.hover-color-three .topbar-faq a:hover {
    color: var(--main-color-three);
}

.hover-color-three .call-us a:hover {
    color: var(--main-color-three);
}

.hover-color-four .topbar-social li a:hover {
    color: var(--main-color-four);
}

.hover-color-four .topbar-faq a:hover {
    color: var(--main-color-four);
}

.hover-color-four .call-us a:hover {
    color: var(--main-color-four);
}

.topbar-select-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.language-content {
    z-index: 9998;
}

.language-content:not(:last-child) {
    margin-right: 10px;
}

.language-content.ussd-content .nice-select {
    width: 90px;
}

@media only screen and (max-width: 375px) {
    .language-content.ussd-content .nice-select {
        width: 70px;
    }
}

.language-content .nice-select {
    background: none;
    border: 0;
    display: inline-block;
    color: var(--white);
    width: 85px;
    height: 30px;
    line-height: 30px;
}

.language-content .nice-select.open {
    border: 0;
}

.language-content .nice-select:focus {
    outline: none;
    border: 0;
}

.language-content .nice-select::after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    right: 15px;
}

@media only screen and (max-width: 375px) {
    .language-content .nice-select::after {
        width: 7px;
        height: 7px;
    }
}

@media only screen and (max-width: 375px) {
    .language-content .nice-select {
        padding: 0;
        width: 60px;
    }
}

.language-content .nice-select .option.selected {
    background: #040B25;
    color: var(--white);
    font-weight: 400;
}

.language-content .nice-select .option:hover {
    background: #fff;
    color: #040B25;
}

.language-content .nice-select .list {
    width: 100%;
    background: #040B25;
}

.language-content .nice-select .nice-select-search-box {
    background: #040B25;
}

.language-content .nice-select .nice-select-search-box .nice-select-search {
    background: none;
    color: var(--white);
}

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

@media (min-width: 300px) and (max-width: 991.98px) {
    .topbar-left-flex {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.topbar-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}

.topbar-social li:not(:last-child) {
    margin-right: 5px;
}

.topbar-social li a {
    font-size: 20px;
    color: var(--black);
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.topbar-social li a .la-facebook-f {
    color: #1877F2;
}

.topbar-social li a .la-twitter {
    color: #1DA1F2;
}

.topbar-social li a .la-instagram {
    color: #833AB4;
}

.topbar-social li a .la-linkedin-in {
    color: #0A66C2;
}

.topbar-social li a:hover {
    color: var(--main-color-one);
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .topbar-social li a {
        font-size: 18px;
    }
}

@media only screen and (max-width: 575.98px) {
    .topbar-social li a {
        font-size: 16px;
    }
}

.topbar-right-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .topbar-right-flex {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 10px;
    }
}

.topbar-faq:not(:first-child) {
    margin-left: 40px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .topbar-faq:not(:first-child) {
        margin-left: 20px;
    }
}

@media only screen and (max-width: 480px) {
    .topbar-faq:not(:first-child) {
        margin-left: 10px;
    }
}

.topbar-faq a {
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.topbar-faq a:hover {
    color: var(--main-color-one);
}

@media only screen and (max-width: 575.98px) {
    .topbar-faq a {
        font-size: 14px;
    }
}

.call-us {
    margin-left: 30px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .call-us {
        margin-left: 20px;
    }
}

@media only screen and (max-width: 575.98px) {
    .call-us {
        font-size: 14px;
    }
}

@media only screen and (max-width: 375px) {
    .call-us {
        margin-left: 10px;
    }
}

.call-us a {
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.call-us a:hover {
    color: var(--main-color-one);
}

@media only screen and (max-width: 575.98px) {
    .call-us a {
        font-size: 14px;
    }
}

.topbar-bg-1 {
    background-color: #040B25;
}

.topbar-right-contents .list,
.topbar-right-offer .list {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.topbar-right-contents .list li a,
.topbar-right-offer .list li a {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: var(--black);
    transition: all .3s;
}

.topbar-right-offer .list li .language-select-container a {
    padding: 0.2rem 0.8rem;
    color: var(--white);
    font-size: 13px;

}

.topbar-right-offer .list li .language-select-container a:hover {
    color: var(--black);
    text-decoration: none;
}

.topbar-right-contents .list li a:hover,
.topbar-right-offer .list li a:hover {
    color: var(--black);
    text-decoration: underline;
}

.topbar-right-offer .list li a:hover span:nth-child(2) {
    text-decoration: underline;
}

/* Topbar-bottom-area */
.topbar-bottom-area {
    padding: 30px 0 15px;
    position: relative;
    z-index: 96;
}

.topbar-bottom-area.index-02 {
    padding-top: 10px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .topbar-bottom-area {
        padding: 10px 0;
    }
}

.topbar-bottom-area.index-03 {
    padding: 15px 0;
    z-index: 9;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .index-02 .category-searchbar {
        z-index: 4;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .index-03 .category-searchbar {
        z-index: 4;
    }
}

.category-searchbar {
    position: relative;
    z-index: 4;
}

.category-searchbar .category-select {
    position: absolute;
    top: 0;
    right: 70px;
}

.category-searchbar .category-select .nice-select {
    border: 0;
    outline: none;
    background: none;
    color: var(--heading-color);
}

.category-searchbar .category-select .nice-select::after {
    right: 10px;
}

.category-searchbar .form--control {
    padding: 0 200px 0 20px;
}

.single-searchbar {
    position: relative;
}

.label-1 {
    font-size: 14px;
    font-width: 400;
    color: var(--paragraph-color);
}

.form--control {
    height: 55px;
    font-size: 15px;
    border: 1px solid #DDD;
    width: 100%;
    padding: 0 100px 0 20px;
    color: var(--body-color);
}

.form--control.input-height-1 {
    height: 42px;
}

.form--control.input-height-2 {
    height: 45px;
}

.form--control.input-height-3 {
    height: 50px;
}

.form--checkbox-1 {
    height: 20px;
    width: 20px;
    border: 1px solid #ddd;
    transition: all .3s;

}

.form--checkbox-1:before {}

.checkbox-label-1 {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    font-size: 14px;
    color: var(--paragraph-color);
}

.right-position-button {
    position: absolute;
    right: 0;
    height: calc(100% - 4px);
    padding: 0 20px;
    font-size: 20px;
    background: var(--main-color-one);
    border: 0;
    outline: none;
    color: var(--white);
    cursor: pointer;
}

.right-position-button.margin-2 {
    margin: 2px;
}

.topbar-bottom-right-content {
    margin-left: 100px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .topbar-bottom-right-content {
        margin-left: 30px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .topbar-bottom-right-content {
        margin-left: 30px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .topbar-bottom-right-content {
        margin-left: 0;
        margin-top: 20px;
    }
}

.topbar-bottom-right-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-end;
}

@media screen and (max-width: 991.98px) {
    .topbar-bottom-right-flex {
        justify-content: space-between;
    }
}

.nicescroll-rails {
    background: none;
}

.nicescroll-cursors {
    background-color: var(--body-color) !important;
    width: 5px !important;
}

.search-suggestions .nicescroll-cursors {
    background-color: var(--main-color-one) !important;
    width: 5px !important;
}

.color-one .nicescroll-cursors {
    background-color: var(--main-color-two) !important;
}

.color-two .nicescroll-cursors {
    background-color: var(--main-color-two) !important;
}

.color-three .nicescroll-cursors {
    background-color: var(--main-color-three) !important;
}

.searchbar-suggetions {
    position: relative;
}

.searchbar-suggetions .search-suggestions {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 30px 20px;
    -webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.4);
    box-shadow: 0 0 10px rgba(221, 221, 221, 0.4);
    visibility: hidden;
    opacity: 0;
    max-height: 550px;
    overflow-y: hidden;
}

@media only screen and (max-width: 480px) {
    .searchbar-suggetions .search-suggestions {
        padding: 30px 10px;
    }
}

.searchbar-suggetions .search-suggestions.show {
    visibility: visible;
    opacity: 1;
}

.item-suggestions:not(:last-child) {
    margin-bottom: 20px;
}

.item-suggestions .item-title {
    font-size: 18px;
    width: 100%;
    background-color: rgba(221, 221, 221, 0.2);
    padding: 5px 10px;
}

.category-suggestion {
    max-height: 300px;
}

.category-suggestion-list {
    max-height: 100px;
    overflow-y: auto;
    padding: 0 10px;
    scrollbar-color: var(--main-color-one) var(--border-color);
    scrollbar-width: thin;
}

.category-suggestion-list::-webkit-scrollbar {
    width: 3px;
}

.category-suggestion-list::-webkit-scrollbar-track {
    background-color: var(--border-color);
}

.category-suggestion-list::-webkit-scrollbar-thumb {
    width: 3px;
    background-color: var(--main-color-one);
    border-radius: 10px;
}

.category-suggestion-list .list:not(:last-child) {
    margin-bottom: 10px;
}

.category-suggestion-list .list .item {
    font-size: 16px;
    color: var(--heading-color);
    display: inline-block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.category-suggestion-list .list .item:hover {
    color: var(--main-color-one);
}

.product-suggestion-list {
    max-height: 260px;
    overflow-y: auto;
    padding: 0 10px;
    scrollbar-color: var(--main-color-one) var(--border-color);
    scrollbar-width: thin;
}

.product-suggestion-list::-webkit-scrollbar {
    width: 3px;
}

.product-suggestion-list::-webkit-scrollbar-track {
    background-color: var(--border-color);
}

.product-suggestion-list::-webkit-scrollbar-thumb {
    width: 3px;
    background-color: var(--main-color-one);
    border-radius: 10px;
}

.product-suggestion-list .list:not(:last-child) {
    margin-bottom: 20px;
}

.product-suggestion-list .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

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

.product-suggestion-list .item .product-image {
    border: 1px solid rgba(221, 221, 221, 0.5);
    padding: 5px 15px;
    height: 100px;
    width: 120px;
}

.product-suggestion-list .item .product-image img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .product-suggestion-list .item .product-image {
        width: 80px;
        height: 100px;
        padding: 10px 0px;
    }
}

.product-suggestion-list .item .product-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media only screen and (max-width: 480px) {
    .product-suggestion-list .item .product-info .product-info-top {
        margin-top: 10px;
    }
}

.product-suggestion-list .item .product-info .product-info-top .product-name {
    font-size: 18px;
    line-height: 28px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .product-suggestion-list .item .product-info .product-info-top .product-name {
        font-size: 17px;
    }
}

.product-suggestion-list .item .product-info .product-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .product-suggestion-list .item .product-info .product-price {
        gap: 7px;
    }
}

.product-suggestion-list .item .product-info .product-price .price-update-through {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.product-suggestion-list .item .product-info .product-price .price-update-through .flash-price {
    font-size: 20px;
    color: var(--heading-color);
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .product-suggestion-list .item .product-info .product-price .price-update-through .flash-price {
        font-size: 18px;
    }
}

.product-suggestion-list .item .product-info .product-price .price-update-through .flash-old-prices {
    font-size: 15px;
    text-decoration: line-through;
}

.product-suggestion-list .item .product-info .product-price .main-price {
    font-size: 18px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .product-suggestion-list .item .product-info .product-price .main-price {
        font-size: 17px;
    }
}

.product-suggestion-list .item .product-info .stock-out {
    font-size: 16px;
    background: var(--main-color-one);
    color: var(--white);
    padding: 5px 10px;
    display: inline-block;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .product-suggestion-list .item .product-info .stock-out {
        font-size: 15px;
        padding: 5px 5px;
    }
}

.color-two .product-suggestion-list .item .product-info .stock-out {
    background: var(--main-color-two);
}

.color-two .category-suggestion-list .list .item:hover {
    color: var(--main-color-two);
}

.color-three .product-suggestion-list .item .product-info .stock-out {
    background: var(--main-color-three);
}

.color-three .category-suggestion-list .list .item:hover {
    color: var(--main-color-three);
}

.track-order {
    font-size: 16px;
    line-height: 28px;
    color: var(--paragraph-color);
}

.track-order:hover {
    color: var(--main-color-one);
}

.track-icon-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

.track-icon-list.white-color .single-icon .icon {
    color: var(--white);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.track-icon-list .single-icon {
    position: relative;
}

.track-icon-list .single-icon .icon {
    font-size: 26px;
    color: var(--heading-color);
}

.track-icon-list .single-icon .icon:hover {
    color: var(--black);
}

@media only screen and (max-width: 375px) {
    .track-icon-list .single-icon .icon {
        font-size: 20px;
    }
}

.track-icon-list .single-icon.hover-color-two .icon:hover {
    color: var(--main-color-two);
}

.track-icon-list .single-icon.hover-color-three .icon:hover {
    color: var(--main-color-three);
}

.track-icon-list .single-icon.hover-color-four .icon:hover {
    color: var(--main-color-four);
}

.track-icon-list .single-icon .icon-notification {
    position: absolute;
    top: -2px;
    right: -10px;
    font-size: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 22px;
    width: 22px;
    background: var(--main-color-one);
    color: var(--white);
    border-radius: 50%;
}

@media only screen and (max-width: 375px) {
    .track-icon-list .single-icon .icon-notification {
        height: 18px;
        width: 18px;
        font-size: 12px;
    }
}

.track-icon-list .single-icon .icon-notification.bg-color-one {
    background: var(--main-color-one);
}

.track-icon-list .single-icon .icon-notification.bg-color-two {
    background: var(--main-color-two);
}

.track-icon-list .single-icon .icon-notification.bg-color-three {
    background: var(--main-color-three);
}

.track-icon-list .single-icon .icon-notification.bg-color-four {
    background: var(--main-color-four);
}

.login-account {
    position: relative;
    z-index: 3;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.topbar-bottom-area.index-02 .track-icon-list-item .login-account {
    display: none;
}

.login-account:hover .account-list-item {
    visibility: visible;
    opacity: 1;
    top: 100%;
    background: #fff;
}

.login-account .account-list-item {
    position: absolute;
    top: 130%;
    right: 0;
    background: #fff;
    z-index: 9998;
    -webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.2);
    box-shadow: 0 0 10px rgba(221, 221, 221, 0.2);
    width: 220px;
    background: #fff;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    display: block !important;
    margin-left: 0 !important;
}

.login-account .account-list-item.hover-color-two .list a:hover {
    background: var(--main-color-two);
}

.login-account .account-list-item.hover-color-three .list a:hover {
    background: var(--main-color-three);
}

.login-account .account-list-item.hover-color-four .list a:hover {
    background: var(--main-color-four);
}

.login-account .account-list-item .list {
    margin: 0 !important;
    display: block !important;
}

.login-account .account-list-item .list a {
    display: block;
    font-size: 15px;
    font-weight: 400;
    padding: 10px 20px;
    color: var(--black);
    border-bottom: 1px solid rgba(221, 221, 221, 0.7);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.login-account .account-list-item .list a:hover {
    background: var(--black);
    color: var(--white);
}

.login-account.style-02 {
    position: relative;
    z-index: 9999;
}

.login-account.style-02 .account-list-item .list a:hover {
    background: var(--black);
    color: var(--white);
}

.login-account.style-02 .accounts {
    color: var(--white);
    background: var(--main-color-one);
    padding: 10px 20px;
}

.login-account.style-02 .accounts:hover {
    background: #fff;
    color: var(--main-color-one);
}

.login-account.style-02 .accounts:hover i {
    color: var(--main-color-one);
}

.login-account.style-02 .accounts i {
    color: var(--white);
}

.login-account.style-02 .accounts.bg-color-two {
    background: var(--main-color-two);
}

.login-account.style-02 .accounts.bg-color-two:hover {
    background: #fff;
    color: var(--main-color-two);
}

.login-account.style-02 .accounts.bg-color-two:hover i {
    color: var(--main-color-two);
}

.login-account.style-02 .accounts.bg-color-three {
    background: var(--main-color-three);
}

.login-account.style-02 .accounts.bg-color-three:hover {
    background: #fff;
    color: var(--main-color-three);
}

.login-account.style-02 .accounts.bg-color-three:hover i {
    color: var(--main-color-three);
}

.login-account.style-02 .accounts.bg-color-four {
    background: var(--main-color-four);
}

.login-account.style-02 .accounts.bg-color-four:hover {
    background: #fff;
    color: var(--main-color-four);
}

.login-account.style-02 .accounts.bg-color-four:hover i {
    color: var(--main-color-four);
}

.login-account.white-color .accounts {
    color: var(--white);
}

.login-account.white-color .accounts:hover {
    color: var(--main-color-one);
}

.login-account.white-color .accounts:hover i {
    color: var(--main-color-one);
}

.login-account.white-color .accounts i {
    color: var(--white);
}

.login-account .accounts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    color: var(--black);
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.login-account .accounts:hover {
    color: var(--main-color-one);
}

.login-account .accounts.hover-color-two i {
    color: var(--main-color-two);
}

.login-account .accounts.hover-color-two:hover {
    color: var(--main-color-two);
}

.login-account .accounts.hover-color-two:hover i {
    color: var(--main-color-two);
}

.login-account .accounts.hover-color-three i {
    color: var(--main-color-three);
}

.login-account .accounts.hover-color-three:hover {
    color: var(--main-color-three);
}

.login-account .accounts.hover-color-three:hover i {
    color: var(--main-color-three);
}

.login-account .accounts.hover-color-four i {
    color: var(--main-color-four);
}

.login-account .accounts.hover-color-four:hover {
    color: var(--main-color-four);
}

.login-account .accounts.hover-color-four:hover i {
    color: var(--main-color-four);
}

.login-account .accounts i {
    font-size: 26px;
    color: var(--main-color-one);
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

@media only screen and (max-width: 375px) {
    .login-account .accounts i {
        font-size: 20px;
    }
}

@media only screen and (max-width: 375px) {
    .login-account .accounts {
        gap: 5px;
    }
}

.cart-shopping {
    position: relative;
    z-index: 2;
}

.cart-shopping:hover .addto-cart-contents {
    visibility: visible;
    opacity: 1;
    top: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .cart-shopping:hover .addto-cart-contents {
        -webkit-transform: translateX(-65%) scale(1);
        transform: translateX(-65%) scale(1);
    }

    .index-02 .cart-shopping:hover .addto-cart-contents {
        transform: translateX(-12%);
    }
}


@media only screen and (max-width: 480px) {
    .cart-shopping:hover .addto-cart-contents {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
    }

    .index-02 .cart-shopping:hover .addto-cart-contents {
        transform: translateX(-12%);
    }
}

@media only screen and (max-width: 375px) {
    .cart-shopping:hover .addto-cart-contents {
        -webkit-transform: translateX(-35%);
        transform: translateX(-35%);
    }

    .index-02 .cart-shopping:hover .addto-cart-contents {
        transform: translateX(-12%);
    }
}

.cart-shopping .addto-cart-contents {
    position: absolute;
    right: 0;
    top: 130%;
    z-index: 3;
    width: 500px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.5);
    box-shadow: 0 0 10px rgba(221, 221, 221, 0.5);
    padding: 20px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .cart-shopping .addto-cart-contents {
        right: auto;
        left: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@media (min-width: 300px) and (max-width: 575px) {
    .cart-shopping .addto-cart-contents {
        width: 400px;
    }
}

@media only screen and (max-width: 480px) {
    .cart-shopping .addto-cart-contents {
        width: 320px;
    }
}

@media only screen and (max-width: 480px) {
    .cart-shopping .addto-cart-contents {
        width: 270px;
        padding: 10px;
        right: 100%;
    }
}

.cart-shopping .addto-cart-contents .cart-total-amount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 20px;
}

.cart-shopping .single-addto-cart-wrappers {
    max-height: 240px;
    overflow-y: auto;
}

.cart-shopping .single-addto-carts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.cart-shopping .single-addto-carts:not(:last-child) {
    margin-bottom: 10px;
}

.cart-shopping .single-addto-carts .addto-cart-flex-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}


.cart-shopping .single-addto-carts .addto-cart-flex-contents .addto-cart-thumb {
    height: 70px;
    width: 70px;
    flex-shrink: 0;
}

.cart-shopping .single-addto-carts .addto-cart-flex-contents .addto-cart-thumb img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media screen and (max-width: 480px) {
    .cart-shopping .single-addto-carts .addto-cart-flex-contents {
        flex-wrap: wrap;
    }

    .cart-shopping .single-addto-carts .addto-cart-flex-contents .addto-cart-thumb {
        width: 50px;
    }

    .addto-cart-title {
        font-size: 14px;
    }
}

.addto-cart-img-contents {
    flex: 1;
}

.addto-cart-title {
    font-size: 16px;
}

.cart-shopping .single-addto-carts .addto-cart-flex-contents .addto-cart-img-contents .price-updates {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.cart-shopping .single-addto-carts .addto-cart-flex-contents .addto-cart-img-contents .price-updates .old-price {
    text-decoration: line-through;
}

.cart-shopping .single-addto-carts .addto-cart-flex-contents .addto-cart-img-contents .price-updates .price-title {
    color: var(--main-color-one);
}

.color-two .cart-shopping .single-addto-carts .addto-cart-flex-contents .addto-cart-img-contents .price-updates .price-title {
    color: var(--main-color-two);
}

.color-three .cart-shopping .single-addto-carts .addto-cart-flex-contents .addto-cart-img-contents .price-updates .price-title {
    color: var(--main-color-three);
}

.color-four .cart-shopping .single-addto-carts .addto-cart-flex-contents .addto-cart-img-contents .price-updates .price-title {
    color: var(--main-color-four);
}

.color-five .cart-shopping .single-addto-carts .addto-cart-flex-contents .addto-cart-img-contents .price-updates .price-title {
    color: var(--main-color-five);
}

.cart-shopping .btn-wrapper .cart-btn {
    color: var(--white);
    font-size: 16px;
    font-weight: 500;
    font-family: var(--body-font);
    display: inline-block;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    line-height: 24px;
    padding: 10px 35px;
    border: 1px solid var(--main-color-one);
    background-color: var(--main-color-one);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .cart-shopping .btn-wrapper .cart-btn {
        line-height: 28px;
    }
}

@media only screen and (max-width: 575.98px) {
    .cart-shopping .btn-wrapper .cart-btn {
        line-height: 24px;
        font-size: 15px;
    }
}

@media only screen and (max-width: 375px) {
    .cart-shopping .btn-wrapper .cart-btn {
        padding: 8px 25px;
        font-size: 14px;
    }
}

.cart-shopping .btn-wrapper .cart-btn:hover {
    background: none;
    color: var(--main-color-one);
}

.cart-shopping .btn-wrapper .cart-btn.cart-btn-outline {
    background: none;
    color: var(--main-color-one);
    border: 1px solid var(--main-color-one);
}

.cart-shopping .btn-wrapper .cart-btn.cart-btn-outline:hover {
    background-color: var(--main-color-one);
    color: var(--white);
}

.color-two .right-position-button {
    background: var(--main-color-two);
}

.color-two .track-icon-list .single-icon .icon:hover {
    color: var(--main-color-two);
}

.color-two .track-icon-list .single-icon .icon-notification {
    background: var(--main-color-two);
}

.color-two .cart-shopping .btn-wrapper .cart-btn {
    background-color: var(--main-color-two);
    border-color: var(--main-color-two);
}

.color-two .cart-shopping .btn-wrapper .cart-btn:hover {
    color: var(--main-color-two);
    background: none;
}

.color-two .cart-shopping .btn-wrapper .cart-btn.cart-btn-outline {
    border: 1px solid var(--main-color-two);
    background: none;
    color: var(--main-color-two);
}

.color-two .cart-shopping .btn-wrapper .cart-btn.cart-btn-outline:hover {
    background-color: var(--main-color-two);
    color: var(--white);
}

.color-two .login-account .accounts i {
    color: var(--main-color-two);
}

.color-two .login-account .accounts:hover {
    color: var(--main-color-two);
}

.color-two .login-account .account-list-item .list a:hover {
    background-color: var(--main-color-two);
}

.color-three .right-position-button {
    background: var(--main-color-three);
}

.color-three .track-icon-list .single-icon .icon:hover {
    color: var(--main-color-three);
}

.color-three .track-icon-list .single-icon .icon-notification {
    background: var(--main-color-three);
}

.color-three .cart-shopping .btn-wrapper .cart-btn {
    background-color: var(--main-color-three);
    border-color: var(--main-color-three);
}

.color-three .cart-shopping .btn-wrapper .cart-btn:hover {
    color: var(--main-color-three);
    background: none;
}

.color-three .cart-shopping .btn-wrapper .cart-btn.cart-btn-outline {
    border: 2px solid var(--main-color-three);
    background: none;
    color: var(--main-color-three);
}

.color-three .cart-shopping .btn-wrapper .cart-btn.cart-btn-outline:hover {
    background-color: var(--main-color-three);
    color: var(--white);
}

.color-three .login-account .accounts i {
    color: var(--main-color-three);
}

.color-three .login-account .accounts:hover {
    color: var(--main-color-three);
}

.color-three .login-account .account-list-item .list a:hover {
    background-color: var(--main-color-three);
}

.color-four .right-position-button {
    background: var(--main-color-four);
}

.color-four .track-icon-list .single-icon .icon:hover {
    color: var(--main-color-four);
}

.color-four .track-icon-list .single-icon .icon-notification {
    background: var(--main-color-four);
}

.color-four .cart-shopping .btn-wrapper .cart-btn {
    background-color: var(--main-color-four);
    border-color: var(--main-color-four);
}

.color-four .cart-shopping .btn-wrapper .cart-btn:hover {
    color: var(--main-color-four);
    background: none;
}

.color-four .cart-shopping .btn-wrapper .cart-btn.cart-btn-outline {
    border: 2px solid var(--main-color-four);
    background: none;
    color: var(--main-color-four);
}

.color-four .cart-shopping .btn-wrapper .cart-btn.cart-btn-outline:hover {
    background-color: var(--main-color-four);
    color: var(--white);
}

.color-four .login-account .accounts i {
    color: var(--main-color-four);
}

.color-four .login-account .accounts:hover {
    color: var(--main-color-four);
}

.color-four .login-account .account-list-item .list a:hover {
    background-color: var(--main-color-four);
}

/* Top-menu-category */
@media (min-width: 300px) and (max-width: 991.98px) {
    .index-02 .top-menu-category {
        z-index: 2;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .index-03 .top-menu-category {
        z-index: 5;
    }
}

.top-menu-category {
    position: relative;
    z-index: 1;
    max-width: 100%;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .top-menu-category {
        margin-bottom: 15px;
    }
}

.top-menu-category .navbar-nav-side {
    max-width: 100%;
    width: 100%;
}

.top-menu-category.style-02 .cate-list:hover {
    background: rgba(0, 136, 221, 0.1);
}

.top-menu-category.style-02 .cate-list:hover.menu-item-has-children::after {
    color: var(--main-color-two);
}

.top-menu-category.style-02 .cate-list:hover .category-menu-inner .category-menu-image img {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.top-menu-category.style-02 .cate-list:hover .category-menu-inner .category-list .title {
    color: var(--main-color-two);
}

.top-menu-category.style-03 .navbar-area-side {
    visibility: hidden;
    opacity: 0;
}

.top-menu-category.style-03 .navbar-area-side.active {
    visibility: visible;
    opacity: 1;
}

.single-category-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 17px 30px 18px;
    height: 68px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .single-category-flex {
        padding: 18px 30px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .single-category-flex {
        padding: 18px 30px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .single-category-flex {
        padding: 10px 20px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-category-flex {
        padding: 15px 20px;
    }
}

@media only screen and (max-width: 575.98px) {
    .single-category-flex {
        padding: 13px 20px;
    }
}

@media only screen and (max-width: 375px) {
    .single-category-flex {
        padding: 10px 20px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .index-02 .navbar-area-side {
        max-height: 540px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .index-02 .navbar-area-side {
        max-height: 540px;
        top: 95px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .index-02 .navbar-area-side {
        max-height: 540px;
        top: 74px;
    }
}

@media (min-width: 1200px) and (max-width: 1880px) {
    .index-02 .cate-list {
        padding: 12px 30px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .index-02 .cate-list {
        padding: 12px 10px;
    }
}

@media (min-width: 1200px) and (max-width: 1880px) {
    .index-02 .cate-list.menu-item-has-children::after {
        top: 15px;
    }
}

.index-02 .cate-list .category-megamenu {
    border-color: var(--main-color-two);
}

.index-03 .navbar-area-side {
    visibility: hidden;
    opacity: 0;
}

.index-03 .navbar-area-side.active {
    visibility: visible;
    opacity: 1;
}

.index-03 .cate-list:hover .category-menu-inner .category-menu-image img {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.index-03 .cate-list:hover .category-menu-inner .category-list .title {
    color: var(--main-color-three);
}

.index-03 .cate-list .category-megamenu {
    border-color: var(--main-color-three);
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .inner-page .navbar-area-side {
        visibility: visible;
        opacity: 1;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .inner-page .navbar-area-side.active {
        visibility: hidden;
        opacity: 0;
    }
}

.navbar-area-side {
    position: absolute;
    left: 0;
    top: 85px;
    z-index: 99;
    background-color: var(--white);
    border: 1px solid #f0f0f0;
    border-radius: 10px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    max-width: 100%;
    width: 100%;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .navbar-area-side {
        visibility: hidden;
        opacity: 0;
        padding: 10px;
        width: 100%;
        top: 75px;
    }
}

@media only screen and (max-width: 575.98px) {
    .navbar-area-side {
        top: 70px;
    }
}

@media only screen and (max-width: 375px) {
    .navbar-area-side {
        top: 60px;
    }
}

.navbar-area-side.active {
    visibility: hidden;
    opacity: 0;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .navbar-area-side.active {
        visibility: visible;
        opacity: 1;
    }
}

.navbar-nav-side>li,
.cate-list {
    width: 100%;
    display: inline-block;
    padding: 20px 20px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.navbar-nav-side>li:not(:last-child),
.cate-list:not(:last-child) {
    border-bottom: 1px solid #f0f0f0;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {

    .navbar-nav-side>li,
    .cate-list {
        padding: 20px 10px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {

    .navbar-nav-side>li,
    .cate-list {
        padding: 20px 10px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {

    .navbar-nav-side>li,
    .cate-list {
        padding: 15px 10px;
    }
}

.navbar-nav-side li.menu-item-has-children,
.cate-list.menu-item-has-children {
    position: relative;
    z-index: 1;
}

@media (min-width: 300px) and (max-width: 991.98px) {

    .navbar-nav-side li.menu-item-has-children.active::after,
    .cate-list.menu-item-has-children.active::after {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

.navbar-nav-side li.menu-item-has-children::after,
.cate-list.menu-item-has-children::after {
    content: "ï„…";
    font-family: "Line Awesome Free";
    font-weight: 900;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    top: 20px;
    right: 20px;
    position: absolute;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@media (min-width: 1200px) and (max-width: 1880px) {

    .navbar-nav-side li.menu-item-has-children::after,
    .cate-list.menu-item-has-children::after {
        top: 20px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {

    .navbar-nav-side li::after,
    .cate-list.menu-item-has-children::after {
        right: 10px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {

    .navbar-nav-side li.menu-item-has-children::after,
    .cate-list.menu-item-has-children::after {
        right: 5px;
        top: 12px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {

    .navbar-nav-side li.menu-item-has-children::after,
    .cate-list.menu-item-has-children::after {
        top: 17px;
        right: 7px;
    }
}

.navbar-nav-side li.menu-item-has-children:hover::after,
.cate-list.menu-item-has-children:hover::after {
    color: var(--main-color-one);
}

.navbar-nav-side li.menu-item-has-children:hover .category-megamenu,
.cate-list.menu-item-has-children:hover .category-megamenu {
    visibility: visible;
    opacity: 1;
    top: 0;
}

.navbar-nav-side li:hover .category-menu-inner .category-menu-image img,
.cate-list:hover .category-menu-inner .category-menu-image img {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.navbar-nav-side li:hover .category-menu-inner .category-list .title,
.cate-list:hover .category-menu-inner .category-list .title {
    color: var(--main-color-one);
}

.navbar-nav-side li .category-megamenu,
.cate-list .category-megamenu {
    position: absolute;
    text-align: left;
    margin: 0;
    padding: 0;
    list-style: none;
    left: 100%;
    top: 100%;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
    background-color: var(--white);
    z-index: 992;
    border-bottom: 4px solid var(--main-color-one);
    visibility: hidden;
    opacity: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    padding: 20px 20px 20px;
    max-width: 800px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-height: 370px;
    overflow-y: auto;
    gap: 24px;
    scrollbar-width: thin;
    scrollbar-color: #aaa #dbdbdb;
}

.navbar-nav-side li .category-megamenu::-webkit-scrollbar,
.cate-list .category-megamenu::-webkit-scrollbar {
    width: 5px;
    background-color: #dbdbdb;
}

.navbar-nav-side li .category-megamenu::-webkit-scrollbar-thumb,
.cate-list .category-megamenu::-webkit-scrollbar-thumb {
    background-color: #aaa;
    border-radius: 20px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {

    .navbar-nav-side li .category-megamenu,
    .cate-list .category-megamenu {
        max-width: calc(100vw - 300px);
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {

    .navbar-nav-side li .category-megamenu,
    .cate-list .category-megamenu {
        display: block;
        left: 0;
        max-height: 250px;
        overflow-y: scroll;
    }
}

.navbar-nav-side li .category-megamenu .single-megamenu,
.cate-list .category-megamenu .single-megamenu {
    min-width: 125px;
    display: inline-block;
    width: 150px;
}


.cate-list .category-megamenu .single-megamenu .single-category-megamenu>.submenu-title {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: var(--heading-color);
    min-height: 40px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.cate-list .category-megamenu .single-megamenu .single-category-megamenu:not(:first-child) {
    margin-top: 24px;
}

.cate-list .category-megamenu .single-megamenu .megamenu-product {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.cate-list .category-megamenu .single-megamenu .megamenu-product:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.cate-list .category-megamenu .single-megamenu .megamenu-product .megamenu-thumbs {
    height: 170px;
    width: 200px;
}

.cate-list .category-megamenu .single-megamenu .megamenu-product .megamenu-thumbs img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.cate-list .category-megamenu .single-megamenu .megamenu-product .megamenu-contents {
    padding-top: 20px;
}

.cate-list .category-megamenu .single-megamenu .megamenu-product .megamenu-contents .megamenu-title {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.cate-list .category-megamenu .single-megamenu .megamenu-product .megamenu-contents .megamenu-title:hover {
    color: var(--main-color-one);
}

.cate-list .category-megamenu .single-megamenu .megamenu-product .megamenu-contents .megamenu-title.hover-color-two:hover {
    color: var(--main-color-two);
}

.cate-list .category-megamenu .single-megamenu .megamenu-product .megamenu-contents .megamenu-title.hover-color-three:hover {
    color: var(--main-color-three);
}

.cate-list .category-megamenu .single-megamenu .megamenu-product .megamenu-contents .megamenu-title.hover-color-four:hover {
    color: var(--main-color-four);
}

.cate-list .category-megamenu .single-megamenu .megamenu-product .megamenu-contents .price-updates {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.cate-list .category-megamenu .single-megamenu .megamenu-product .megamenu-contents .price-updates .price-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
}

.cate-list .category-megamenu .single-megamenu .megamenu-product .megamenu-contents .price-updates .old-price {
    text-decoration: line-through;
}

.cate-list .category-megamenu .single-megamenu .new-collection {
    height: 250px;
    width: 220px;
    display: block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.cate-list .category-megamenu .single-megamenu .new-collection:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.cate-list .category-megamenu .single-megamenu .new-collection img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.cate-list .category-megamenu .single-megamenu .single-category-megamenu {
    padding: 10px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.cate-list .category-megamenu .single-megamenu .single-category-megamenu:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

.cate-list .category-megamenu .single-megamenu .single-category-megamenu:hover .category-contents .titles {
    color: var(--main-color-one);
}

.cate-list .category-megamenu .single-megamenu .single-category-megamenu:hover .category-contents .titles.hover-color-two {
    color: var(--main-color-two);
}

.cate-list .category-megamenu .single-megamenu .single-category-megamenu:hover .category-contents .titles.hover-color-three {
    color: var(--main-color-three);
}

.cate-list .category-megamenu .single-megamenu .single-category-megamenu .category-thumb {
    height: 100%;
    width: 100%;
    max-width: 200px;
}

.cate-list .category-megamenu .single-megamenu .single-category-megamenu .category-thumb>a {
    padding: 0;
}

.cate-list .category-megamenu .single-megamenu .single-category-megamenu .category-thumb img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .cate-list .category-megamenu .single-megamenu .single-category-megamenu .category-contents .titles {
        font-size: 28px;
    }
}

@media only screen and (max-width: 375px) {
    .cate-list .category-megamenu .single-megamenu .single-category-megamenu .category-contents .titles {
        font-size: 24px;
    }
}

.cate-list .category-megamenu .single-megamenu .single-category-megamenu .category-contents .collection-btn {
    display: block;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline;
}

@media only screen and (max-width: 767.98px) {
    .cate-list .category-megamenu .single-megamenu .single-category-megamenu .category-contents .collection-btn {
        font-size: 15px;
    }
}

@media only screen and (max-width: 375px) {
    .cate-list .category-megamenu .single-megamenu .single-category-megamenu .category-contents .collection-btn {
        font-size: 14px;
    }
}

.cate-list .category-megamenu .single-megamenu .single-category-megamenu .category-contents .collection-btn:hover {
    color: var(--main-color-one);
}

.cate-list .category-menu-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cate-list .category-menu-inner .category-menu-image {
    max-height: 50px;
    max-width: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin-right: 20px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .cate-list .category-menu-inner .category-menu-image {
        margin-right: 10px;
    }
}

.cate-list .category-menu-inner .category-menu-image img {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.cate-list .category-menu-inner .category-menu-image i {
    color: var(--main-color-one);
}

.cate-list .category-menu-inner .category-menu-image.color-two i {
    color: var(--main-color-two);
}

.cate-list .category-menu-inner .category-menu-image.color-three i {
    color: var(--main-color-three);
}

.cate-list .category-menu-inner .category-menu-image.color-four i {
    color: var(--main-color-four);
}

.cate-list .category-menu-inner .category-list .title {
    color: var(--heading-color);
    font-weight: 400;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 18px;
}

@media (min-width: 1200px) and (max-width: 1880px) {
    .cate-list .category-menu-inner .category-list .title {
        font-size: 16px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .cate-list .category-menu-inner .category-list .title {
        font-size: 15px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .cate-list .category-menu-inner .category-list .title {
        font-size: 16px;
        font-weight: 400;
    }
}

.cate-list .category-menu-inner .category-list .subtitles {
    display: block;
    color: var(--body-color);
    margin-top: 5px;
}

@media (min-width: 320px) and (max-width: 991px) {
    .cate-list.menu-item-has-children.active .category-megamenu {
        height: auto;
        visibility: visible;
        opacity: 1;
        padding: 20px 10px;
        min-width: 100%;
    }

    .cate-list.menu-item-has-children.active::after {
        color: var(--main-color-one);
    }

    .cate-list.menu-item-has-children .category-megamenu {
        position: initial;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 20px 20px;
        padding-top: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border-top: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-left: 0;
        padding-bottom: 0;
        visibility: hidden;
        opacity: 0;
        height: 0;
        overflow: hidden;
        max-height: 250px;
        overflow-y: scroll;
        -webkit-transition: all 500ms linear;
        transition: all 500ms linear;
    }
}

.round-menu-product img {}

.style-two-category-heading {
    -webkit-line-clamp: 2;
    line-height: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    min-height: 48px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: var(--heading-color);
    margin-top: 7px;
}

.style-two-category-wrapper {
    width: 669px;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

@media (min-width: 100px) and (max-width: 991px) {
    .cate-list.menu-item-has-children .category-megamenu {
        min-width: 100%;
        max-width: 100%;
    }

    .cate-list.menu-item-has-children .category-megamenu .single-category-megamenu {
        width: calc(100% / 3 - 16px);
    }

    .categoryNav__list .cate-list.menu-item-has-children .category-megamenu .single-category-megamenu {
        width: calc(100% / 1 - 0px);
    }

    .cate-list.menu-item-has-children .category-megamenu .single-megamenu>.single-category-megamenu {
        width: calc(100% / 1 - 0px);
    }

    .style-two-category-heading {
        width: auto;
        height: auto;
        font-size: 16px;
    }
}

@media (min-width: 100px) and (max-width: 767.98px) {
    .cate-list.menu-item-has-children .category-megamenu .single-category-megamenu {
        width: calc(100% / 2 - 12px);
    }

    .cate-list.menu-item-has-children .category-megamenu .single-megamenu>.single-category-megamenu {
        width: calc(100% / 1 - 0px);
    }

    .categoryNav__list .cate-list.menu-item-has-children .category-megamenu .single-megamenu {
        width: calc(100% / 1 - 0px);
    }

}

@media (min-width: 100px) and (max-width: 375px) {
    .cate-list.menu-item-has-children .category-megamenu .single-category-megamenu {
        width: calc(100% / 1 - 0px);
    }

    .cate-list.menu-item-has-children .category-megamenu .single-megamenu>.single-category-megamenu {
        width: calc(100% / 1 - 0px);
    }

    .categoryNav__list .cate-list.menu-item-has-children .category-megamenu .single-megamenu {
        width: calc(100% / 1 - 0px);
    }

}

@media (min-width: 100px) and (max-width: 991px) {
    .cate-list.menu-item-has-children .category-megamenu .single-megamenu {
        padding: 0;
    }

    .cate-list.menu-item-has-children .category-megamenu .single-megamenu {
        width: calc(100% / 3 - 16px);
    }

    .categoryNav__list .cate-list.menu-item-has-children .category-megamenu .single-megamenu {
        width: calc(100% / 1 - 0px);
    }
}

@media (min-width: 100px) and (max-width: 767.98px) {

    .cate-list.menu-item-has-children .category-megamenu .single-megamenu {
        width: calc(100% / 2 - 12px);
    }
}

@media (min-width: 100px) and (max-width: 375px) {

    .cate-list.menu-item-has-children .category-megamenu .single-megamenu {
        width: calc(100% / 1 - 0px);
    }
}

/* Promo area */
.promo-area {
    overflow: hidden;
}

.single-promo {
    padding: 30px;
    -webkit-box-shadow: 0 0 10px var(--gray-two);
    box-shadow: 0 0 10px var(--gray-two);
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .single-promo {
        margin: 0;
        padding: 30px 10px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .single-promo {
        margin: 0;
        padding: 30px 10px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-promo {
        padding: 20px;
    }
}

@media only screen and (max-width: 575.98px) {
    .single-promo {
        margin: 0;
    }
}

.single-promo.sidebar-promo {
    display: block;
}

.single-promo.sidebar-promo:not(:last-child) {
    margin-bottom: 24px;
}

.single-promo .promo-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.single-promo .promo-inner-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
    color: var(--heading-color);
}

.single-promo .promo-inner-para {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: var(--body-color);
}

@media only screen and (max-width: 375px) {
    .single-promo .promo-inner {
        display: block;
    }
}

.single-promo .icon {
    font-size: 45px;
    margin-right: 20px;
}

.single-promo .contents .common-para {
    margin-top: 10px;
}

/* Updated Area */
.updated-area {
    overflow: hidden;
}

.updated-area div[class*=col]:nth-child(4n+1) .single-updated {
    background-color: #FFF1E8;
}

.updated-area div[class*=col]:nth-child(4n+1) .single-updated::before {
    background: #FBEAD9;
}

.updated-area div[class*=col]:nth-child(4n+1) .single-updated::after {
    border-color: #FBEAD9;
}

.updated-area div[class*=col]:nth-child(4n+2) .single-updated {
    background-color: #E9F6FF;
}

.updated-area div[class*=col]:nth-child(4n+2) .single-updated::before {
    background: #d6efff;
}

.updated-area div[class*=col]:nth-child(4n+2) .single-updated::after {
    border-color: #d6efff;
}

.updated-area div[class*=col]:nth-child(4n+3) .single-updated {
    background-color: #FFECF0;
}

.updated-area div[class*=col]:nth-child(4n+3) .single-updated::before {
    background: #ffe0e6;
}

.updated-area div[class*=col]:nth-child(4n+3) .single-updated::after {
    border-color: #ffe0e6;
}

.updated-area div[class*=col]:nth-child(4n+4) .single-updated {
    background-color: #FFF8F0;
}

.updated-area div[class*=col]:nth-child(4n+4) .single-updated::before {
    background: #fff2e3;
}

.updated-area div[class*=col]:nth-child(4n+4) .single-updated::after {
    border-color: #fff2e3;
}

.single-updated {
    position: relative;
    z-index: 2;
    background-color: #FFF1E8;
    overflow: hidden;
}

.single-updated.column-four::before,
.single-updated.column-four::after {
    height: 250px;
    width: 250px;
}

.single-updated.column-four .updated-image-contents .updated-contents .updated-title {
    font-size: 28px;
}

.single-updated.column-four .updated-flex-contents {
    padding: 50px 0;
}

.single-updated.column-four .updated-flex-contents .updated-img {
    height: 160px;
    width: 160px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .single-updated.column-four .updated-flex-contents .updated-img {
        height: 140px;
        width: 140px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .single-updated.column-four .updated-flex-contents .updated-img {
        height: 110px;
        width: 100px;
    }
}

.single-updated.style-02 .updated-flex-contents {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-updated.style-02 .updated-flex-contents {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

.single-updated.style-02 .updated-flex-contents .updated-img {
    margin-right: 20px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .single-updated.style-02 .updated-flex-contents .updated-img {
        margin-right: 10px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-updated.style-02 .updated-flex-contents .updated-img {
        margin: 0 auto 20px;
    }
}

.single-updated.style-02 .updated-flex-contents .updated-contents {
    margin-right: 0;
}

.single-updated::before,
.single-updated::after {
    content: "";
    position: absolute;
    left: -70px;
    top: -70px;
    height: 300px;
    width: 300px;
    z-index: -1;
    border-radius: 50%;
    background: #FBEAD9;
}

@media (min-width: 300px) and (max-width: 991.98px) {

    .single-updated::before,
    .single-updated::after {
        height: 200px;
        width: 200px;
    }
}

.single-updated::after {
    left: auto;
    right: -150px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 50px solid #FBEAD9;
    background: transparent;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-updated::after {
        right: -100px;
    }
}

.single-updated .updated-shapes {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: none;
}

.single-updated .updated-image-contents {
    position: relative;
    z-index: 1;
    padding: 0 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-updated .updated-image-contents {
        padding: 20px 10px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-updated .updated-image-contents .updated-contents {
        text-align: center;
    }
}

.single-updated .updated-image-contents .updated-contents .updated-top {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 8px;
    display: block;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-updated .updated-image-contents .updated-contents .updated-top {
        font-size: 16px;
        margin-bottom: 5px;
    }
}

@media only screen and (max-width: 575.98px) {
    .single-updated .updated-image-contents .updated-contents .updated-top {
        font-size: 15px;
    }
}

@media only screen and (max-width: 375px) {
    .single-updated .updated-image-contents .updated-contents .updated-top {
        font-size: 14px;
    }
}

.single-updated .updated-image-contents .updated-contents .updated-title {
    font-size: 36px;
    line-height: 42px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-updated .updated-image-contents .updated-contents .updated-title {
        font-size: 32px;
        line-height: 36px;
    }
}

@media only screen and (max-width: 480px) {
    .single-updated .updated-image-contents .updated-contents .updated-title {
        font-size: 28px;
        line-height: 32px;
    }
}

@media only screen and (max-width: 375px) {
    .single-updated .updated-image-contents .updated-contents .updated-title {
        font-size: 26px;
    }
}

.updated-flex-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 100px 0;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .updated-flex-contents {
        padding: 20px 0;
        display: block;
    }
}

@media (min-width: 1200px) and (max-width: 1880px) {
    .updated-flex-contents {
        padding: 60px 0;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .updated-flex-contents {
        padding: 60px 0;
    }
}

.updated-flex-contents .updated-img {
    height: 230px;
    width: 300px;
}

@media (min-width: 1200px) and (max-width: 1880px) {
    .updated-flex-contents .updated-img {
        height: 190px;
        width: 220px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .updated-flex-contents .updated-img {
        height: 130px;
        width: 170px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .updated-flex-contents .updated-img {
        height: 200px;
        width: 260px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .updated-flex-contents .updated-img {
        height: 180px;
        width: 200px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .updated-flex-contents .updated-img {
        height: 200px;
        width: 260px;
        margin: 20px auto 0;
    }
}

.updated-flex-contents .updated-img img {
    border-radius: 10px;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.updated-flex-contents .updated-contents {
    margin-right: 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .updated-flex-contents .updated-contents {
        margin-right: 10px;
    }
}

/* Store Area */
.store-area {
    position: relative;
    z-index: 1;
}

.flash-contents-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .flash-contents-wrapper {
        display: block;
    }
}

.flash-contents-wrapper .global-card-contents {
    padding: 25px 50px 30px;
}

@media only screen and (max-width: 375px) {
    .flash-contents-wrapper .global-card-contents {
        padding: 25px 30px 30px;
    }
}

@media only screen and (max-width: 375px) {
    .flash-contents-wrapper .global-card-contents .global-card-left {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-right: 0;
    }
}

.flash-wrapper-single {
    max-width: 405px;
    height: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 30px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .flash-wrapper-single {
        margin: 0 auto;
    }
}

.flash-store-sliders.nav-style-two .prev-icon,
.flash-store-sliders.nav-style-two .next-icon {
    visibility: hidden;
    opacity: 0;
}

.flash-store-sliders:hover.nav-style-two .prev-icon,
.flash-store-sliders:hover.nav-style-two .next-icon {
    visibility: visible;
    opacity: 1;
}

.flash-right-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .flash-right-wrapper {
        max-height: 660px;
        overflow-y: scroll;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .flash-right-wrapper {
        max-height: 660px;
        overflow-y: scroll;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .flash-right-wrapper {
        max-height: 660px;
        overflow-y: scroll;
    }
}

.flash-right-wrapper.style-02 .flash-item-image {
    max-height: 130px;
    max-width: 120px;
}

.flash-right-wrapper.style-02 .flash-item-contents {
    margin-left: 15px !important;
}

.flash-right-wrapper .flash-col-items {
    width: calc((100% / 3) - 15px);
    margin-top: 24px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .flash-right-wrapper .flash-col-items {
        width: calc((100% / 3) - 23px);
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .flash-right-wrapper .flash-col-items {
        width: calc((100% / 2) - 18px);
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .flash-right-wrapper .flash-col-items {
        width: calc((100% / 2) - 18px);
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .flash-right-wrapper .flash-col-items {
        width: calc((100% / 1) - 15px);
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .flash-right-wrapper .flash-col-items {
        width: calc((100% / 2) - 12px);
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .flash-right-wrapper .flash-col-items:nth-child(2n+2) {
        margin-right: 0px;
    }
}

@media only screen and (max-width: 767.98px) {
    .flash-right-wrapper .flash-col-items {
        width: 100%;
        margin-right: 0;
    }
}

.grid-item-four {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.grid-item-four .flash-col-items {
    width: calc((100% / 4) - 18px);
    margin-right: 24px;
}

.grid-item-four .flash-col-items:nth-of-type(4n+4) {
    margin-right: 0;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .grid-item-four .flash-col-items:nth-of-type(4n+4) {
        margin-right: 24px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .grid-item-four .flash-col-items:nth-of-type(4n+4) {
        margin-right: 24px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .grid-item-four .flash-col-items:nth-of-type(3n+3) {
        margin-right: 0px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .grid-item-four .flash-col-items:nth-of-type(3n+3) {
        margin-right: 0px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .grid-item-four .flash-col-items:nth-child(2n+2) {
        margin-right: 0px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .grid-item-four .flash-col-items:nth-child(2n+2) {
        margin-right: 0px;
    }
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .grid-item-four .flash-col-items {
        width: calc((100% / 4) - 18px);
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .grid-item-four .flash-col-items {
        width: calc((100% / 3) - 16px);
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .grid-item-four .flash-col-items {
        width: calc((100% / 3) - 16px);
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .grid-item-four .flash-col-items {
        width: calc((100% / 2) - 12px);
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .grid-item-four .flash-col-items {
        width: calc((100% / 2) - 12px);
    }
}

@media only screen and (max-width: 767.98px) {
    .grid-item-four .flash-col-items {
        width: 100%;
        margin-right: 0;
    }
}

.single-flash-item.style-02 .flash-flex-item .flash-item-image .flash-thumb-icons .lists .icon {
    height: 28px;
    width: 28px;
    font-size: 16px;
    border-radius: 0;
}

.single-trendy-products.style-02 .thumb-top-contents .percent-box {
    padding: 2px 5px;
    line-height: 18px;
}

.single-flash-item.style-02 .flash-flex-item .flash-item-image .thumb-top-contents .percent-box {
    font-size: 12px;
    line-height: 16px;
    padding: 3px 10px;
}

.single-flash-item:hover .flash-flex-item .flash-item-image {
    position: relative;
    z-index: 1;
}

.single-flash-item:hover .flash-flex-item .flash-item-image img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.single-flash-item:hover .flash-flex-item .flash-item-image .flash-thumb-icons {
    visibility: visible;
    opacity: 1;
    bottom: 20px;
}

.single-flash-item .flash-flex-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 767.98px) {
    .single-flash-item .flash-flex-item {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media only screen and (max-width: 375px) {
    .single-flash-item .flash-flex-item {
        display: block;
    }
}

.single-flash-item .flash-flex-item .flash-item-image {
    display: initial;
    height: 194px;
    width: 200px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .single-flash-item .flash-flex-item .flash-item-image {
        height: 160px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .single-flash-item .flash-flex-item .flash-item-image {
        height: 150px;
    }
}

@media only screen and (max-width: 480px) {
    .single-flash-item .flash-flex-item .flash-item-image {
        height: 170px;
        width: 170px;
    }
}

@media only screen and (max-width: 375px) {
    .single-flash-item .flash-flex-item .flash-item-image {
        display: block;
        margin-bottom: 15px;
    }
}

.single-flash-item .flash-flex-item .flash-item-image img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.single-flash-item .flash-flex-item .flash-item-image .flash-thumb-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    bottom: -100px;
    right: 0px;
    left: 0;
    text-align: center;
    z-index: 9;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.single-flash-item .flash-flex-item .flash-item-image .flash-thumb-icons.hover-color-two .lists .icon:hover {
    background-color: var(--main-color-two);
}

.single-flash-item .flash-flex-item .flash-item-image .flash-thumb-icons.hover-color-three .lists .icon:hover {
    background-color: var(--main-color-three);
}

.single-flash-item .flash-flex-item .flash-item-image .flash-thumb-icons.hover-color-four .lists .icon:hover {
    background-color: var(--main-color-four);
}

.single-flash-item .flash-flex-item .flash-item-image .flash-thumb-icons .lists:not(:last-child) {
    margin-right: 5px;
}

.single-flash-item .flash-flex-item .flash-item-image .flash-thumb-icons .lists .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 36px;
    width: 36px;
    border-radius: 5px;
    background: #fff;
    color: var(--paragraph-color);
    font-size: 16px;
    -webkit-box-shadow: 0 0 5px rgba(221, 221, 221, 0.2);
    box-shadow: 0 0 5px rgba(221, 221, 221, 0.2);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.single-flash-item .flash-flex-item .flash-item-image .flash-thumb-icons .lists .icon:hover {
    background: var(--main-color-one);
    color: var(--white);
}

.single-flash-item .flash-flex-item .flash-item-contents {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 20px;
}

@media only screen and (max-width: 375px) {
    .single-flash-item .flash-flex-item .flash-item-contents {
        margin-left: 0;
    }
}

.single-flash-item .flash-flex-item .flash-item-contents .title {
    font-size: 18px;
    line-height: 24px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.single-flash-item .flash-flex-item .flash-item-contents .title:hover {
    color: var(--main-color-one);
}

.single-flash-item .flash-flex-item .flash-item-contents .title.hover-color-two:hover {
    color: var(--main-color-two);
}

.single-flash-item .flash-flex-item .flash-item-contents .title.hover-color-three:hover {
    color: var(--main-color-three);
}

.single-flash-item .flash-flex-item .flash-item-contents .title.hover-color-four:hover {
    color: var(--main-color-four);
}

/* Shop Area */
.shop-area {
    overflow: hidden;
}

.shop-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 40px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .shop-right {
        gap: 30px;
    }
}

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

.shop-nice-select .nice-select {
    font-size: 16px;
    color: var(--paragraph-color);
    border: 1px solid rgba(221, 221, 221, 0.4);
    outline: none;
    height: 48px;
    line-height: 48px;

}

@media only screen and (max-width: 575.98px) {
    .shop-nice-select .nice-select {
        padding: 0 30px 0 0;
        font-size: 15px;
    }
}

@media only screen and (max-width: 375px) {
    .shop-nice-select .nice-select {
        padding: 0 25px 0 10px;
        font-size: 14px;
    }
}

.shop-nice-select .nice-select::after {
    border-bottom: 2px solid var(--paragraph-color);
    border-right: 2px solid var(--paragraph-color);
    right: 10px;
}

.shop-nice-select .nice-select .list {
    min-width: 100% !important;
}

.single-shops {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.single-shops .shop-flex-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 10px;
}

.shop-flex-icon.layout-list {
    gap: 10px;
    margin-left: 0;
}

.layout-list .layout-item a,
.single-shops .shop-icons {
    font-size: 24px;
    height: 40px;
    width: 40px;
    background: #efefef;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.layout-list .layout-item a.current,
.layout-list .layout-item a.active,
.single-shops .shop-icons.current,
.single-shops .shop-icons.active {
    background: var(--main-color-one);
    color: var(--white);
}

.layout-list .layout-item a.current,
.layout-list .layout-item a.active,
.single-shops .shop-icons a.current,
.single-shops .shop-icons a.active {
    background: var(--main-color-one);
    color: var(--white);
}

.selectder-filter-contents .selected-flex-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.selectder-filter-contents .selected-flex-list li {
    font-size: 16px;
    color: var(--body-colors);
    line-height: 26px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@media only screen and (max-width: 575.98px) {
    .selectder-filter-contents .selected-flex-list li {
        font-size: 15px;
    }
}

@media only screen and (max-width: 375px) {
    .selectder-filter-contents .selected-flex-list li {
        font-size: 14px;
    }
}

.selectder-filter-contents .selected-flex-list li a {
    color: var(--paragraph-color);
    position: relative;
    z-index: 2;
}

.selectder-filter-contents .selected-flex-list li a:hover {
    color: var(--main-color-one);
}

.selectder-filter-contents .selected-flex-list li a:hover::after {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

.selectder-filter-contents .selected-flex-list li:not(:last-child) a {
    padding-right: 20px;
}

@media only screen and (max-width: 480px) {
    .selectder-filter-contents .selected-flex-list li:not(:last-child) a {
        padding-right: 15px;
    }
}

@media only screen and (max-width: 375px) {
    .selectder-filter-contents .selected-flex-list li:not(:last-child) a {
        padding-right: 10px;
    }
}

.selectder-filter-contents .selected-flex-list li:not(:last-child) a::after {
    content: "\f105";
    font-family: "Line Awesome Free";
    font-weight: 900;
    position: absolute;
    right: -8px;
    -webkit-transition: all 100ms;
    transition: all 100ms;
}

@media only screen and (max-width: 375px) {
    .selectder-filter-contents .selected-flex-list li:not(:last-child) a::after {
        font-size: 14px;
        right: -6px;
    }
}

@media only screen and (max-width: 480px) {
    .selectder-filter-contents .selected-flex-list li:not(:last-child) a::after {
        right: -7px;
    }
}

.selectder-filter-contents .selected-flex-list li:not(:first-child) a {
    padding-left: 20px;
}

@media only screen and (max-width: 480px) {
    .selectder-filter-contents .selected-flex-list li:not(:first-child) a {
        padding-left: 15px;
    }
}

@media only screen and (max-width: 375px) {
    .selectder-filter-contents .selected-flex-list li:not(:first-child) a {
        padding-left: 10px;
    }
}

.shop-sidebar-all {
    position: sticky;
    top: 0;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .shop-sidebar-all {
        position: unset;
    }
}

.shop-contents-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .shop-contents-wrapper {
        display: block;
    }
}

.shop-contents-wrapper.style-02 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.shop-contents-wrapper.style-02 .shop-sidebar-content {
    margin-right: 0;
    margin-left: 30px;
}

.shop-contents-wrapper.style-02 .shop-close-main {
    left: auto;
    right: 0%;
}

.shop-contents-wrapper.style-02 .shop-close-main.active {
    right: 0;
}

.shop-contents-wrapper.style-02 .shop-close-main .close-bars {
    right: auto;
    left: -40px;
}

@media only screen and (max-width: 375px) {
    .shop-contents-wrapper.style-02 .shop-close-main .close-bars {
        left: -28px;
    }
}

.shop-contents-wrapper.style-02 .shop-icon .sidebar-icon {
    margin-left: auto;
}

.shop-contents-wrapper .shop-sidebar-content {
    width: 400px;
    margin-right: 30px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .shop-contents-wrapper .shop-sidebar-content {
        width: 300px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .shop-contents-wrapper .shop-sidebar-content {
        width: 250px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .shop-contents-wrapper .shop-sidebar-content {
        width: 375px;
    }
}

.shop-contents-wrapper .shop-grid-contents {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .shop-contents-wrapper .shop-grid-contents {
        max-height: 2090px;
        overflow-y: scroll;
        overflow-x: hidden;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .shop-contents-wrapper .shop-grid-contents {
        max-height: 2090px;
        overflow-y: scroll;
        overflow-x: hidden;
    }
}

.single-shop-left {
    padding: 32px 30px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .single-shop-left {
        padding: 22px 20px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .single-shop-left {
        padding: 15px 20px 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .single-shop-left {
        padding: 15px 20px 20px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-shop-left {
        padding: 15px 20px 20px;
    }
}

.single-shop-left .shop-left-title.open .title::after {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

.single-shop-left .shop-left-title .title {
    cursor: pointer;
    position: relative;
    line-height: 36px;
}

.single-shop-left .shop-left-title .title::after {
    content: "\2193";
    font-family: "Line Awesome Free";
    font-weight: 900;
    font-size: 16px;
    position: absolute;
    right: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 300ms;
    transition: all 300ms;
}

.single-shop-left .shop-left-title .shop-left-list .shop-lists .list {
    font-size: 16px;
    line-height: 26px;
    position: relative;
    text-align: left;
    z-index: 2;
    padding-left: 0px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

/* .single-shop-left .shop-left-title .shop-left-list .shop-lists .list::before {
  content: "";
  position: absolute;
  height: 20px;
  width: 20px;
  border: 1px solid rgba(221, 221, 221, 0.4);
  left: 0;
  top: 12px;
  background: none;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 15px;
  color: var(--white);
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
} */

.single-shop-left .shop-left-title .shop-left-list .shop-lists .list a {
    display: block;
    padding: 10px 0;
}

.single-shop-left .shop-left-title .shop-left-list .shop-lists .list.show>.submenu {
    display: block;
}

/* .single-shop-left .shop-left-title .shop-left-list .shop-lists .list.active::before {
  font-family: "Line Awesome Free";
  font-weight: 900;
  content: "\2714";
  background: var(--main-color-one);
  border-color: var(--main-color-one);
} */

.single-shop-left .shop-left-title .shop-left-list .shop-lists .list.active>a {
    color: var(--paragraph-color);
    font-weight: 500;
}

.single-shop-left .shop-left-title .shop-left-list .shop-lists .list:hover>a {
    color: var(--main-color-one);
}

.single-shop-left .shop-left-title .shop-left-list .shop-lists .list:hover::before {
    border-color: var(--main-color-one);
}

.single-shop-left .shop-left-title .shop-left-list .shop-lists .list.menu-item-has-children {
    padding-left: 0;
}

.single-shop-left .shop-left-title .shop-left-list .shop-lists .list.menu-item-has-children:hover::after {
    color: var(--main-color-one);
}

.single-shop-left .shop-left-title .shop-left-list .shop-lists .list.menu-item-has-children::before {
    display: none !important;
    border: 0;
}

.single-shop-left .shop-left-title .shop-left-list .shop-lists .list.menu-item-has-children>.submenu {
    padding-left: 20px;
}

.single-shop-left .shop-left-title .shop-left-list .shop-lists .list .submenu {
    display: none;
}

.single-shop-left .shop-left-title .shop-left-list .shop-lists .list .submenu .list {
    line-height: 22px;
    font-size: 14px;
    font-weight: 400;
}

.single-shop-left .shop-left-title .shop-left-list .shop-lists .list .submenu .list::before {
    top: 6px;
    height: 18px;
    width: 18px;
    font-size: 12px;
}

.single-shop-left .shop-left-title .shop-left-list .shop-lists .list .submenu .list a {
    padding: 5px 0;
}

.single-shop-left .shop-left-title .shop-left-list .shop-lists .list.menu-item-has-children::after {
    content: "";
    position: absolute;
    right: 0;
    top: 10px;
    font-family: "Line Awesome Free";
    font-weight: 900;
    cursor: pointer;
    z-index: -1;
}

.single-shop-left .shop-left-title .shop-left-list .shop-lists .list.menu-item-has-children.open::after {
    content: "";
}

.single-shop-left .shop-left-title .shop-left-list .shop-lists .list:last-child a {
    padding-bottom: 0;
}

.single-shop-left .shop-left-title .shop-left-list .color-lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.single-shop-left .shop-left-title .shop-left-list .color-lists .list {
    position: relative;
    z-index: 1;
    margin-top: 10px;
}

.single-shop-left .shop-left-title .shop-left-list .color-lists .list:not(:last-child) {
    margin-right: 10px;
}

.single-shop-left .shop-left-title .shop-left-list .color-lists .list.active::before {
    content: "\2714";
    font-family: "Line Awesome Free";
    font-weight: 900;
    position: absolute;
    color: var(--white);
    font-size: 18px;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 200ms;
    transition: all 200ms;
}

.single-shop-left .shop-left-title .shop-left-list .color-lists .list a {
    display: block;
    height: 27px;
    width: 27px;
    background: #F83A26;
}

.single-shop-left .shop-left-title .shop-left-list .size-lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.single-shop-left .shop-left-title .shop-left-list .size-lists .list {
    margin-top: 10px;
}

.single-shop-left .shop-left-title .shop-left-list .size-lists .list:not(:last-child) {
    margin-right: 10px;
}

.single-shop-left .shop-left-title .shop-left-list .size-lists .list.active a {
    background: var(--main-color-one);
    border-color: var(--main-color-one);
    color: var(--white);
}

.single-shop-left .shop-left-title .shop-left-list .size-lists .list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px 10px;
    font-size: 14px;
    background: #fff;
    color: var(--paragraph-color);
    border: 1px solid #dddddd;
}

.single-shop-left .shop-left-title .shop-left-list .filter-lists .list {
    position: relative;
    z-index: 2;
    display: block;
    padding-left: 30px;
    margin-top: 10px;
}

.single-shop-left .shop-left-title .shop-left-list .filter-lists .list.active::before {
    font-family: "Line Awesome Free";
    font-weight: 900;
    content: "\2714";
    background: var(--main-color-one);
    border-color: var(--main-color-one);
}

.single-shop-left .shop-left-title .shop-left-list .filter-lists .list a {
    font-size: 16px;
    line-height: 26px;
    color: #FFBA5C;
}

.single-shop-left .shop-left-title .shop-left-list .filter-lists .list::before {
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    border: 1px solid rgba(221, 221, 221, 0.4);
    left: 0;
    top: 4px;
    background: none;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 15px;
    color: var(--white);
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.single-shop-left .shop-left-title .shop-left-list .tag-lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.single-shop-left .shop-left-title .shop-left-list .tag-lists .list {
    margin-right: 10px;
    margin-top: 10px;
}

.single-shop-left .shop-left-title .shop-left-list .tag-lists .list.active a {
    background: var(--main-color-one);
    color: var(--white);
    border-color: var(--main-color-one);
}

.single-shop-left .shop-left-title .shop-left-list .tag-lists .list a {
    border: 1px solid #dddddd;
    font-size: 15px;
    color: var(--paragraph-color);
    padding: 7px 10px;
    display: inline-block;
    -webkit-transition: all 300ms;
    transition: all 300ms;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .single-shop-left .shop-left-title .shop-left-list .tag-lists .list a {
        padding: 7px 10px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .single-shop-left .shop-left-title .shop-left-list .tag-lists .list a {
        padding: 7px 10px;
    }
}

@media only screen and (max-width: 575.98px) {
    .single-shop-left .shop-left-title .shop-left-list .tag-lists .list a {
        font-size: 15px;
    }
}

@media only screen and (max-width: 375px) {
    .single-shop-left .shop-left-title .shop-left-list .tag-lists .list a {
        font-size: 14px;
        padding: 5px 15px;
    }
}

.single-shop-left .shop-left-title .shop-left-list .tag-lists .list a:hover {
    background: var(--main-color-one);
    color: var(--white);
    border-color: var(--main-color-one);
}

.shop-icon {
    display: none;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .shop-icon {
        display: block;
    }

    .shop-icon-text {
        display: -webkit-box;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .shop-icon .sidebar-icon {
        font-size: 24px;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 40px;
        width: 40px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: var(--main-color-one);
        -webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.5);
        box-shadow: 0 0 10px rgba(221, 221, 221, 0.5);
        z-index: 95;
        color: var(--white);
        margin-bottom: 20px;
    }

    .shop-icon .sidebar-icon-text {
        height: unset;
        width: auto;
        font-size: 18px;
        padding: 7px 15px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .shop-close-main {
        z-index: 1;
        position: absolute;
        left: -100%;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        z-index: 99;
        background: #fff;
        max-width: 375px;
        display: block;
        padding: 20px;
        transition: all 0.5s;
    }

    .shop-close-main.active {
        visibility: visible;
        opacity: 1;
        left: 0;
    }
}

@media only screen and (min-width: 300px) and (max-width: 991.98px) and (max-width: 480px) {
    .shop-close-main {
        max-width: 320px;
    }
}

@media only screen and (min-width: 300px) and (max-width: 991.98px) and (max-width: 375px) {
    .shop-close-main {
        max-width: 270px;
    }
}

.shop-close-main .close-bars {
    display: none;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .shop-close-main .close-bars {
        display: block;
        position: absolute;
        right: -40px;
        top: 0;
        font-size: 24px;
        color: var(--white);
        background: var(--main-color-one);
        -webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.5);
        box-shadow: 0 0 10px rgba(221, 221, 221, 0.5);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 40px;
        width: 40px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }
}

@media only screen and (min-width: 300px) and (max-width: 991.98px) and (max-width: 375px) {
    .shop-close-main .close-bars {
        height: 28px;
        width: 28px;
        font-size: 20px;
        right: -28px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .body-overlay {
        position: fixed;
        height: 100vh;
        width: 100%;
        top: 0;
        left: 100%;
        z-index: -1;
        visibility: hidden;
        opacity: 0;
        background: rgba(0, 0, 0, 0.1);
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    .body-overlay.active {
        visibility: visible;
        opacity: 1;
        z-index: 99;
        left: 0;
    }
}

.single-blog-item .content .title {
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    color: var(--heading-color);
    margin-top: 12px;
    margin-bottom: 15px;
}

.single-blog-item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.single-blog-item:not(:last-child) {
    margin-bottom: 24px;
}

.single-blog-item .post-meta {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 10px;
}

.single-blog-item .post-meta li,
.single-blog-item .post-meta a {
    display: flex;
    align-items: baseline;
    gap: 4px;
    font-size: 16px;
    line-height: 20px;
    color: var(--paragraph-color);
}

.single-blog-item .img-box {
    max-width: 400px;
    flex-shrink: 0;
}

.single-blog-item .content {
    flex-grow: 1;
}

.blog-contents-inner p,
.single-blog-item .content p {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.recent-post-contents .recent-post-single:not(:last-child) {
    margin-bottom: 20px;
}

.recent-post-contents .recent-post-single .recent-post-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media only screen and (max-width: 480px) {
    .recent-post-contents .recent-post-single .recent-post-flex {
        display: block;
    }
}

.recent-post-contents .recent-post-single .recent-post-flex .recent-post-thumb {
    margin-right: 15px;
    height: 80px;
    min-width: 80px;
    display: inline-block;
}

@media only screen and (max-width: 480px) {
    .recent-post-contents .recent-post-single .recent-post-flex .recent-post-thumb {
        margin-right: 0;
        margin-bottom: 10px;
    }
}

.recent-post-contents .recent-post-single .recent-post-flex .recent-post-thumb img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.recent-post-contents .recent-post-single .recent-post-flex .recent-blog-contents .recent-post-title {
    font-size: 18px;
    line-height: 28px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

@media only screen and (max-width: 480px) {
    .recent-post-contents .recent-post-single .recent-post-flex .recent-blog-contents .recent-post-title {
        font-size: 16px;
        line-height: 24px;
    }
}

.recent-post-contents .recent-post-single .recent-post-flex .recent-blog-contents .recent-date {
    display: block;
    margin-top: 5px;
}

.sidebar-search-form .single-search-sidebar {
    position: relative;
    z-index: 1;
}

.sidebar-search-form .single-search-sidebar .form--control {
    border: 0;
    background: rgba(221, 221, 221, 0.2);
    padding: 0 40px 0 15px;
}

.sidebar-search-form .single-search-sidebar button {
    position: absolute;
    right: 15px;
    top: 0;
    height: 100%;
    background: none;
    font-size: 20px;
    z-index: 2;
    border: 0;
    cursor: pointer;
    outline: none;
}

/* Shop List */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .value-input-area {
        margin-top: 20px;
    }
}

.value-input-area.style-02 .size-lists {
    margin-top: 10px;
}

.value-input-area.style-02 .size-lists li {
    font-size: 13px;
    height: 30px;
    width: 35px;
}

.value-input-area.style-02 .color-list {
    margin-top: 10px;
}

.value-input-area.style-02 .color-list li {
    height: 18px;
    width: 18px;
}

.value-input-area .input-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.value-input-area .input-list .form--input {
    width: auto;
    border: 0;
    outline: none;
    color: var(--body-color);
    background-color: #fff;
}

.value-input-area .size-lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 20px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .value-input-area .size-lists {
        margin-top: 15px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .value-input-area .size-lists {
        margin-top: 15px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .value-input-area .size-lists {
        margin-top: 15px;
    }
}

.value-input-area .size-lists li {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    height: 45px;
    width: 45px;
    border: 1px solid #999;
}

.value-input-area .size-lists li.active {
    /* border-color: var(--main-color-one); */
    outline: outset 4px #488df9;

}

@media only screen and (max-width: 480px) {
    .value-input-area .size-lists li {
        font-size: 15px;
    }
}

@media only screen and (max-width: 375px) {
    .value-input-area .size-lists li {
        font-size: 14px;
        height: 40px;
        width: 40px;
    }
}

.value-input-area .color-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 20px;
    margin-top: 20px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .value-input-area .color-list {
        margin-top: 15px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .value-input-area .color-list {
        margin-top: 15px;
    }
}

.value-input-area .color-list li {
    cursor: pointer;
    display: inline-block;
    height: 20px;
    width: 20px;
    border: 1px solid;
    position: relative;
    z-index: 1;
}

.value-input-area .color-list li.active {
    height: 30px;
    width: 30px;
    /* border: 2px solid #488df9; */
    outline: outset 4px #488df9;
}

.value-input-area .color-list li.active::before {
    content: "";
    position: absolute;
    height: calc(100% + 8px);
    width: calc(100% + 8px);
    left: -4px;
    top: -4px;
    border: 1px solid #F83A26;
    border-radius: 50%;
}

.value-input-area .color-list li.shop-color-2 {
    border-color: #30BB6F;
}

.value-input-area .color-list li.shop-color-2.active::before {
    border: 1px solid #30BB6F;
}

.value-input-area .color-list li.shop-color-3 {
    border-color: #AB47BC;
}

.value-input-area .color-list li.shop-color-3.active::before {
    border: 1px solid #AB47BC;
}

.value-input-area .color-list li.shop-color-4 {
    border-color: #FFC576;
}

.value-input-area .color-list li.shop-color-4.active::before {
    border: 1px solid #FFC576;
}

.value-input-area .color-list li.shop-color-5 {
    border-color: #040B25;
}

.value-input-area .color-list li.shop-color-5.active::before {
    border: 1px solid #040B25;
}

.value-input-area .color-list li.shop-color-6 {
    border: 1px solid #FF9800;
}

.value-input-area .color-list li.shop-color-6.active::before {
    border: 1px solid #FF9800;
}

.value-input-area .color-list li.shop-color-7 {
    border: 1px solid #FF695C;
}

.value-input-area .color-list li.shop-color-7.active::before {
    border: 1px solid #FF695C;
}

.shop-list-wrapper {
    padding: 20px;
}

.shop-list-wrapper .shop-wrapper-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px 10px;
}

@media (min-width: 100px) and (max-width: 767.98px) {
    .shop-list-wrapper .shop-wrapper-flex {
        display: grid;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .shop-list-wrapper.style-02 .shop-wrapper-flex {
        display: block;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .shop-list-wrapper.style-02 .shop-wrapper-flex {
        display: block;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .shop-list-wrapper.style-02 .shop-wrapper-flex {
        display: block;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .shop-list-wrapper.style-02 .signle-shop-list .shop-list-flex {
        display: block;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .shop-list-wrapper.style-02 .signle-shop-list .shop-list-flex .shop-thumbs {
        width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .shop-list-wrapper.style-02 .signle-shop-list .shop-list-flex .shop-thumbs img {
        width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .shop-list-wrapper.style-02 .signle-shop-list .shop-list-flex .shop-list-contents {
        margin-top: 30px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .shop-list-wrapper.style-02 .single-shop-cart {
        margin-top: 30px;
        text-align: left;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .shop-list-wrapper.style-02 .single-shop-cart {
        margin-top: 30px;
        text-align: left;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .shop-list-wrapper.style-02 .single-shop-cart {
        margin-top: 30px;
        text-align: left;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .shop-list-wrapper.style-02 .single-shop-cart::before {
        display: none;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .shop-list-wrapper.style-02 .single-shop-cart::before {
        display: none;
    }
}

.shop-list-wrapper.style-02 .single-shop-cart .shop-cart-flex {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.center-text .btn-shop-botttom {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.single-shop-cart {
    text-align: center;
    position: relative;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .single-shop-cart {
        margin-top: 24px;
        margin: 24px auto;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-shop-cart {
        margin: 0 auto;
    }
}

@media only screen and (max-width: 767.98px) {
    .single-shop-cart {
        text-align: left;
    }
}

.single-shop-cart .price-title {
    font-size: 32px;
    line-height: 36px;
}

.single-shop-cart .shop-cart-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-shop-cart .shop-cart-flex {
        margin-top: 15px;
    }
}

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

@media only screen and (max-width: 480px) {
    .single-shop-cart .shop-cart-flex {
        gap: 20px;
    }
}

@media only screen and (max-width: 375px) {
    .single-shop-cart .shop-cart-flex {
        gap: 20px;
    }
}

.single-shop-cart .btn-shop-botttom {
    font-size: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media only screen and (max-width: 767.98px) {
    .single-shop-cart .btn-shop-botttom {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

@media only screen and (max-width: 375px) {
    .single-shop-cart .btn-shop-botttom {
        font-size: 20px;
    }
}

.single-shop-cart .btn-shop-botttom .icons {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    margin: 5px 5px;
    border: 1px solid rgba(221, 221, 221, 0.4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    width: 40px;
}

.single-shop-cart .btn-shop-botttom .icons:hover {
    color: var(--main-color-one);
    border-color: var(--main-color-one);
}

.single-shop-cart .btn-shop-botttom.hover-color-two .icons:hover {
    color: var(--main-color-two);
}

.single-shop-cart .btn-shop-botttom.hover-color-three .icons:hover {
    color: var(--main-color-three);
}

.single-shop-cart .btn-shop-botttom.hover-color-four .icons:hover {
    color: var(--main-color-four);
}

.discount-countdown-list {
    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 9;
    background: rgba(255, 255, 255, 0.5);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.signle-shop-list {
    flex: 1;
    max-width: 650px;
}

.signle-shop-list .shop-list-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

@media only screen and (max-width: 767.98px) {
    .signle-shop-list .shop-list-flex {
        display: block;
    }
}

.signle-shop-list .shop-thumbs {
    height: 260px;
    width: 260px;
    position: relative;
    z-index: 2;
    flex-shrink: 0;
}

.signle-shop-list .shop-thumbs img {
    width: 100%;
}

@media screen and (min-width: 992px) and (max-width: 1599.98px) {
    .signle-shop-list .shop-thumbs {
        max-width: 250px;
    }
}

.signle-shop-list .shop-thumbs .campaign-countdown {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    z-index: 2;
}

@media only screen and (max-width: 767.98px) {
    .signle-shop-list .shop-thumbs {
        height: 100%;
        width: 100%;
    }
}

.signle-shop-list .shop-thumbs img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.signle-shop-list .shop-list-contents {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media only screen and (max-width: 767.98px) {
    .signle-shop-list .shop-list-contents {
        padding-top: 20px;
    }
}

.signle-shop-list .shop-list-contents .shop-list-title {
    font-size: 22px !important;
    line-height: 36px;
}

.signle-shop-list .shop-list-contents .global-shop-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
}

@media only screen and (max-width: 767.98px) {
    .signle-shop-list .shop-list-contents .global-shop-list {
        margin-top: 15px;
    }
}

.signle-shop-list .shop-list-contents .global-shop-list .list .star {
    color: #FFBA5C;
}

.signle-shop-list .shop-list-contents .global-shop-list .list .shop-size {
    position: relative;
}

.signle-shop-list .shop-list-contents .global-shop-list .list:not(:last-child) .shop-size {
    padding-right: 10px;
}

.signle-shop-list .shop-list-contents .global-shop-list .list:not(:last-child) .shop-size::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #999;
    z-index: -1;
    height: 12px;
    width: 2px;
}

.signle-shop-list .shop-list-contents .global-shop-list .list:not(:first-child) .shop-size {
    padding-left: 10px;
}

.signle-shop-list .shop-list-contents .global-shop-list .list .color-list {
    display: inline-block;
    height: 15px;
    width: 15px;
    margin-left: 10px;
}

.signle-shop-list .shop-list-contents .global-shop-list .list .artificial {
    margin-left: 10px;
}

/* Shop Details Area */
.single-shop-details-wrapper {
    padding: 0 10px;
}

.shop-details-thums img {
    width: 100%;
}

.shop-details-thums.shop-details-thums-small {
    height: 130px;
    width: max-content;
}

.shop-details-thums.shop-details-thums-small img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-shop-details-wrapper {
        margin-top: 20px;
    }
}

.single-shop-details-wrapper .common-para {
    margin-top: 30px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .single-shop-details-wrapper .common-para {
        margin-top: 15px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .single-shop-details-wrapper .common-para {
        margin-top: 15px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .single-shop-details-wrapper .price-update-through {
        margin-top: 15px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .single-shop-details-wrapper .price-update-through {
        margin-top: 15px !important;
    }
}

@media only screen and (max-width: 767.98px) {
    .single-shop-details-wrapper .price-update-through .flash-prices {
        font-size: 18px !important;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-shop-details-wrapper .price-update-through .flash-old-prices {
        font-size: 14px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .quantity-area {
        margin-top: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .quantity-area {
        margin-top: 20px;
    }
}

.details-title {
    font-size: 32px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--heading-color);
}

@media screen and (max-width: 575px) {
    .details-title {
        font-size: 30px;
    }
}

@media screen and (max-width: 480px) {
    .details-title {
        font-size: 28px;
    }
}

@media screen and (max-width: 375px) {
    .details-title {
        font-size: 24px;
    }
}

.quick-view-modal {
    position: relative;
}

.quick-view-close-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--delete-color);
    color: var(--delete-color);
    border-radius: 50%;
    font-size: 16px;
    line-height: 20px;
    height: 35px;
    width: 35px;
    background: var(--white);
    transition: all .3s;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
}

@media screen and (min-width: 576px) {
    .quick-view-close-btn {
        right: -10px;
        top: -10px;
    }
}

.quick-view-close-btn:hover {
    background-color: var(--delete-color);
    color: var(--white);
}

.quick-view-value-input-area {}

.quick-view-value-input-area .form--input {
    border: 1px solid var(--border-color);
    padding: 5px 12px;
    font-size: 16px;
    font-weight: 500;
    color: var(--heading-color);
    height: 42px;
    width: auto;
    border: 0;
    outline: none;
}

.quick-view-value-input-area .input-list {
    display: flex;
    align-items: baseline;
    gap: 12px;
}

.quick-view-value-input-area .input-list strong {
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    color: var(--heading-color);
    display: block;
}

.quick-view-size-lists {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 15px;
}

.quick-view-size-lists li {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border-color);
    padding: 7px 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: var(--paragraph-color);
    cursor: pointer;
}

.quantity-area .quantity-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}

.product-quantity {
    position: relative;
    z-index: 3;
}

.product-quantity .quantity-input {
    width: 100px;
    height: 45px;
    border: 1px solid #999;
    color: var(--paragraph-color);
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    text-align: center;
}

.product-quantity .substract,
.product-quantity .plus {
    color: var(--paragraph-color);
    z-index: 9;
    cursor: pointer;
    position: absolute;
    left: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.product-quantity .substract:hover,
.product-quantity .plus:hover {
    color: var(--main-color-one);
}

.product-quantity .plus {
    left: auto;
    right: 5px;
}

.quantity-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .quantity-btn {
        margin-top: 25px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .quantity-btn {
        margin-top: 25px;
    }
}

.quantity-btn .heart-btn {
    height: 52px;
    width: 52px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid var(--main-color-one);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.quantity-btn .heart-btn:hover {
    background: var(--main-color-one);
    color: var(--white);
}

@media only screen and (max-width: 375px) {
    .quantity-btn .heart-btn {
        height: 45px;
        width: 45px;
        font-size: 24px !important;
    }
}

.visit__btn,
.chatContact__btn {
    font-size: 16px;
    font-weight: 400;
    font-family: var(--body-font);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-transform: capitalize;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    gap: 5px;
    cursor: pointer;
    line-height: 20px;
    padding: 10px 25px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    background-color: var(--main-color-one);
    color: var(--white-text);
    position: relative;
    z-index: 0;
    overflow: hidden;
    border: 1px solid transparent;
}

.chatContact__btn i {
    font-size: 14px;
}

.visit__btn__outline {
    font-size: 16px;
    font-weight: 400;
    font-family: var(--body-font);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-transform: capitalize;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    gap: 5px;
    cursor: pointer;
    line-height: 20px;
    padding: 13px 25px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    background-color: unset;
    color: var(--paragraph-color);
    border: 1px solid var(--border-color);
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.visit__btn__outline:hover {
    border-color: var(--main-color-one);
    color: var(--main-color-one);
}

.quick-view-availability,
.availability,
.stock-available {
    font-weight: 500;
    line-height: 26px;
    font-size: 16px;
    padding: 5px 0;
}

.stock-available .count-stock {
    color: var(--body-color);
}

.shop-border-top {
    border-top: 1px solid rgba(221, 221, 221, 0.4);
}

.product-sold-btn {
    font-size: 16px;
    background: rgba(90, 178, 126, 0.1);
    color: #5AB27E;
    padding: 10px 20px;
    display: inline-block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.product-sold-btn:hover {
    background: #5AB27E;
    color: var(--white);
}

.guaranteed-checkout {
    font-size: 16px;
    display: block;
}

.details-checkout-shop .payment-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .shop-details-stock .stock-category {
        margin-top: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .shop-details-stock .stock-category {
        margin-top: 20px;
    }
}

.checkout__card__wrap {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
}

.checkout__card__wrap:not(:last-child) {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--border-two);
}

.checkout__card__wrap__product {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    max-width: 300px;
}

.checkout__card__thumb {
    flex-shrink: 0;
    max-width: 80px;
}

.shop-details-stock .stock-category li {
    font-size: 16px;
    line-height: 26px;
}

@media only screen and (max-width: 480px) {
    .shop-details-stock .stock-category li {
        font-size: 15px;
    }
}

@media only screen and (max-width: 375px) {
    .shop-details-stock .stock-category li {
        font-size: 14px;
    }
}

.shop-details-stock .stock-category li:not(:last-child) {
    padding-bottom: 10px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .shop-details-stock .stock-category li:not(:last-child) {
        margin-top: 15px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .shop-details-stock .stock-category li:not(:last-child) {
        margin-top: 15px;
    }
}

.category-list strong {
    color: var(--heading-color);
}

.shop-details-stock .stock-category li a:hover {
    color: var(--main-color-one);
}

.shop-details-stock .stock-category .category-list .list-item {
    padding-left: 3px;
}

.shop-details-stock .stock-category .category-list .list-item:not(:last-child)::after {
    content: ",";
}

.shop-details-stock .size-chart-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px 30px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .shop-details-stock .size-chart-list {
        margin-top: 25px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .shop-details-stock .size-chart-list {
        margin-top: 25px;
    }
}

.shop-details-stock .size-chart-list li a {
    font-size: 16px;
    line-height: 26px;
    display: inline-block;
    border-bottom: 1px solid #999;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@media only screen and (max-width: 480px) {
    .shop-details-stock .size-chart-list li a {
        font-size: 15px;
    }
}

@media only screen and (max-width: 375px) {
    .shop-details-stock .size-chart-list li a {
        font-size: 14px;
        line-height: 22px;
    }
}

.shop-details-stock .size-chart-list li a:hover {
    color: var(--main-color-one);
    border-color: var(--main-color-one);
}

.shop-details-thums {
    height: 600px;
    padding: 10px;
    overflow: hidden;
}

.shop-details-thums img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.shop-details-top-slider .shop-details-thumb-wrapper .shop-details-thums img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    scale: 1;
    transition: .2s ease-in scale;
    position: relative;
}

.shop-details-click-img .shop-small-thumb-wrapper {
    cursor: pointer;
}

.shop-description-list .list {
    font-size: 18px;
    line-height: 24px;
    margin-top: 15px;
}

/* Portrait and Landscape */
@media only screen and (min-width: 320px) and (max-width: 480px) {
    .shop-details-thums {
        height: 100%;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .shop-description-list .list {
        font-size: 16px;
    }
}

@media only screen and (max-width: 575.98px) {
    .shop-description-list .list {
        font-size: 15px;
        margin-top: 10px;
    }
}

@media only screen and (max-width: 375px) {
    .shop-description-list .list {
        font-size: 14px;
    }
}

.single-shop-details-wrapper {
    max-width: 585px;
}

.details-tab-wrapper .details-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .details-tab-wrapper .details-tab {
        gap: 15px;
    }
}

@media only screen and (max-width: 480px) {
    .details-tab-wrapper .details-tab {
        gap: 0;
    }
}

.details-tab-wrapper .details-tab li {
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 10px;
    background: none;
    color: var(--paragraph-color);
    -webkit-transition: all 300ms;
    transition: all 300ms;
    position: relative;
    z-index: 1;
    margin-bottom: 10px;
}

.details-tab-wrapper .details-tab li::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--main-color-one);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .details-tab-wrapper .details-tab li {
        font-size: 16px;
        font-weight: 400;
        padding: 7px 20px;
    }
}

@media only screen and (max-width: 575.98px) {
    .details-tab-wrapper .details-tab li {
        font-size: 15px;
        padding: 6px 20px;
        line-height: 26px;
    }
}

@media only screen and (max-width: 375px) {
    .details-tab-wrapper .details-tab li {
        font-size: 14px;
        padding: 0px 2px;
    }
}

.details-tab-wrapper .details-tab li.active {
    color: var(--white);
}

.details-tab-wrapper .details-tab li.active::before {
    width: 100%;
    visibility: visible;
    opacity: 1;
}

.details-tab-wrapper .details-tab li:hover {
    color: var(--heading-color);
}

.details-tab-wrapper .details-tab.hover-color-two li.active {
    background: var(--main-color-two);
    color: var(--white);
    border-color: var(--main-color-two);
}

.details-tab-wrapper .details-tab.hover-color-two li:hover {
    background: var(--main-color-two);
    color: var(--white);
    border-color: var(--main-color-two);
}

.details-tab-wrapper .details-tab.hover-color-three li.active {
    background: var(--main-color-three);
    color: var(--white);
    border-color: var(--main-color-three);
}

.details-tab-wrapper .details-tab.hover-color-three li:hover {
    background: var(--main-color-three);
    color: var(--white);
    border-color: var(--main-color-three);
}

.details-tab-wrapper .details-tab.hover-color-four li.active {
    background: var(--main-color-four);
    color: var(--white);
    border-color: var(--main-color-four);
}

.details-tab-wrapper .details-tab.hover-color-four li:hover {
    background: var(--main-color-four);
    color: var(--white);
    border-color: var(--main-color-four);
}

.details-tab-wrapper .tab-content-item {
    border: 1px solid var(--border-color);
    padding: 20px;
    margin-top: 20px;
}

.wishlist-compare .wishlist-compare-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px;
}

.wishlist-compare .wishlist-compare-btn .btn-details {
    display: inline-block;
    font-size: 18px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.wishlist-compare .wishlist-compare-btn .btn-details i {
    margin-right: 3px;
}

.wishlist-compare .wishlist-compare-btn .btn-details:hover {
    color: var(--main-color-one);
}

.btn-buyNow {
    color: var(--paragraph-color);
    font-size: 16px;
    font-weight: 500;
    font-family: var(--body-font);
    display: inline-block;
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
    line-height: 24px;
    padding: 5px 22px;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    background: unset;
    color: var(--main-color-one);
    border: 1px solid var(--main-color-one);
}

.wishlist-compare .wishlist-compare-btn .btn-addCompare,
.wishlist-compare .wishlist-compare-btn .btn-buyNow {
    font-size: 16px;
}

.btn-buyNow:hover {
    background-color: var(--main-color-one);
    color: var(--white) !important;
}

.add_to_compare_single_page {
    display: none !important;
}

.btn-addCompare {
    font-size: 16px;
    font-weight: 500;
    font-family: var(--body-font);
    display: inline-block;
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
    line-height: 24px;
    padding: 10px 35px;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    background: unset;
    color: var(--paragraph-color);
    border: 1px solid var(--border-color);
}

.btn-addCompare:hover {
    background-color: unset;
    color: var(--main-color-one);
    border-color: var(--main-color-one);
}

.tags-area-shop .tags-shop-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.tags-area-shop .tags-shop-list .list {
    margin-top: 10px;
}

.tags-area-shop .tags-shop-list .list:not(:last-child) {
    margin-right: 10px;
}

.tags-area-shop .tags-shop-list .list a {
    font-size: 15px;
    display: inline-block;
    padding: 5px 12px;
    border: 1px solid rgba(221, 221, 221, 0.4);
    color: var(--paragraph-color);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.tags-area-shop .tags-shop-list .list a:hover {
    background: var(--main-color-one);
    color: var(--white);
    border-color: var(--main-color-one);
}

.single-details-tab .tab-description .description-para {
    font-size: 18px;
    line-height: 30px;
    color: var(--paragraph-color);
    padding-top: 30px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-details-tab .tab-description .description-para {
        font-size: 16px;
    }
}

@media only screen and (max-width: 480px) {
    .single-details-tab .tab-description .description-para {
        font-size: 15px;
    }
}

@media only screen and (max-width: 375px) {
    .single-details-tab .tab-description .description-para {
        font-size: 14px;
    }
}

.about-seller-flex-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0px 0 20px;
    gap: 0px;
}

@media only screen and (max-width: 480px) {
    .about-seller-flex-content {
        display: block;
    }
}

@media only screen and (max-width: 575.98px) {
    .about-seller-flex-content {
        padding: 30px 0;
    }
}

.about-seller-flex-content:not(:first-child) {
    border-top: 2px solid rgba(221, 221, 221, 0.5);
}

.about-seller-flex-content .about-seller-thumb {
    height: 80px;
    min-width: 80px;
    border-radius: 10px;
    display: block;
}

@media only screen and (max-width: 480px) {
    .about-seller-flex-content .about-seller-thumb {
        width: 80px;
        margin-bottom: 15px;
    }
}

.about-seller-flex-content .about-seller-thumb img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.about-seller-flex-content .about-seller-content .title {
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
}

.about-seller-flex-content .about-seller-content .about-seller-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
}

.about-seller-flex-content .about-seller-content .about-seller-list .icon {
    color: var(--main-color-one);
    font-size: 12px;
}

.about-seller-flex-content .about-seller-content .about-seller-list .reviews {
    margin-left: 10px;
}

.about-seller-flex-content .about-seller-content .about-review-para {
    font-size: 16px;
    font-weight: 400;
    color: var(--paragraph-color);
    margin-top: 20px;
    line-height: 26px;
}

.about-seller-flex-content .about-seller-content .review-date {
    margin-top: 20px;
    display: block;
}

.seller-details-box {
    border: 1px solid rgba(221, 221, 221, 0.5);
    padding: 30px;
    border-radius: 10px;
}

@media only screen and (max-width: 480px) {
    .seller-details-box {
        padding: 20px 10px;
    }
}

.seller-details-box .seller-box-list {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

@media only screen and (max-width: 480px) {
    .seller-details-box .seller-box-list {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

.seller-details-box .seller-box-list .box-list {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    margin-bottom: 20px;
}

.seller-details-box .seller-box-list .box-list strong {
    display: block;
    font-size: 20px;
    font-weight: 500;
    color: var(--heading-color);
    font-family: var(--heading-font);
    line-height: 28px;
    margin-top: 5px;
}

.seller-details-box .seller-details-para {
    font-size: 18px;
    line-height: 30px;
    color: var(--paragraph-color);
}

@media only screen and (max-width: 575.98px) {
    .seller-details-box .seller-details-para {
        font-size: 16px;
    }
}

@media only screen and (max-width: 375px) {
    .seller-details-box .seller-details-para {
        font-size: 14px;
    }
}

.payment-list .payments {
    position: relative;
    z-index: 1;
    border: 2px solid transparent;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: calc(100% / 5 - 8px);
}

.payment-list .payments.selected {
    border-color: var(--main-color-one);
}

.payment-list .payments.selected::before {
    visibility: visible;
    opacity: 1;
}

.payment-list .payments::before {
    font-family: "Line Awesome Free";
    font-weight: 900;
    content: "\f00c";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 12px;
    height: 18px;
    width: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--main-color-one);
    color: var(--white);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.shop-details-faq-contents {
    height: 650px;
    overflow-y: auto;
}

.shop-details-faq-contents .faq-contents .faq-item {
    margin-top: 0;
}

.shop-details-faq-contents .faq-contents .faq-item:last-child {
    border-bottom: 2px solid #DDD;
}

.shop-details-faq-contents .faq-contents .faq-item.open .faq-title {
    background: none;
    color: var(--heading-color);
}

.shop-details-faq-contents .faq-contents .faq-item.open .faq-title::after {
    content: "";
    color: var(--paragraph-color);
}

.shop-details-faq-contents .faq-contents .faq-item.active .faq-panel {
    display: block;
    background: none;
    padding: 0;
}

.shop-details-faq-contents .faq-contents .faq-item:not(:first-child) {
    margin-top: 0;
}

.shop-details-faq-contents .faq-contents .faq-item .faq-title {
    font-size: 24px;
    font-weight: 500;
    border: none;
    padding: 50px 0 30px;
    border-top: 2px solid #DDD !important;
    font-family: var(--heading-font);
    color: var(--heading-color);
}

.shop-details-faq-contents .faq-contents .faq-item .faq-title::after {
    content: "";
    color: var(--paragraph-color);
    font-size: 24px;
    right: 0;
    margin-top: 15px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .shop-details-faq-contents .faq-contents .faq-item .faq-title::after {
        margin-top: 0;
        font-size: 22px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .shop-details-faq-contents .faq-contents .faq-item .faq-title::after {
        margin-top: 0;
        font-size: 22px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .shop-details-faq-contents .faq-contents .faq-item .faq-title::after {
        margin-top: 0;
        font-size: 20px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .shop-details-faq-contents .faq-contents .faq-item .faq-title::after {
        margin-top: 0;
        font-size: 18px;
    }
}

@media only screen and (max-width: 480px) {
    .shop-details-faq-contents .faq-contents .faq-item .faq-title::after {
        font-size: 16px;
    }
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .shop-details-faq-contents .faq-contents .faq-item .faq-title {
        padding: 30px 0;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .shop-details-faq-contents .faq-contents .faq-item .faq-title {
        padding: 20px 0;
        font-size: 22px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .shop-details-faq-contents .faq-contents .faq-item .faq-title {
        padding: 20px 0;
        font-size: 22px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .shop-details-faq-contents .faq-contents .faq-item .faq-title {
        padding: 20px 0;
        font-size: 20px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .shop-details-faq-contents .faq-contents .faq-item .faq-title {
        padding: 20px 0;
        font-size: 18px;
    }
}

@media only screen and (max-width: 480px) {
    .shop-details-faq-contents .faq-contents .faq-item .faq-title {
        font-size: 17px;
    }
}

@media only screen and (max-width: 375px) {
    .shop-details-faq-contents .faq-contents .faq-item .faq-title {
        font-size: 16px;
    }
}

.shop-details-faq-contents .faq-contents .faq-item .faq-panel {
    padding: 0;
    background: none !important;
}

.shop-details-faq-contents .faq-contents .faq-item .faq-panel .faq-para {
    font-size: 18px;
    line-height: 30px;
    padding-bottom: 30px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .shop-details-faq-contents .faq-contents .faq-item .faq-panel .faq-para {
        font-size: 16px;
        line-height: 28px;
        padding-bottom: 20px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .shop-details-faq-contents .faq-contents .faq-item .faq-panel .faq-para {
        font-size: 16px;
        line-height: 28px;
        padding-bottom: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .shop-details-faq-contents .faq-contents .faq-item .faq-panel .faq-para {
        font-size: 16px;
        line-height: 28px;
        padding-bottom: 20px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .shop-details-faq-contents .faq-contents .faq-item .faq-panel .faq-para {
        font-size: 16px;
        line-height: 28px;
        padding-bottom: 20px;
    }
}

@media only screen and (max-width: 480px) {
    .shop-details-faq-contents .faq-contents .faq-item .faq-panel .faq-para {
        font-size: 15px;
    }
}

@media only screen and (max-width: 375px) {
    .shop-details-faq-contents .faq-contents .faq-item .faq-panel .faq-para {
        font-size: 14px;
        line-height: 26px;
    }
}

.shop-details-faq-contents .faq-contents .faq-item .faq-panel .tab-information .about-seller-flex-content {
    padding: 0 0 10px;
}

.shop-details-faq-contents .faq-contents .faq-item .faq-panel .tab-information .seller-details-box {
    border: 0;
    padding: 10px 0 30px;
}

.shop-details-faq-contents .faq-contents .faq-item .faq-panel .tab-information .seller-details-box .seller-details-para {
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.shop-details-faq-contents .faq-contents .faq-item .faq-panel .tab-review {
    padding-bottom: 30px;
}

.shop-details-faq-contents .faq-contents .faq-item .faq-panel .tab-review .about-seller-flex-content {
    padding: 20px 0;
}

.shop-details-faq-contents .faq-contents .faq-item .faq-panel .tab-review .about-seller-flex-content:first-child {
    padding-top: 0;
}

.shop-details-faq-contents .faq-contents .faq-item .faq-panel .tab-review .about-seller-flex-content .about-seller-content .about-review-para {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.shop-details-right-sidebar {
    position: sticky;
    top: 0;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .shop-details-right-sidebar {
        margin-top: 30px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .shop-details-right-sidebar {
        margin-top: 30px;
    }
}

.single-sidebar-details {
    padding: 20px;
}

.single-sidebar-details .title-sidebar-global {
    font-size: 22px;
    font-weight: 500;
}

.single-sidebar-details .shop-details-gift .gift-icon {
    font-size: 60px;
    color: var(--main-color-one);
}

.single-sidebar-details .best-seller-sidebar:hover .seller-thumb img {
    -webkit-transform: rotate(5deg) scale(1.2);
    transform: rotate(5deg) scale(1.2);
}

.single-sidebar-details .best-seller-sidebar:hover .thumb-brand {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.single-sidebar-details .best-seller-sidebar .thumb-brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 80px;
    width: 80px;
    background-color: #f7f7f7;
    margin: 0px auto;
    position: relative;
    z-index: 9;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.single-sidebar-details .best-seller-sidebar .thumb-brand.brand-thumb-border {
    border: 3px solid #fff;
}

.single-sidebar-details .shop-details-share .share-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.single-sidebar-details .shop-details-share .share-list .list {
    margin: 0px 5px 5px;
}

.single-sidebar-details .shop-details-share .share-list .list .social-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    height: 40px;
    width: 40px;
    background: rgba(221, 221, 221, 0.4);
    color: var(--heading-color);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.single-sidebar-details .shop-details-share .share-list .list .social-icon:hover {
    background: var(--main-color-one);
    color: var(--white);
}

.single-sidebar-details .shop-product-slider .nav-style-two .prev-icon,
.single-sidebar-details .shop-product-slider .nav-style-two .next-icon {
    height: 35px;
    width: 35px;
    font-size: 20px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .shop-details-list .promo-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .shop-details-list .promo-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 0 20px;
    }
}

.shop-details-list .promo-list .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.shop-details-list .promo-list .list:not(:first-child) {
    margin-top: 24px;
}

.shop-details-list .promo-list .list .icon {
    margin-right: 10px;
    font-size: 30px;
    color: var(--main-color-one);
}

.shop-details-list .promo-list .list .promon-icon-contents .promo-title:hover {
    color: var(--main-color-one);
}

.shop-details-list .promo-list .list .promon-icon-contents .promo-para {
    font-size: 15px;
    line-height: 26px;
    display: block;
    margin-top: 5px;
}

.sidebar-wrapper-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}

.sidebar-wrapper-btn .btn-visit-chat {
    margin-top: 20px;
}

.sidebar-wrapper-btn .visit-btn {
    background: var(--main-color-one);
    color: var(--white);
    padding: 7px 15px;
    display: inline-block;
    border: 2px solid var(--main-color-one);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.sidebar-wrapper-btn .visit-btn:hover {
    background: none;
    color: var(--main-color-one);
}

.sidebar-wrapper-btn .visit-btn.visit__btn__outline {
    background: unset;
    color: var(--paragraph-color);
    padding: 10px 15px;
    border: 1px solid var(--border-color);
}

.sidebar-wrapper-btn .visit-btn.visit__btn__outline:hover {
    border-color: var(--main-color-one);
    color: var(--main-color-one);
    background-color: unset;
}

.sidebar-wrapper-btn .btn-message-chat {
    padding: 6px 10px;
    font-size: 18px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.sidebar-wrapper-btn .btn-message-chat.chat-border {
    border: 2px solid var(--main-color-one);
    color: var(--main-color-one);
}

.sidebar-wrapper-btn .btn-message-chat.chat-border:hover {
    background: var(--main-color-one);
    color: var(--white);
}

.shop-popup-color-two .value-input-area .size-lists li.active {
    border-color: var(--main-color-two);
}

.shop-popup-color-two .product-quantity .substract:hover,
.shop-popup-color-two .product-quantity .plus:hover {
    color: var(--main-color-two);
}

.shop-popup-color-two .quantity-btn .heart-btn {
    border-color: var(--main-color-two);
}

.shop-popup-color-two .quantity-btn .heart-btn:hover {
    background-color: var(--main-color-two);
    color: var(--white);
}

.shop-popup-color-two .wishlist-compare .wishlist-compare-btn .btn-details:hover {
    color: var(--main-color-two);
}

.shop-popup-color-two .payment-list .payments.selected {
    border-color: var(--main-color-two);
}

.shop-popup-color-two .payment-list .payments::before {
    background: var(--main-color-two);
}

.shop-popup-color-two .shop-details-stock .stock-category li a:hover {
    color: var(--main-color-two);
}

.shop-popup-color-two .tags-area-shop .tags-shop-list .list a:hover {
    background: var(--main-color-two);
    color: var(--white);
    border-color: var(--main-color-two);
}

.shop-popup-color-three .value-input-area .size-lists li.active {
    border-color: var(--main-color-three);
}

.shop-popup-color-three .product-quantity .substract:hover,
.shop-popup-color-three .product-quantity .plus:hover {
    color: var(--main-color-three);
}

.shop-popup-color-three .quantity-btn .heart-btn {
    border-color: var(--main-color-three);
}

.shop-popup-color-three .quantity-btn .heart-btn:hover {
    background-color: var(--main-color-three);
    color: var(--white);
}

.shop-popup-color-three .wishlist-compare .wishlist-compare-btn .btn-details:hover {
    color: var(--main-color-three);
}

.shop-popup-color-three .payment-list .payments.selected {
    border-color: var(--main-color-three);
}

.shop-popup-color-three .payment-list .payments::before {
    background: var(--main-color-three);
}

.shop-popup-color-three .shop-details-stock .stock-category li a:hover {
    color: var(--main-color-two);
}

.shop-popup-color-three .tags-area-shop .tags-shop-list .list a:hover {
    background: var(--main-color-three);
    color: var(--white);
    border-color: var(--main-color-three);
}

.shop-popup-color-four .value-input-area .size-lists li.active {
    border-color: var(--main-color-four);
}

.shop-popup-color-four .product-quantity .substract:hover,
.shop-popup-color-four .product-quantity .plus:hover {
    color: var(--main-color-four);
}

.shop-popup-color-four .quantity-btn .heart-btn {
    border-color: var(--main-color-four);
}

.shop-popup-color-four .quantity-btn .heart-btn:hover {
    background-color: var(--main-color-four);
    color: var(--white);
}

/* Discount Popup Area */
.discount-popup-wrapper {
    max-width: 900px;
    margin: 200px auto;
    text-align: center;
    padding: 80px 20px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999999;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .discount-popup-wrapper {
        max-width: 500px;
        padding: 50px 10px;
        margin: 100px auto;
    }
}

@media only screen and (max-width: 767.98px) {
    .discount-popup-wrapper {
        max-width: 400px;
    }
}

@media only screen and (max-width: 575.98px) {
    .discount-popup-wrapper {
        max-width: 350px;
    }
}

@media only screen and (max-width: 480px) {
    .discount-popup-wrapper {
        max-width: 300px;
    }
}

@media only screen and (max-width: 375px) {
    .discount-popup-wrapper {
        max-width: 280px;
    }
}

.discount-popup-wrapper .close-icon {
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 99;
    cursor: pointer;
    font-size: 24px;
    color: var(--paragraph-color);
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .discount-popup-wrapper .close-icon {
        top: 10px;
        right: 15px;
    }
}

.discount-popup-contents .popup-title {
    font-size: 60px;
    line-height: 80px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .discount-popup-contents .popup-title {
        font-size: 55px;
        line-height: 70px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .discount-popup-contents .popup-title {
        font-size: 50px;
        line-height: 65px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .discount-popup-contents .popup-title {
        font-size: 50px;
        line-height: 60px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .discount-popup-contents .popup-title {
        font-size: 36px;
        line-height: 40px;
    }
}

@media only screen and (max-width: 767.98px) {
    .discount-popup-contents .popup-title {
        font-size: 32px;
    }
}

@media only screen and (max-width: 480px) {
    .discount-popup-contents .popup-title {
        font-size: 28px;
        line-height: 36px;
    }
}

.discount-popup-contents .popup-para {
    font-size: 18px;
    line-height: 30px;
    max-width: 460px;
    margin: 0 auto;
    margin-top: 20px;
    color: var(--paragraph-color);
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .discount-popup-contents .popup-para {
        font-size: 16px;
        line-height: 28px;
    }
}

.discount-popup-contents .popup-form {
    max-width: 500px;
    margin: 50px auto 0;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .discount-popup-contents .popup-form {
        margin: 30px auto 0;
    }
}

.discount-popup-contents .popup-form .single-input {
    position: relative;
    z-index: 1;
}

.discount-popup-contents .popup-form .single-input .form--control {
    border: 0;
    outline: none;
    background: #fff;
    padding: 0 140px 0 20px;
}

@media only screen and (max-width: 375px) {
    .discount-popup-contents .popup-form .single-input .form--control {
        height: 50px;
    }
}

.discount-popup-contents .popup-form .single-input button {
    background: var(--main-color-one);
    color: var(--white);
    border: 0;
    outline: none;
    padding: 10px 30px;
    position: absolute;
    right: 0;
    height: 100%;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
}

@media only screen and (max-width: 480px) {
    .discount-popup-contents .popup-form .single-input button {
        font-size: 15px;
        padding: 8px 20px;
    }
}

.discount-popup-contents .popup-form .checkbox-inlines {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .discount-popup-contents .popup-form .checkbox-inlines {
        margin-top: 30px;
    }
}

.discount-overlays {
    position: fixed;
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99999;
    background: rgba(0, 0, 0, 0.7);
}

.popup-color-two .global-timer.discount-countdown .syotimer__body .syotimer-cell .syotimer-cell__value {
    color: var(--main-color-two);
}

.popup-color-two .discount-popup-contents .popup-form .single-input button {
    background-color: var(--main-color-two);
}

.popup-color-two .checkbox-inlines .check-input:checked {
    background-color: var(--main-color-two);
    border-color: var(--main-color-two);
}

.popup-color-three .global-timer.discount-countdown .syotimer__body .syotimer-cell .syotimer-cell__value {
    color: var(--main-color-three);
}

.popup-color-three .discount-popup-contents .popup-form .single-input button {
    background-color: var(--main-color-three);
}

.popup-color-three .checkbox-inlines .check-input:checked {
    background-color: var(--main-color-three);
    border-color: var(--main-color-three);
}

.popup-color-four .global-timer.discount-countdown .syotimer__body .syotimer-cell .syotimer-cell__value {
    color: var(--main-color-four);
}

.popup-color-four .discount-popup-contents .popup-form .single-input button {
    background-color: var(--main-color-four);
}

.popup-color-four .checkbox-inlines .check-input:checked {
    background-color: var(--main-color-four);
    border-color: var(--main-color-four);
}

.popup-modal {
    position: relative;
    z-index: 9;
}

.shop-detail-cart-content {
    max-width: 1000px;
    margin: 0 auto;
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(0%) scale(0.6);
    transform: translateY(0%) scale(0.6);
    left: 0;
    right: 0;
    background: #fff;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}

.shop-detail-cart-content.active {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .shop-detail-cart-content.active {
        top: 0;
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .shop-detail-cart-content.active {
        top: 0;
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .shop-detail-cart-content.active {
        top: 0;
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .shop-detail-cart-content.active {
        top: 0;
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
}

.shop-detail-cart-content .shop-details-cart-images {
    max-width: 575px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .shop-detail-cart-content .shop-details-cart-images {
        max-width: 575px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .shop-detail-cart-content .shop-details-cart-images {
        max-width: 100%;
    }
}

.shop-detail-cart-content .shop-details-cart-contents {
    overflow-y: auto;
    max-height: 700px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .shop-detail-cart-content .shop-details-cart-contents {
        max-height: 690px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .shop-detail-cart-content .shop-details-cart-contents {
        padding: 0 30px;
    }
}

@media only screen and (max-width: 480px) {
    .shop-detail-cart-content .shop-details-cart-contents {
        padding: 0 20px;
    }
}

@media only screen and (max-width: 375px) {
    .shop-detail-cart-content .shop-details-cart-contents {
        padding: 0 10px;
    }
}

.shop-detail-cart-content .single-shop-details-wrapper {
    max-width: 100%;
    max-height: 700px;
    overflow-y: auto;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .shop-detail-cart-content .single-shop-details-wrapper {
        margin-top: 20px;
    }
}

.shop-detail-cart-content .single-shop-details-wrapper .close-icon {
    font-size: 24px;
    position: absolute;
    right: 30px;
    top: 20px;
    cursor: pointer;
    z-index: 999;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .shop-detail-cart-content .single-shop-details-wrapper .close-icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 50px;
        width: 50px;
        background: var(--main-color-one);
        color: var(--white);
        right: 20px;
        top: 20px;
    }
}

@media only screen and (max-width: 575.98px) {
    .shop-detail-cart-content .single-shop-details-wrapper .close-icon {
        height: 40px;
        width: 40px;
        top: 10px;
        right: 10px;
    }
}

.shop-details-popup-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 50px;
    background: #fff;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .shop-details-popup-flex {
        display: block;
        height: 100vh;
        overflow-y: scroll;
        overflow-x: hidden;
    }
}

.slingle-client {
    max-width: 100%;
    height: 70px;
    background: #f5f5f5;
    padding: 10px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slingle-client img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    max-height: 50px;
}

/*---------------------------------------
    21. Global Card Area
---------------------------------------*/
.global-card-item {
    border: 1px solid var(--border-color);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.global-card-item.style-02 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    border: 0;
}

.global-card-item.center-text {
    text-align: center;
}

.global-card-item.center-text .single-global-card {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.global-card-item:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.global-card-item:hover .global-card-thumb img {
    -webkit-transform: rotate(5deg) scale(1.2);
    transform: rotate(5deg) scale(1.2);
}

.global-card-item:hover .global-card-thumb.selling-thumb-overlay::before {
    visibility: visible;
    opacity: 1;
}

.global-card-item:hover .global-card-thumb .global-thumb-icons {
    visibility: visible;
    opacity: 1;
    top: 20px;
}

.global-card-item.style-02:hover .global-thumb-icons {
    top: auto;
    bottom: 20px;
}

.global-card-item.style-02 .global-thumb-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: auto;
    bottom: -100px;
    left: 0;
    right: 0;
    text-align: center;
}

.global-card-item.style-02 .global-thumb-icons .lists {
    margin: 5px 5px;
}

.global-card-item.style-02 .global-thumb-icons .lists .icon {
    height: 35px;
    width: 35px;
    font-size: 20px;
}

.global-card-item.style-03 {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
}

.global-card-item.style-03:hover .global-thumb-icons {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.global-card-item.style-03 .global-thumb-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 50%;
    left: 50%;
}

.global-card-item .common-title-two {
    min-height: 60px;
}

.global-card-item.style-03 .global-thumb-icons .lists {
    margin: 5px 5px;
}

.global-card-item.style-03 .global-thumb-icons .lists .icon {
    height: 35px;
    width: 35px;
    font-size: 20px;
    border-radius: 0;
}

.global-card-item.style-03 .global-card-contents {
    padding: 25px 0px 0px;
}

.global-card-item.style-03 .global-card-contents .campaign-countdown {
    margin-bottom: 10px;
}

.global-card-item .global-card-thumb {
    overflow: hidden;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 250px;
    background: var(--gray-two);
}

.global-card-item .global-card-thumb img {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 100%;
    object-fit: contain;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .global-card-item .global-card-thumb img {
        width: 100%;
    }
}

.global-card-item.vendor-global-card-item .global-thumb-icons .lists .icon {
    height: 30px;
    width: 30px;
    font-size: 16px;
}

.vendor-global-card-item .global-thumb-icons .lists:not(:last-child) {
    margin-bottom: 5px;
}

.global-card-contents {
    padding: 20px 20px 24px;
}

.global-card-item.style-02 .global-card-contents {
    padding: 20px 0px 0;
}

.global-card-contents .discount-countdown {
    margin: -15px 0 5px;
}

.thumb-top-contents {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 9;
    display: block;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.thumb-top-contents.right-side {
    left: auto;
    right: 10px;
}

.thumb-top-contents .percent-box {
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    padding: 5px 15px;
    color: var(--white);
}

.thumb-top-contents .percent-box:not(:last-child) {
    margin-bottom: 10px;
}

.special-offer-small {
    display: block;
}

.special-offer-small img {
    width: unset;
}

.global-thumb-icons {
    display: block;
    position: absolute;
    top: -100px;
    right: 20px;
    z-index: 9;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.global-thumb-icons.hover-color-two .lists .icon:hover {
    background: var(--main-color-two);
    color: var(--white);
}

.global-thumb-icons.hover-color-three .lists .icon:hover {
    background: var(--main-color-three);
    color: var(--white);
}

.global-thumb-icons.hover-color-four .lists .icon:hover {
    background: var(--main-color-four);
    color: var(--white);
}

.global-thumb-icons .lists:not(:last-child) {
    margin-bottom: 10px;
}

.global-thumb-icons .lists .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 35px;
    width: 35px;
    border-radius: 5px;
    background: #fff;
    color: var(--paragraph-color);
    font-size: 18px;
    -webkit-box-shadow: 0 0 5px rgba(221, 221, 221, 0.2);
    box-shadow: 0 0 5px rgba(221, 221, 221, 0.2);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.global-thumb-icons .lists .icon:hover {
    background: var(--main-color-one);
    color: var(--white);
}

.card-reviews {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--paragraph-color);
}

.card-reviews.color-one .ratings i {
    color: var(--main-color-one);
}

.card-reviews.color-two .ratings i {
    color: var(--main-color-two);
}

.card-reviews.color-three .ratings i {
    color: var(--main-color-three) !important;
}

.card-reviews .ratings {
    margin: 5px;
}

.card-reviews .ratings i {
    color: var(--review-color);
}

.single-global-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px;
}

@media only screen and (max-width: 375px) {
    .single-global-card {
        display: block;
        margin-top: 0 !important;
    }
}

.single-global-card .global-card-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 10px;
}

@media only screen and (max-width: 375px) {
    .single-global-card .global-card-left {
        margin-right: 10px;
    }
}

.single-global-card .global-card-left .price {
    font-size: 20px;
    font-weight: 500;
    line-height: 36px;
    margin-right: 20px;
}

.single-global-card .global-card-left .price.color-1 {
    color: var(--main-color-one);
}

.single-global-card .global-card-left .price.color-2 {
    color: var(--main-color-two);
}

.single-global-card .global-card-left .price.color-3 {
    color: var(--main-color-three);
}

.single-global-card .global-card-right {
    padding-top: 10px;
}

.global-sale.sale-right-gap {
    margin-right: 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .global-sale.sale-right-gap {
        margin-right: 10px;
    }
}

.global-flex-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.global-flex-icon .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: var(--gray-two);
    color: var(--heading-color);
    height: 40px;
    width: 40px;
    font-size: 22px;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.global-flex-icon .icon:not(:last-child) {
    margin-right: 10px;
}

.global-flex-icon .icon:hover {
    background: var(--main-color-one);
    color: var(--white);
}

.global-flex-icon .icon.hover-color-two:hover {
    background-color: var(--main-color-two);
}

.global-flex-icon .icon.hover-color-three:hover {
    background-color: var(--main-color-three);
}

.global-flex-icon .icon.hover-color-four:hover {
    background-color: var(--main-color-four);
}

.global-flex-icon .icon.hover-color-five:hover {
    background-color: var(--main-color-five);
}

.global-flex-icon .icon.secondary-outline-1 {
    background: none;
    border: 1px solid #2974ff;
    color: #2974ff;
}

.global-flex-icon .icon.secondary-outline-1:hover {
    background: #2974ff;
    color: var(--white);
}

.global-flex-icon .icon.secondary-outline-1.cart-loading::before {
    background-color: #2974ff;
}

.global-flex-icon .icon.outline-color-1 {
    background: none;
    border: 1px solid var(--main-color-one);
    color: var(--main-color-one);
}

.global-flex-icon .icon.outline-color-1:hover {
    background: var(--main-color-one);
    color: var(--white);
}

.global-flex-icon .icon.outline-color-1.cart-loading::before {
    background-color: var(--main-color-one);
}

.global-flex-icon .icon.outline-color-2 {
    background: none;
    border: 1px solid var(--main-color-two);
    color: var(--main-color-two);
}

.global-flex-icon .icon.outline-color-2:hover {
    background: var(--main-color-two);
    color: var(--white);
}

.global-flex-icon .icon.outline-color-2.cart-loading::before {
    background-color: var(--main-color-two);
}

.global-flex-icon .icon.outline-color-3 {
    background: none;
    border: 1px solid var(--main-color-three);
    color: var(--main-color-three);
}

.global-flex-icon .icon.outline-color-3:hover {
    background: var(--main-color-three);
    color: var(--white);
}

.global-flex-icon .icon.outline-color-3.cart-loading::before {
    background-color: var(--main-color-three);
}

.global-flex-icon .icon.text-preview {
    background: none;
    border: 1px solid rgba(221, 221, 221, 0.5);
    display: inline-block;
    height: unset;
    width: unset;
    font-size: 14px;
    padding: 8px 20px;
    color: var(--heading-color);
}

.global-flex-icon .icon.text-preview:hover {
    background: var(--main-color-two);
    color: var(--white);
}

.global-flex-icon .icon.text-preview.hover-color-one:hover {
    background: var(--main-color-one);
}

.global-flex-icon .icon.text-preview.hover-color-two:hover {
    background: var(--main-color-two);
}

.global-flex-icon .icon.text-preview.hover-color-two.cart-loading::before {
    background-color: var(--main-color-two) !important;
}

.global-flex-icon .icon.text-preview.hover-color-three:hover {
    background: var(--main-color-three);
}

.global-flex-icon .icon.text-preview.hover-color-three.cart-loading::before {
    background-color: var(--main-color-three) !important;
}

.global-flex-icon .icon.bg-color-two {
    background: var(--main-color-two);
    color: var(--white);
}

.global-flex-icon .icon.bg-color-two.cart-loading::before {
    background-color: var(--main-color-two) !important;
}

.global-flex-icon .icon.bg-color-three {
    background: var(--main-color-three);
    color: var(--white);
}

.global-flex-icon .icon.bg-color-three.cart-loading::before {
    background-color: var(--main-color-three) !important;
}

.bg-color-two {
    background: var(--main-color-two);
    color: var(--white);
}

.bg-color-two.cart-loading::before {
    background-color: var(--main-color-two) !important;
}

.bg-color-three {
    background: var(--main-color-three);
    color: var(--white);
}

.bg-color-three.cart-loading::before {
    background-color: var(--main-color-three) !important;
}

.preview-button .icon {
    border: 2px solid #2974ff;
    padding: 10px 18px;
    font-size: 18px;
    display: inline-block;
    color: var(--paragraph-color);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .preview-button .icon {
        padding: 10px 15px;
    }
}

@media only screen and (max-width: 375px) {
    .preview-button .icon {
        font-size: 16px;
    }
}

.preview-button .icon i {
    color: #2974ff;
    margin-right: 5px;
    font-size: 20px;
}

.preview-button .icon:hover {
    background: #2974ff;
    color: var(--white);
}

.preview-button .icon:hover i {
    color: var(--white);
}

.preview-button .icon.cart-loading::before {
    background-color: #2974ff;
}

.cart-loading {
    position: relative;
    z-index: 0;
}

.cart-loading img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9;
    height: auto;
    width: auto;
    visibility: hidden;
    opacity: 0;
}

.cart-loading.active-loading::before {
    visibility: visible;
    opacity: 1;
}

.cart-loading::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    border-color: rgba(0, 0, 0, 0.9);
    color: var(--white);
    border: 2px solid transparent;
    top: 0;
    left: 0;
    text-align: center;
    border-radius: inherit;
    z-index: 5;
    visibility: hidden;
    opacity: 0;
    background-image: url(../img/loading-cart.gif);
    background-repeat: no-repeat;
    background-position: center;
}

.cart-loading.bg-two::before {
    background-color: var(--main-color-two);
    color: var(--white);
}

.cart-loading.bg-three::before {
    background-color: var(--main-color-three);
    color: var(--white);
}

.center-text .single-global-card {
    display: -ms-grid;
    display: grid;
}

.center-text .rating-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.center-text .global-card-left {
    margin-right: 0;
}

@media only screen and (max-width: 375px) {
    .center-text .global-card-left {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-right: 0;
    }
}

/* Clothing area */
.clothing-wrapper {
    padding: 0 60px;
    position: relative;
    z-index: 2;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .clothing-wrapper {
        padding: 0 40px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .clothing-wrapper {
        padding: 0 40px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .clothing-wrapper {
        padding: 0 30px;
    }
}

@media only screen and (max-width: 480px) {
    .clothing-wrapper {
        padding: 0 20px;
    }
}

@media only screen and (max-width: 575.98px) {
    .clothing-wrapper .clothing-thumb {
        display: none;
    }
}

.clothing-wrapper .clothing-thumb img {
    position: absolute;
    z-index: -1;
}

.clothing-wrapper .clothing-thumb img:nth-child(1) {
    bottom: 0;
    right: 30%;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .clothing-wrapper .clothing-thumb img:nth-child(1) {
        right: 25%;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .clothing-wrapper .clothing-thumb img:nth-child(1) {
        display: none !important;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .clothing-wrapper .clothing-thumb img:nth-child(1) {
        display: none !important;
    }
}

.clothing-wrapper .clothing-thumb img:nth-child(2) {
    bottom: 0;
    right: 12%;
}

@media (min-width: 1200px) and (max-width: 1880px) {
    .clothing-wrapper .clothing-thumb img:nth-child(2) {
        right: 7%;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .clothing-wrapper .clothing-thumb img:nth-child(2) {
        right: 0;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .clothing-wrapper .clothing-thumb img:nth-child(2) {
        right: 0;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .clothing-wrapper .clothing-thumb img:nth-child(2) {
        right: 0;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .clothing-wrapper .clothing-thumb img:nth-child(2) {
        right: 0;
    }
}

.clothing-contents {
    padding: 60px 0;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .clothing-contents {
        max-width: 500px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .clothing-contents {
        max-width: 500px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .clothing-contents {
        max-width: 420px;
        padding: 40px 0;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .clothing-contents {
        max-width: 380px;
        padding: 40px 0;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .clothing-contents {
        max-width: 400px;
    }
}

@media only screen and (max-width: 767.98px) {
    .clothing-contents {
        max-width: 300px;
    }
}

@media only screen and (max-width: 575.98px) {
    .clothing-contents {
        max-width: 100%;
        padding: 40px 0;
    }
}

@media only screen and (max-width: 480px) {
    .clothing-contents {
        padding: 30px 0;
    }
}

.clothing-contents .percent-discount {
    margin-bottom: 15px;
    display: block;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .clothing-contents .percent-discount {
        font-size: 20px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .clothing-contents .percent-discount {
        font-size: 18px !important;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .clothing-contents .percent-discount {
        font-size: 18px !important;
    }
}

@media only screen and (max-width: 767.98px) {
    .clothing-contents .percent-discount {
        font-size: 16px !important;
    }
}

.clothing-contents .clothing-title {
    font-size: 60px;
    line-height: 65px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .clothing-contents .clothing-title {
        font-size: 55px;
        line-height: 60px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .clothing-contents .clothing-title {
        font-size: 48px;
        line-height: 60px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .clothing-contents .clothing-title {
        font-size: 40px;
        line-height: 50px;
    }
}

@media only screen and (max-width: 767.98px) {
    .clothing-contents .clothing-title {
        font-size: 35px;
        line-height: 40px;
    }
}

@media only screen and (max-width: 480px) {
    .clothing-contents .clothing-title {
        font-size: 32px;
        line-height: 40px;
    }
}

.clothing-contents .cmn_btn {
    border: 1px solid var(--main-color-one);
}

.clothing-contents .cmn_btn:hover {
    background: none;
    color: var(--main-color-one);
}

/* Products Area */
.single-products {
    padding: 30px;
}

.single-products.product-border {
    border: 1px solid rgba(221, 221, 221, 0.3);
}

.single-products.hover-color-two .product-lists .list:hover a {
    color: var(--main-color-two) !important;
}

.single-products.hover-color-three .product-lists .list:hover a {
    color: var(--main-color-three) !important;
}

.single-products.hover-color-four .product-lists .list:hover a {
    color: var(--main-color-four) !important;
}

.single-products .products-thumb {
    margin-right: 30px;
    height: 285px;
    width: 230px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .single-products .products-thumb {
        height: 240px;
        width: 200px;
        margin-right: 20px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-products .products-thumb {
        height: 240px;
        width: 200px;
        margin-right: 20px;
    }
}

@media only screen and (max-width: 480px) {
    .single-products .products-thumb {
        margin: 0 auto 10px;
    }
}

.single-products .products-thumb img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.single-products .product-contents {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.single-products .product-contents .common-title-two {
    line-height: 24px;
}

.single-products .product-contents .product-lists .list {
    display: block;
    font-size: 16px;
    color: var(--paragraph-color);
    line-height: 24px;
}

.single-products .product-contents .product-lists .list:not(:last-child) {
    margin-bottom: 10px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .single-products .product-contents .product-lists .list:not(:last-child) {
        margin-bottom: 5px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-products .product-contents .product-lists .list:not(:last-child) {
        margin-bottom: 5px;
    }
}

@media only screen and (max-width: 480px) {
    .single-products .product-contents .product-lists .list {
        font-size: 16px;
        line-height: 28px;
    }
}

.single-products .product-contents .product-lists .list a {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.single-products .product-contents .product-lists .list:hover a {
    color: var(--main-color-one);
}

.product-flex-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

@media only screen and (max-width: 480px) {
    .product-flex-contents {
        display: block;
        text-align: center;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .product-bundle-wrapper {
        max-height: 915px;
        overflow-y: scroll;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .product-bundle-wrapper {
        max-height: 778px;
        overflow-y: scroll;
    }
}

/* Global Flex Card */
.global-flex-card:hover .global-flex-item .global-item-image {
    position: relative;
    z-index: 1;
}

.global-flex-card:hover .global-flex-item .global-item-image img {
    -webkit-transform: rotate(5deg) scale(1.2);
    transform: rotate(5deg) scale(1.2);
}

.global-flex-card:hover .global-flex-item .global-item-image .global-thumb-icons {
    visibility: visible;
    opacity: 1;
    top: 30px;
}

.global-flex-card.style-02:hover .global-flex-item .global-item-image .global-thumb-icons {
    top: 10px;
}

.global-flex-card.style-02 .global-flex-item .global-item-image {
    max-width: 150px;
    max-height: 150px;
}

.global-flex-card.style-02 .global-flex-item .global-item-image .thumb-top-contents .percent-box {
    font-size: 12px;
    padding: 3px 10px;
    line-height: 16px;
}

.global-flex-card.style-02 .global-flex-item .global-item-image .global-thumb-icons .lists a {
    height: 28px;
    width: 28px;
    font-size: 16px;
    border-radius: 0;
}

.global-flex-card.style-02 .global-flex-item .global-item-contents {
    margin-left: 20px;
}

.global-flex-card .global-flex-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 767.98px) {
    .global-flex-card .global-flex-item {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media only screen and (max-width: 480px) {
    .global-flex-card .global-flex-item {
        display: block;
    }
}

.global-flex-card .global-flex-item .global-item-image {
    display: initial;
    height: 260px;
    width: 260px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .global-flex-card .global-flex-item .global-item-image {
        max-height: 220px;
        max-width: 220px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .global-flex-card .global-flex-item .global-item-image {
        max-height: 220px;
        max-width: 220px;
    }
}

@media only screen and (max-width: 480px) {
    .global-flex-card .global-flex-item .global-item-image {
        display: block;
    }
}

.global-flex-card .global-flex-item .global-item-image img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.global-flex-card .global-flex-item .global-item-image .global-thumb-icons .lists a {
    height: 35px;
    width: 35px;
    font-size: 20px;
}

.global-flex-card .global-flex-item .global-item-contents {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 30px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .global-flex-card .global-flex-item .global-item-contents {
        margin-left: 20px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .global-flex-card .global-flex-item .global-item-contents {
        margin-left: 20px;
    }
}

@media only screen and (max-width: 480px) {
    .global-flex-card .global-flex-item .global-item-contents {
        margin-left: 0;
        margin-top: 15px;
    }
}

.global-flex-card .global-flex-item .global-item-contents .title {
    font-size: 18px;
    line-height: 24px;
}

.global-flex-card .global-flex-item .global-item-contents .title:hover {
    color: var(--main-color-one);
}

.global-flex-card .global-flex-item .global-item-contents .title.hover-color-two:hover {
    color: var(--main-color-two);
}

.global-flex-card .global-flex-item .global-item-contents .title.hover-color-three:hover {
    color: var(--main-color-three);
}

.global-flex-card .global-flex-item .global-item-contents .title.hover-color-four:hover {
    color: var(--main-color-four);
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .product-bundle {
        max-height: 675px;
        overflow-y: scroll;
        overflow-x: hidden;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .product-bundle {
        max-height: 620px;
        overflow-y: scroll;
        overflow-x: hidden;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .product-bundle .product-bundle-wrapper {
        max-height: 100%;
        overflow: unset;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .product-bundle .product-bundle-wrapper {
        max-height: 100%;
        overflow: unset;
    }
}

/* Best Seller Area */
.best-seller-item:hover .seller-thumb img {
    -webkit-transform: rotate(5deg) scale(1.2);
    transform: rotate(5deg) scale(1.2);
}

.best-seller-item:hover .thumb-brand {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.best-seller-item.style-02 {
    padding: 30px;
}

.best-seller-item.style-02 .thumb-brand {
    margin: 0 auto;
}

.best-seller-item .seller-thumb {
    overflow: hidden;
    max-width: 100%;
    height: 200px;
    margin: 0 auto;
}

@media only screen and (max-width: 480px) {
    .best-seller-item .seller-thumb {
        margin: 0 auto;
        max-height: 260px;
        max-width: 260px;
    }
}

.best-seller-item .seller-thumb img {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.best-seller-item .thumb-brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 80px;
    width: 80px;
    background-color: #ED1C24;
    margin: -40px auto 0;
    position: relative;
    z-index: 9;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.best-seller-item .thumb-brand.brand-thumb-border {
    border: 3px solid #fff;
    border-radius: 50%;
}

.slick-slide:nth-child(6n+2) .thumb-brand {
    background-color: #1B1B1B;
}

.slick-slide:nth-child(6n+3) .thumb-brand {
    background-color: #F65B65;
}

.slick-slide:nth-child(6n+4) .thumb-brand {
    background-color: #0088DD;
}

.slick-slide:nth-child(6n+5) .thumb-brand {
    background-color: #FABE50;
}

.slick-slide:nth-child(6n+6) .thumb-brand {
    background-color: #5AB27E;
}

/* Download */
.download-flex-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.download-left-contents {
    -ms-flex-preferred-size: 66%;
    flex-basis: 66%;
    margin-right: 20px;
    position: relative;
    z-index: 1;
}

.download-wrapper .download-left-contents {
    margin-right: 0;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .download-left-contents {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-right: 0;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .download-left-contents {
        -ms-flex-preferred-size: 62%;
        flex-basis: 62%;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .download-left-contents {
        -ms-flex-preferred-size: 54%;
        flex-basis: 54%;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .download-left-contents {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
}

.download-left-contents .download-mobile-img img {
    position: absolute;
    z-index: 1;
    border-radius: 30px 30px 0 0;
    max-width: 250px;
}

/* @media (min-width: 1200px) and (max-width: 1399.98px) {
  .download-left-contents .download-mobile-img img {
    display: none;
  }
} */

@media (min-width: 992px) and (max-width: 1199.98px) {
    .download-left-contents .download-mobile-img img {
        max-width: 200px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .download-left-contents .download-mobile-img img {
        display: none;
    }
}

.download-left-contents .download-mobile-img img:nth-child(1) {
    bottom: 0;
    right: 40px;
}

.download-left-contents .download-mobile-img img:nth-child(2) {
    bottom: 0;
    right: 300px;
}

/* @media (min-width: 1400px) and (max-width: 1599.98px) {
  .download-left-contents .download-mobile-img img:nth-child(2) {
    display: none;
  }
} */

/* @media (min-width: 1200px) and (max-width: 1399.98px) {
  .download-left-contents .download-mobile-img img:nth-child(2) {
    display: none;
  }
} */

@media (min-width: 992px) and (max-width: 1199.98px) {
    .download-left-contents .download-mobile-img img:nth-child(2) {
        right: 250px;
    }
}

.download-left-contents .download-contents {
    max-width: 470px;
    padding: 100px 0 100px 80px;
}

@media (min-width: 1200px) and (max-width: 1880px) {
    .download-left-contents .download-contents {
        max-width: 430px;
        padding: 100px 0 100px 50px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .download-left-contents .download-contents {
        padding: 100px 0 100px 40px;
        max-width: 430px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .download-left-contents .download-contents {
        padding: 90px 0 90px 50px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .download-left-contents .download-contents {
        padding: 70px 30px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .download-left-contents .download-contents {
        text-align: center;
        margin: 0 auto;
        padding: 50px 30px;
        max-width: 400px;
    }
}

@media only screen and (max-width: 575.98px) {
    .download-left-contents .download-contents {
        padding: 40px 20px;
    }
}

@media only screen and (max-width: 375px) {
    .download-left-contents .download-contents {
        padding: 30px 10px;
    }
}

.download-left-contents .download-contents .span-title {
    line-height: 30px;
    font-size: 20px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .download-left-contents .download-contents .span-title {
        font-size: 18px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .download-left-contents .download-contents .span-title {
        font-size: 16px;
    }
}

@media only screen and (max-width: 480px) {
    .download-left-contents .download-contents .span-title {
        font-size: 15px;
        line-height: 24px;
    }
}

.download-left-contents .download-contents .download-title {
    font-size: 46px;
    line-height: 65px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .download-left-contents .download-contents .download-title {
        line-height: 50px;
        font-size: 42px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .download-left-contents .download-contents .download-title {
        line-height: 50px;
        font-size: 42px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .download-left-contents .download-contents .download-title {
        line-height: 50px;
        font-size: 38px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .download-left-contents .download-contents .download-title {
        line-height: 42px;
        font-size: 36px;
    }
}

@media only screen and (max-width: 575.98px) {
    .download-left-contents .download-contents .download-title {
        font-size: 32px;
    }
}

@media only screen and (max-width: 375px) {
    .download-left-contents .download-contents .download-title {
        line-height: 36px;
        font-size: 28px;
    }
}

.download-left-contents .download-contents .download-form.color-two .single-input .form--control:focus {
    border-color: rgba(0, 136, 221, 0.2);
    -webkit-box-shadow: 0 0 10px rgba(0, 136, 221, 0.1);
    box-shadow: 0 0 10px rgba(0, 136, 221, 0.1);
}

.download-left-contents .download-contents .download-form.color-two .single-input button {
    background-color: var(--main-color-two);
}

.download-left-contents .download-contents .download-form.color-three .single-input .form--control:focus {
    border-color: rgba(255, 128, 93, 0.2);
    -webkit-box-shadow: 0 0 10px rgba(255, 128, 93, 0.1);
    box-shadow: 0 0 10px rgba(255, 128, 93, 0.1);
}

.download-left-contents .download-contents .download-form.color-three .single-input button {
    background-color: var(--main-color-three);
}

.download-left-contents .download-contents .download-form.color-four .single-input .form--control:focus {
    border-color: rgba(255, 105, 92, 0.2);
    -webkit-box-shadow: 0 0 10px rgba(255, 105, 92, 0.1);
    box-shadow: 0 0 10px rgba(255, 105, 92, 0.1);
}

.download-left-contents .download-contents .download-form.color-four .single-input button {
    background-color: var(--main-color-four);
}

.download-left-contents .download-contents .download-form .single-input {
    position: relative;
}

.download-left-contents .download-contents .download-form .single-input .form--control {
    height: 60px;
    border: 1px solid #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    padding: 0px 80px 0 15px;
}

.download-left-contents .download-contents .download-form .single-input .form--control:focus {
    border-color: rgba(249, 80, 62, 0.2);
    -webkit-box-shadow: 0 0 10px rgba(249, 80, 62, 0.1);
    box-shadow: 0 0 10px rgba(249, 80, 62, 0.1);
}

.download-left-contents .download-contents .download-form .single-input button {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: var(--main-color-one);
    color: var(--white);
    font-size: 24px;
    padding: 0 18px;
    border: 0;
    outline: none;
    height: 50px;
    border-radius: 5px;
    margin: 5px;
}

.download-left-contents .download-contents .googleplay-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .download-left-contents .download-contents .googleplay-btn {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.download-left-contents .download-contents .googleplay-btn a {
    margin-top: 25px;
}

.download-left-contents .download-contents .googleplay-btn a:not(:last-child) {
    margin-right: 10px;
    display: inline-block;
}

.download-right-contents {
    padding: 34px 30px;
}

@media (min-width: 1200px) and (max-width: 1880px) {
    .download-right-contents {
        padding: 50px 20px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .download-right-contents {
        padding: 45px 20px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .download-right-contents {
        padding: 27px 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .download-right-contents {
        padding: 30px 20px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .download-right-contents {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-top: 24px;
    }
}

@media only screen and (max-width: 575.98px) {
    .download-right-contents {
        padding: 30px 20px;
    }
}

@media only screen and (max-width: 375px) {
    .download-right-contents {
        padding: 20px 10px;
    }
}

.download-right-contents .download-contents-right .right-title {
    font-size: 65px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .download-right-contents .download-contents-right .right-title {
        font-size: 55px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .download-right-contents .download-contents-right .right-title {
        font-size: 45px;
    }
}

@media only screen and (max-width: 575.98px) {
    .download-right-contents .download-contents-right .right-title {
        font-size: 36px;
    }
}

@media only screen and (max-width: 375px) {
    .download-right-contents .download-contents-right .right-title {
        font-size: 32px;
    }
}

.download-right-contents .download-contents-right .btn-shop {
    font-size: 25px;
    line-height: 33px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: underline;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .download-right-contents .download-contents-right .btn-shop {
        font-size: 20px;
    }
}

@media only screen and (max-width: 575.98px) {
    .download-right-contents .download-contents-right .btn-shop {
        font-size: 18px;
    }
}

@media only screen and (max-width: 375px) {
    .download-right-contents .download-contents-right .btn-shop {
        font-size: 16px;
    }
}

.download-right-contents .download-contents-right .btn-shop:hover {
    color: var(--main-color-one) !important;
}

.download-right-contents .download-contents-right .download-right-thumb {
    max-height: 363px;
    max-width: 500px;
}

@media (min-width: 1200px) and (max-width: 1880px) {
    .download-right-contents .download-contents-right .download-right-thumb {
        max-width: 450px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .download-right-contents .download-contents-right .download-right-thumb {
        max-width: 432px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .download-right-contents .download-contents-right .download-right-thumb {
        max-width: 400px;
    }
}

/* About Download */
.about-download-wrapper {
    padding: 35px 140px 60px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .about-download-wrapper {
        padding: 35px 120px 60px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .about-download-wrapper {
        padding: 25px 50px 50px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .about-download-wrapper {
        padding: 25px 70px 50px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .about-download-wrapper {
        padding: 25px 50px 50px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .about-download-wrapper {
        padding: 25px 30px 50px;
    }
}

.about-download-title {
    font-size: 36px;
    line-height: 43px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .about-download-title {
        font-size: 32px;
        line-height: 40px;
    }
}

@media only screen and (max-width: 480px) {
    .about-download-title {
        font-size: 30px;
        line-height: 36px;
    }
}

.about-download-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.about-download-flex .about-download-title {
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .about-download-flex .about-download-title {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .about-download-flex .about-download-title {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .about-download-flex .about-download-title {
        -ms-flex-preferred-size: 65%;
        flex-basis: 65%;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .about-download-flex .about-download-title {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

@media only screen and (max-width: 767.98px) {
    .about-download-flex .about-download-title {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .about-download-flex .about-appstore {
        margin-top: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .about-download-flex .about-appstore {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 767.98px) {
    .about-download-flex .about-appstore {
        margin-top: 20px;
    }
}

.about-download-form {
    padding-left: 150px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .about-download-form {
        padding-left: 100px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .about-download-form {
        padding-left: 70px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .about-download-form {
        padding-left: 0;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .about-download-form {
        padding-left: 0;
        max-width: 500px;
    }
}

.about-download-form .about-single-input {
    position: relative;
}

.about-download-form .about-single-input .form--control {
    height: 60px;
    border: 1px solid #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    padding: 0px 120px 0 15px;
}

.about-download-form .about-single-input .form--control:focus {
    border-color: rgba(249, 80, 62, 0.3);
    -webkit-box-shadow: 0 0 10px rgba(249, 80, 62, 0.1);
    box-shadow: 0 0 10px rgba(249, 80, 62, 0.1);
}

.about-download-form .about-single-input button {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: var(--main-color-one);
    color: var(--white);
    padding: 0 18px;
    border: 0;
    outline: none;
    height: 50px;
    border-radius: 5px;
    margin: 5px;
}

@media only screen and (max-width: 375px) {
    .about-download-form .about-single-input button {
        position: relative;
        top: 20px;
    }
}

/* Instagram area */
.instagram-wrapper {
    position: relative;
    z-index: 2;
}

.single-instagram .instagram-image {
    max-height: 270px;
    width: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.single-instagram .instagram-image:hover::before {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.single-instagram .instagram-image:hover .icon {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) rotateY(180deg);
    transform: translate(-50%, -50%) rotateY(180deg);
}

.single-instagram .instagram-image::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .single-instagram .instagram-image {
        height: 280px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .single-instagram .instagram-image {
        height: 250px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .single-instagram .instagram-image {
        height: 240px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .single-instagram .instagram-image {
        height: 250px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-instagram .instagram-image {
        height: auto;
    }
}

.single-instagram .instagram-image img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.single-instagram .instagram-image .icon {
    font-size: 30px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    background-color: var(--white);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

@media only screen and (max-width: 480px) {
    .single-instagram .instagram-image .icon {
        height: 40px;
        width: 40px;
        font-size: 24px;
    }
}

.single-instagram .instagram-image .icon:hover {
    color: #fff !important;
    background-color: var(--main-color-one);
}

.single-instagram .instagram-image .icon.hover-color-two:hover {
    color: var(--main-color-two);
}

.single-instagram .instagram-image .icon.hover-color-three:hover {
    color: var(--main-color-three);
}

.single-instagram .instagram-image .icon.hover-color-four:hover {
    color: var(--main-color-four);
}

.instagram-flex-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 24px;
}

.single-instagram {
    width: calc(100% / 3 - 16px);
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .single-instagram {
        width: calc(100% / 6 - 20px);
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .single-instagram {
        width: calc(100% / 6 - 20px);
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-instagram {
        width: calc(100% / 6 - 20px);
    }
}

@media only screen and (max-width: 767.98px) {
    .single-instagram {
        width: calc(100% / 4 - 18px);
    }
}

@media only screen and (max-width: 575.98px) {
    .single-instagram {
        width: calc(100% / 4 - 18px);
    }
}

@media only screen and (max-width: 480px) {
    .single-instagram {
        width: calc(100% / 4 - 18px);
    }
}

@media only screen and (max-width: 375px) {
    .single-instagram {
        width: calc(100% / 2 - 12px);
    }
}

.instagram-flex-wrapper .single-instagram .instagram-thumb {
    max-height: 108px;
    max-width: 108px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .instagram-flex-wrapper .single-instagram .instagram-thumb {
        max-height: 100%;
        max-width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .instagram-flex-wrapper .single-instagram .instagram-thumb {
        max-height: 100%;
        max-width: 100%;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .instagram-flex-wrapper .single-instagram .instagram-thumb {
        max-height: 100%;
        max-width: 100%;
    }
}

/* Discount Banner */
.discount-banner-area {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding-top: 35px;
}

@media (min-width: 1200px) and (max-width: 1880px) {
    .discount-banner-area {
        padding-top: 60px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .discount-banner-area {
        padding-top: 50px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .discount-banner-area {
        padding-top: 50px;
    }
}

.discount-banner-area.bg-item-two::before {
    position: absolute;
    content: "";
    height: 410px;
    width: 410px;
    border-radius: 50%;
    background: #D9F0FF;
    z-index: -1;
    top: -130px;
    left: -110px;
}

@media (min-width: 1200px) and (max-width: 1880px) {
    .discount-banner-contents {
        margin-bottom: 47px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .discount-banner-contents {
        margin-bottom: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .discount-banner-contents {
        margin-bottom: 20px;
    }
}

.discount-banner-contents .percent-descount-title {
    font-size: 36px;
    font-weight: 400;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .discount-banner-contents .percent-descount-title {
        font-size: 32px;
    }
}

@media only screen and (max-width: 575.98px) {
    .discount-banner-contents .percent-descount-title {
        font-size: 28px;
    }
}

@media only screen and (max-width: 375px) {
    .discount-banner-contents .percent-descount-title {
        font-size: 26px;
    }
}

.discount-banner-contents .percent-descount-title .percent-title {
    display: block;
    font-size: 65px;
    line-height: 70px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .discount-banner-contents .percent-descount-title .percent-title {
        font-size: 48px;
        line-height: 55px;
    }
}

@media only screen and (max-width: 575.98px) {
    .discount-banner-contents .percent-descount-title .percent-title {
        font-size: 40px;
        line-height: 48px;
    }
}

@media only screen and (max-width: 375px) {
    .discount-banner-contents .percent-descount-title .percent-title {
        font-size: 36px;
        line-height: 42px;
    }
}

.ad_thumb {
    margin: 0 auto;
    text-align: center;
}

.ad_thumb img {
    margin: 0 auto;
}

/* Left Right area */
.left-right-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.left-right-wrapper .wrapper-left {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    margin-right: 24px;
}

.left-right-wrapper .wrapper-right {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
}

/* Save area */
.save-inner-wrapper {
    padding: 30px 100px 0;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .save-inner-wrapper {
        padding: 30px 60px 0;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .save-inner-wrapper {
        padding: 30px 30px 0;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .save-inner-wrapper {
        padding: 30px 50px 0;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .save-inner-wrapper {
        padding: 30px 30px 0;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .save-inner-wrapper {
        padding: 20px 30px 0;
    }
}

@media only screen and (max-width: 375px) {
    .save-inner-wrapper {
        padding: 20px 20px 0;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-save-wrapper {
        margin-bottom: 30px;
    }
}

.save-flex-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.save-flex-contents .save-contents {
    margin-right: 10px;
}

.save-contents .save-subtitle {
    font-size: 22px;
    line-height: 30px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .save-contents .save-subtitle {
        font-size: 20px;
        line-height: 28px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .save-contents .save-subtitle {
        font-size: 20px;
        line-height: 28px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .save-contents .save-subtitle {
        font-size: 20px;
        line-height: 28px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .save-contents .save-subtitle {
        font-size: 20px;
        line-height: 28px;
    }
}

@media only screen and (max-width: 575.98px) {
    .save-contents .save-subtitle {
        font-size: 18px;
        line-height: 28px;
    }
}

@media only screen and (max-width: 375px) {
    .save-contents .save-subtitle {
        font-size: 17px;
    }
}

.save-contents .save-title {
    font-size: 46px;
    line-height: 65px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .save-contents .save-title {
        font-size: 40px;
        line-height: 60px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .save-contents .save-title {
        font-size: 38px;
        line-height: 55px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .save-contents .save-title {
        font-size: 38px;
        line-height: 55px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .save-contents .save-title {
        font-size: 36px;
        line-height: 48px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .save-contents .save-title {
        font-size: 36px;
        line-height: 48px;
    }
}

@media only screen and (max-width: 575.98px) {
    .save-contents .save-title {
        font-size: 32px;
        line-height: 42px;
    }
}

@media only screen and (max-width: 480px) {
    .save-contents .save-title {
        font-size: 30px;
        line-height: 36px;
    }
}

@media only screen and (max-width: 375px) {
    .save-contents .save-title {
        font-size: 28px;
    }
}

@media only screen and (max-width: 767.98px) {
    .save-button {
        margin-top: 20px;
    }
}

.save-button .btn-wrapper .btn-bg-white {
    border: 2px solid #fff;
}

/* Offer area */
.offer-thumb-slider img {
    margin: 0 auto;
}

/* Side Left area */
.sidebar-wrapper {
    padding: 25px 20px;
}

.sidebar-title {
    font-size: 28px;
    line-height: 40px;
    margin: -4px 0 0;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .sidebar-countdown-area {
        margin-top: 30px;
    }
}

.trendy-product-wrapper .single-trendy-products {
    position: relative;
}

.trendy-product-wrapper .single-trendy-products.style-02 .trendy-flex-content .trendy-thumb {
    height: 112px;
    flex-shrink: 0;
    width: 110px;
}

.trendy-product-wrapper .single-trendy-products .trendy-flex-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.trendy-product-wrapper .single-trendy-products .trendy-flex-content .trendy-thumb {
    margin-right: 20px;
    max-width: 120px;
    max-height: 120px;
    padding: 10px;
    position: relative;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .trendy-product-wrapper .single-trendy-products .trendy-flex-content .trendy-thumb {
        margin-right: 8px;
        max-height: 120px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .trendy-product-wrapper .single-trendy-products .trendy-flex-content .trendy-thumb {
        margin-right: 15px;
    }
}

.trendy-product-wrapper .single-trendy-products .trendy-flex-content .trendy-thumb img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.trendy-product-wrapper .single-trendy-products .trendy-flex-content .products-contents {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media only screen and (max-width: 375px) {
    .trendy-product-wrapper .single-trendy-products .trendy-flex-content .products-contents {
        margin-top: 15px;
    }

    .common-title-three.hover-color-two {
        line-height: 22px;
    }
}

.single-news-update .news-flex-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 375px) {
    .single-news-update .news-flex-content {
        display: block;
    }
}

.single-news-update .news-flex-content .news-update-thumb {
    margin-right: 15px;
    max-width: 150px;
    max-height: 120px;
    overflow: hidden;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .single-news-update .news-flex-content .news-update-thumb {
        max-width: 115px;
        margin-right: 10px;
        height: 110px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .single-news-update .news-flex-content .news-update-thumb {
        max-width: 120px;
        margin-right: 10px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .single-news-update .news-flex-content .news-update-thumb {
        max-width: 115px;
    }
}

.single-news-update .news-flex-content .news-update-thumb img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.single-news-update .news-flex-content .news-update-contents {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media only screen and (max-width: 375px) {
    .single-news-update .news-flex-content .news-update-contents {
        margin-top: 15px;
    }
}

.single-news-update .news-flex-content .news-update-contents .dates {
    font-size: 16px;
    line-height: 28px;
}

/* Gift Voucher */
.gift-voucher-inner {
    position: relative;
    z-index: 1;
}

.gift-voucher-contents {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 9;
}

.gift-voucher-contents .gift-voucher-title {
    font-size: 52px;
    line-height: 62px;
}

.gift-voucher-contents .gift-voucher-title .voucher-small {
    font-size: 36px;
    display: block;
    line-height: 43px;
}

/* Blog area */
/* .single_blog {
    &__thumbs {
        img {}
    }
    &__contents {
        position: relative;
        z-index: 1;
        .blog-tags {
            .single-tag {
                display: inline-block;
                i {
                    color: var(--main-color-three);
                }
            }
        }
        .btn-read-details {
            text-decoration: underline;
        }
    }
} */
.single-blog:hover .blog-thumbs img {
    -webkit-transform: rotate(5deg) scale(1.2);
    transform: rotate(5deg) scale(1.2);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.single-blog .blog-thumbs {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.single-blog .blog-thumbs img {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

@media only screen and (max-width: 575.98px) {
    .single-blog .blog-thumbs img {
        width: 100%;
    }
}

.single-blog .blog-thumbs .thumbs-date {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
}

.single-blog .blog-thumbs .thumbs-date .dates {
    display: inline-block;
    padding: 10px 20px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-blog .blog-thumbs .thumbs-date .dates {
        padding: 5px 15px;
    }
}

.single-blog .blog-thumbs .thumbs-date .dates:hover {
    background: #fff;
    color: var(--main-color-three);
}

.single-blog .blog-thumbs .thumbs-date .dates .date {
    font-size: 24px;
    line-height: 28px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-blog .blog-thumbs .thumbs-date .dates .date {
        font-size: 20px;
    }
}

.single-blog .blog-thumbs .thumbs-date .dates .month {
    font-size: 18px;
    line-height: 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-blog .blog-thumbs .thumbs-date .dates .month {
        font-size: 16px;
    }
}

.single-blog .blog-contents {
    position: relative;
    z-index: 1;
}

.single-blog .blog-contents .blog-tags .single-tag {
    display: inline-block;
    color: var(--paragraph-color);
    font-size: 14px;
    line-height: 32px;
}

.single-blog .blog-contents .blog-tags .single-tag i {
    color: var(--main-color-three);
    margin-right: 2px;
}

.single-blog .blog-contents .blog-tags .single-tag:not(:last-child) {
    margin-right: 10px;
}

.single-blog .blog-contents .btn-read-details {
    text-decoration: underline;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block;
}

.single-blog .blog-contents .btn-read-details:hover {
    color: var(--main-color-three);
}

.single-blog .blog-contents .btn-read-details.color-one:hover {
    color: var(--main-color-one);
}

.single-blog .blog-contents .btn-read-details.color-two:hover {
    color: var(--main-color-two);
}

.single-blog .blog-contents .btn-read-details.color-four:hover {
    color: var(--main-color-four);
}

.single-blog-list .blog-flex-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media only screen and (max-width: 575.98px) {
    .single-blog-list .blog-flex-contents {
        display: block;
    }
}

.single-blog-list .blog-image {
    max-width: 400px;
    max-height: 300px;
    margin-right: 20px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .single-blog-list .blog-image {
        max-width: 280px;
        height: 300px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-blog-list .blog-image {
        max-width: 280px;
        height: 250px;
    }
}

@media only screen and (max-width: 575.98px) {
    .single-blog-list .blog-image {
        max-width: 100%;
        display: block;
        margin-right: 0;
        max-height: 100%;
        height: 100%;
    }
}

.single-blog-list .blog-image img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.single-blog-list .blog-contents {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media only screen and (max-width: 575.98px) {
    .single-blog-list .blog-contents {
        margin-top: 15px;
    }
}

.single-blog-list .blog-contents .category {
    display: block;
}

.single-blog-list .blog-contents .category a {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
}

.single-blog-list .blog-contents .category a:not(:last-child)::after {
    content: ",";
    font-size: 18px;
    padding: 0 3px;
}

.single-blog-list .blog-contents .dates {
    display: block;
    font-size: 16px;
}

.single-blog-list .blog-contents .blog-para {
    font-size: 18px;
    line-height: 30px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-blog-list .blog-contents .blog-para {
        font-size: 16px;
        line-height: 26px;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
    }
}

/* Blog Details area */
.blog-sidebar-contents {
    position: sticky;
    top: 0;
    z-index: 9;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .blog-sidebar-contents {
        position: unset;
    }
}

.single-blog-details:not(:first-child) {
    margin-top: 35px;
}

.single-blog-details .blog-details-title {
    font-size: 36px;
    line-height: 48px;
    margin: -6px 0 0;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .single-blog-details .blog-details-title {
        font-size: 34px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-blog-details .blog-details-title {
        font-size: 30px;
        line-height: 40px;
    }
}

@media only screen and (max-width: 767.98px) {
    .single-blog-details .blog-details-title {
        font-size: 28px;
        line-height: 36px;
    }
}

@media only screen and (max-width: 575.98px) {
    .single-blog-details .blog-details-title {
        font-size: 26px;
    }
}

@media only screen and (max-width: 480px) {
    .single-blog-details .blog-details-title {
        font-size: 24px;
    }
}

@media only screen and (max-width: 375px) {
    .single-blog-details .blog-details-title {
        font-size: 22px;
        line-height: 32px;
    }
}

.single-blog-details .blog-details-flex .btn-wrapper {
    margin-right: 20px;
}

.single-blog-details .blog-details-flex .dates {
    font-size: 18px;
    line-height: 30px;
}

.single-blog-details .blog-details-flex .dates i {
    color: var(--main-color-one);
}

.single-blog-details .blog-details-para {
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
    color: var(--paragraph-color);
    -webkit-line-clamp: unset;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .single-blog-details .blog-details-para {
        font-size: 17px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .single-blog-details .blog-details-para {
        font-size: 16px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-blog-details .blog-details-para {
        font-size: 16px;
    }
}

@media only screen and (max-width: 767.98px) {
    .single-blog-details .blog-details-para {
        font-size: 15px;
        -webkit-line-clamp: 4;
    }
}

@media only screen and (max-width: 375px) {
    .single-blog-details .blog-details-para {
        font-size: 14px;
    }
}

.single-blog-details blockquote {
    margin: 35px auto 7px;
    display: inline-block;
    max-width: 1030px;
}

.single-blog-details blockquote .blockquote-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media only screen and (max-width: 575.98px) {
    .single-blog-details blockquote .blockquote-contents {
        display: block;
    }
}

.single-blog-details blockquote .blockquote-contents .blocquote-thumb {
    margin-right: 20px;
    height: 100px;
    width: 100px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-blog-details blockquote .blockquote-contents .blocquote-thumb {
        margin-right: 15px;
    }
}

@media only screen and (max-width: 575.98px) {
    .single-blog-details blockquote .blockquote-contents .blocquote-thumb {
        margin-right: 0;
    }
}

.single-blog-details blockquote .blockquote-contents .blocquote-thumb img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.single-blog-details blockquote .content-inner {
    position: relative;
    z-index: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.single-blog-details blockquote .content-inner .inner-contents-blackquote {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 575.98px) {
    .single-blog-details blockquote .content-inner .inner-contents-blackquote {
        display: block;
    }
}

.single-blog-details blockquote .content-inner .icon-quote {
    margin-left: 30px;
    color: var(--body-color);
    font-size: 90px;
    line-height: 1;
}

.single-blog-details blockquote .content-inner .sub-title-blackquote {
    padding-left: 40px;
    position: relative;
    z-index: 2;
    display: inline-block;
}

.single-blog-details blockquote .content-inner .sub-title-blackquote:not(:last-child) {
    margin-right: 10px;
}

.single-blog-details blockquote .content-inner .sub-title-blackquote::before {
    content: "";
    position: absolute;
    left: 0;
    width: 30px;
    height: 2px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: var(--main-color-one);
}

.single-blog-details blockquote .content-inner .blackquote-title {
    font-size: 28px;
    font-weight: 400;
    position: relative;
    line-height: 40px;
    margin: -15px 0 0;
    -webkit-text-decoration: 3px solid #DDD underline;
    text-decoration: 3px solid #DDD underline;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .single-blog-details blockquote .content-inner .blackquote-title {
        font-size: 26px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .single-blog-details blockquote .content-inner .blackquote-title {
        font-size: 24px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-blog-details blockquote .content-inner .blackquote-title {
        font-size: 26px;
        line-height: 36px;
    }
}

@media only screen and (max-width: 767.98px) {
    .single-blog-details blockquote .content-inner .blackquote-title {
        font-size: 24px;
    }
}

@media only screen and (max-width: 575.98px) {
    .single-blog-details blockquote .content-inner .blackquote-title {
        margin: 10px 0 0;
    }
}

@media only screen and (max-width: 480px) {
    .single-blog-details blockquote .content-inner .blackquote-title {
        font-size: 23px;
    }
}

@media only screen and (max-width: 375px) {
    .single-blog-details blockquote .content-inner .blackquote-title {
        font-size: 22px;
    }
}

.blog-details-thumb-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .blog-details-thumb-flex {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .blog-details-thumb-flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .blog-details-thumb-flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .blog-details-thumb-flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .blog-details-thumb-flex .thumb {
        height: auto;
    }
}

@media only screen and (max-width: 575.98px) {
    .blog-details-thumb-flex .thumb {
        height: auto;
    }
}

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

.blog-details-thumb-flex .blog-thumb-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 30px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .blog-details-thumb-flex .blog-thumb-content {
        margin-right: 20px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .blog-details-thumb-flex .blog-thumb-content {
        margin-right: 0px;
        margin-top: 24px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .blog-details-thumb-flex .blog-thumb-content {
        margin-right: 0px;
        margin-top: 24px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .blog-details-thumb-flex .blog-thumb-content {
        margin-right: 0px;
        margin-top: 24px;
    }
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .blog-thumb-content .blog-details-para {
        -webkit-line-clamp: 5;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .blog-thumb-content .blog-details-para {
        -webkit-line-clamp: 5;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .blog-thumb-content .blog-details-para {
        -webkit-line-clamp: 5;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .blog-thumb-content .blog-details-para {
        -webkit-line-clamp: 3;
    }
}

.blog-thumb-content .blog-details-para:first-child {
    margin-top: 0;
}

/* Tag Area */
.social-share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.social-share .single-social-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.social-share .single-social-list .list {
    margin: 5px 0;
}

.social-share .single-social-list .list:not(:last-child) {
    margin-right: 10px;
}

.social-share .single-social-list .list .icon {
    font-size: 16px;
    background: rgba(221, 221, 221, 0.3);
    color: var(--heading-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 35px;
    width: 35px;
    border-radius: 5px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.social-share .single-social-list .list .icon:hover {
    background: var(--main-color-one);
    color: var(--white);
}

.tag-title {
    font-size: 20px;
    line-height: 32px;
    margin-right: 20px;
    margin-top: 7px;
}

.single-tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.single-tag .tag-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.single-tag .tag-list .list {
    margin: 5px 0;
}

.single-tag .tag-list .list:not(:last-child) {
    margin-right: 10px;
}

.single-tag .tag-list .list .tags {
    font-size: 16px;
    border: 1px solid rgba(221, 221, 221, 0.4);
    padding: 5px 15px;
    display: inline-block;
    border-radius: 5px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.single-tag .tag-list .list .tags:hover {
    background: var(--main-color-one);
    color: var(--white);
    border-color: var(--main-color-one);
}

/* Comment area */
.details-comment-content .single-commetns {
    width: 100%;
    margin-top: 30px;
}

.details-comment-content .single-commetns .comment-label {
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    color: var(--heading-color);
    display: block;
    margin-bottom: 15px;
}

.details-comment-content .single-commetns .form--control {
    height: 60px;
    border: 1px solid rgba(221, 221, 221, 0.5);
    outline: none;
    -webkit-box-shadow: 0 0 10px #fff;
    box-shadow: 0 0 10px #fff;
    font-size: 14px;
    line-height: 22px;
    color: var(--paragraph-color);
    padding: 0 20px;
    width: 100%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.details-comment-content .single-commetns .form--control:focus {
    -webkit-box-shadow: 0 0 18px rgba(249, 80, 62, 0.1);
    box-shadow: 0 0 18px rgba(249, 80, 62, 0.1);
    border-color: rgba(249, 80, 62, 0.3);
}

.details-comment-content .single-commetns .form--message {
    padding: 20px 20px;
    height: 160px;
}

.details-comment-content button {
    font-size: 18px;
    font-weight: 500;
    line-height: 34px;
    background: var(--main-color-one);
    color: var(--white);
    border: 0;
    outline: none;
    border-radius: 5px;
    padding: 15px 35px;
    cursor: pointer;
    margin-top: 35px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .details-comment-content button {
        font-size: 16px;
        padding: 10px 30px;
    }
}

.comments-flex-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 30px;
}

@media only screen and (max-width: 575.98px) {
    .comments-flex-item {
        display: block;
    }
}

.comment-list .comment-list {
    margin-left: 120px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .comment-list .comment-list {
        margin-left: 70px;
    }
}

@media only screen and (max-width: 767.98px) {
    .comment-list .comment-list {
        margin-left: 50px;
    }
}

@media only screen and (max-width: 375px) {
    .comment-list .comment-list {
        margin-left: 30px;
    }
}

.comment-list .blog-details-flex-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 40px 0;
    gap: 30px;
    border-bottom: 2px solid rgba(221, 221, 221, 0.5);
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .comment-list .blog-details-flex-content {
        gap: 20px;
    }
}

@media only screen and (max-width: 575.98px) {
    .comment-list .blog-details-flex-content {
        gap: 10px;
        padding: 30px 0 20px;
    }
}

@media only screen and (max-width: 480px) {
    .comment-list .blog-details-flex-content {
        display: block;
    }
}

.comment-list .blog-details-flex-content .blog-details-thumb {
    height: 80px;
    min-width: 80px;
    border-radius: 10px;
    display: block;
}

@media only screen and (max-width: 480px) {
    .comment-list .blog-details-flex-content .blog-details-thumb {
        width: 80px;
        margin-bottom: 15px;
    }
}

.comment-list .blog-details-flex-content .blog-details-thumb img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.comment-list .blog-details-flex-content .blog-details-content .title {
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
}

.comment-list .blog-details-flex-content .blog-details-content .details-review-para {
    font-size: 18px;
    font-weight: 400;
    color: var(--paragraph-color);
    margin-top: 10px;
    line-height: 30px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .comment-list .blog-details-flex-content .blog-details-content .details-review-para {
        font-size: 16px;
    }
}

@media only screen and (max-width: 575.98px) {
    .comment-list .blog-details-flex-content .blog-details-content .details-review-para {
        font-size: 15px;
    }
}

@media only screen and (max-width: 375px) {
    .comment-list .blog-details-flex-content .blog-details-content .details-review-para {
        font-size: 14px;
    }
}

.comment-list .blog-details-flex-content .blog-details-content .review-date {
    margin-top: 10px;
    display: block;
}

.comment-list .blog-details-flex-content .blog-details-content .btn-replay {
    font-size: 16px;
    font-weight: 500;
    margin-top: 15px;
    display: inline-block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.comment-list .blog-details-flex-content .blog-details-content .btn-replay:hover {
    color: var(--main-color-one);
}

/* Badge Area */
.breadcrumb-area {
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.breadcrumb-shapes img {
    position: absolute;
    z-index: -1;
}

.breadcrumb-shapes img:nth-child(1) {
    left: 10%;
    bottom: 40%;
    -webkit-animation: 9s round-moving2 linear infinite;
    animation: 9s round-moving2 linear infinite;
}

.breadcrumb-shapes img:nth-child(2) {
    right: 6%;
    top: 35%;
    -webkit-animation: 12s round-moving2 linear infinite;
    animation: 12s round-moving2 linear infinite;
}

.breadcrumb-shapes img:nth-child(3) {
    right: 6%;
    bottom: -50px;
    -webkit-animation: 5s pulsing linear infinite;
    animation: 5s pulsing linear infinite;
}

.breadcrumb-padding {
    padding: 40px 0;
}

.breadcrumb-contents {
    text-align: center;
}

.breadcrumb-contents .badge-title {
    font-size: 36px;
    line-height: 43px;
}

@media only screen and (max-width: 767.98px) {
    .breadcrumb-contents .badge-title {
        font-size: 32px;
        line-height: 36px;
    }
}

@media only screen and (max-width: 480px) {
    .breadcrumb-contents .badge-title {
        font-size: 30px;
    }
}

@media only screen and (max-width: 375px) {
    .breadcrumb-contents .badge-title {
        font-size: 28px;
    }
}

.breadcrumb-contents .breadcrumb-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.breadcrumb-contents .breadcrumb-list .list {
    /* color: var(--paragraph-color); */
    color: var(--white);
    position: relative;
    z-index: 2;
    font-size: 17px;
    font-weight: 400;
    line-height: 30px;
    -webkit-transition: all 300ms;
    transition: all 300ms;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .breadcrumb-contents .breadcrumb-list .list {
        font-size: 16px;
    }
}

@media only screen and (max-width: 480px) {
    .breadcrumb-contents .breadcrumb-list .list {
        font-size: 15px;
    }
}

.breadcrumb-contents .breadcrumb-list .list:hover {
    color: var(--main-color-one);
}

.breadcrumb-contents .breadcrumb-list .list:not(:last-child) {
    padding-right: 20px;
}

.breadcrumb-contents .breadcrumb-list .list:not(:last-child)::after {
    content: "";
    position: absolute;
    /* background: var(--body-color); */
    background: var(--white);
    height: 15px;
    width: 2px;
    right: 1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.breadcrumb-contents .breadcrumb-list .list:not(:first-child) {
    padding-left: 20px;
}

.breadcrumb-contents.hover-color-one .bage-list .list:hover {
    color: var(--main-color-one);
}

.breadcrumb-contents.hover-color-two .bage-list .list:hover {
    color: var(--main-color-two);
}

.breadcrumb-contents.hover-color-three .bage-list .list:hover {
    color: var(--main-color-three);
}

.breadcrumb-contents.hover-color-four .bage-list .list:hover {
    color: var(--main-color-four);
}

/* About area */
.about-flex-thumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.about-thumb:not(:first-child) {
    margin-left: 24px;
}

@media only screen and (max-width: 480px) {
    .about-thumb:not(:first-child) {
        margin-left: 15px;
    }
}

.about-contents-wrapper {
    padding-left: 55px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .about-contents-wrapper {
        padding-left: 40px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .about-contents-wrapper {
        padding-left: 30px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .about-contents-wrapper {
        padding-left: 30px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .about-contents-wrapper {
        padding-left: 20px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .about-contents-wrapper {
        padding-left: 0;
    }
}

.about-paragraph .para {
    font-size: 18px;
    line-height: 36px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .about-paragraph .para {
        font-size: 17px;
        line-height: 36px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .about-paragraph .para {
        font-size: 16px;
        line-height: 32px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .about-paragraph .para {
        font-size: 16px;
        line-height: 28px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .about-paragraph .para {
        font-size: 16px;
        line-height: 28px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .about-contents {
        margin-top: 20px;
    }
}

.about-contents .about-top {
    font-size: 20px;
    line-height: 26px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .about-contents .about-top {
        font-size: 18px;
    }
}

@media only screen and (max-width: 480px) {
    .about-contents .about-top {
        font-size: 16px;
    }
}

.about-contents .about-title {
    font-size: 46px;
    line-height: 65px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .about-contents .about-title {
        font-size: 40px;
        line-height: 55px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .about-contents .about-title {
        font-size: 42px;
        line-height: 60px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .about-contents .about-title {
        font-size: 42px;
        line-height: 60px;
    }
}

@media only screen and (max-width: 767.98px) {
    .about-contents .about-title {
        font-size: 36px;
        line-height: 48px;
    }
}

@media only screen and (max-width: 575.98px) {
    .about-contents .about-title {
        font-size: 32px;
        line-height: 36px;
    }
}

@media only screen and (max-width: 480px) {
    .about-contents .about-title {
        font-size: 28px;
        line-height: 32px;
    }
}

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

/* Contacts Area  */
.contact-address-wrapper {
    padding: 50px 100px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .contact-address-wrapper {
        padding: 50px 70px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .contact-address-wrapper {
        padding: 50px 40px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .contact-address-wrapper {
        padding: 50px 50px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .contact-address-wrapper {
        padding: 50px 50px;
    }
}

@media only screen and (max-width: 575.98px) {
    .contact-address-wrapper {
        padding: 40px 40px;
    }
}

@media only screen and (max-width: 480px) {
    .contact-address-wrapper {
        padding: 40px 30px;
    }
}

@media only screen and (max-width: 375px) {
    .contact-address-wrapper {
        padding: 30px 20px;
    }
}

.sub-title {
    font-size: 18px;
    line-height: 36px;
}

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

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

@media only screen and (max-width: 480px) {
    .sub-title {
        font-size: 16px;
        line-height: 32px;
    }
}

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

.contact-title {
    font-size: 36px;
    line-height: 43px;
}

@media only screen and (max-width: 575.98px) {
    .contact-title {
        font-size: 32px;
        line-height: 36px;
    }
}

@media only screen and (max-width: 375px) {
    .contact-title {
        font-size: 28px;
    }
}

.single-address:not(:last-child) {
    margin-bottom: 24px;
}

.single-address .address-subtitle {
    font-size: 22px;
    line-height: 36px;
    display: block;
}

@media only screen and (max-width: 575.98px) {
    .single-address .address-subtitle {
        font-size: 20px;
    }
}

@media only screen and (max-width: 375px) {
    .single-address .address-subtitle {
        font-size: 18px;
    }
}

.single-address .main-address {
    font-size: 16px;
    line-height: 28px;
    display: block;
    color: var(--paragraph-color);
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
}

@media only screen and (max-width: 575.98px) {
    .single-address .main-address {
        font-size: 17px;
    }
}

@media only screen and (max-width: 375px) {
    .single-address .main-address {
        font-size: 15px;
    }
}

.single-address .main-address:hover {
    color: var(--main-color-one);
}

.single-address .main-address:hover a {
    -webkit-text-decoration-color: var(--main-color-one);
    text-decoration-color: var(--main-color-one);
}

.single-address .main-address a {
    -webkit-text-decoration: 3px solid #DDD underline;
    text-decoration: 3px solid #DDD underline;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
}

.single-address .main-address:not(:last-child) {
    margin-bottom: 5px;
}

.input-label {
    font-size: 18px;
    font-weight: 500;
    display: block;
}

@media only screen and (max-width: 575.98px) {
    .input-label {
        font-size: 16px;
    }
}

@media only screen and (max-width: 375px) {
    .input-label {
        font-size: 15px;
    }
}

.contact-form-wrapper {
    padding-left: 50px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .contact-form-wrapper {
        padding-left: 30px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .contact-form-wrapper {
        padding-left: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .contact-form-wrapper {
        padding-left: 0;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .contact-form-wrapper {
        padding-left: 0;
    }
}

.single-flex-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

@media only screen and (max-width: 480px) {
    .single-flex-input {
        display: block;
    }
}

.single-flex-input .single-input {
    width: 100%;
}

.single-flex-input .single-input:not(:first-child) {
    margin-left: 24px;
}

@media only screen and (max-width: 575.98px) {
    .single-flex-input .single-input:not(:first-child) {
        margin-left: 0;
    }
}

.single-flex-input .single-input .form--control {
    width: 100%;
    border: 1px solid rgba(221, 221, 221, 0.4);
    -webkit-box-shadow: 0 0 10px transparent;
    box-shadow: 0 0 10px transparent;
    height: 60px;
    padding: 0px 20px 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.single-flex-input .single-input .form--control:focus {
    border-color: rgba(var(--main-color-one-rgb), 0.3);
    -webkit-box-shadow: 0 0 10px rgba(var(--main-color-one-rgb), 0.05);
    box-shadow: 0 0 10px rgba(var(--main-color-one-rgb), 0.05);
}

.single-flex-input .single-input .form--message {
    padding: 15px 20px 0;
    height: 130px;
}

/* Contact Map */
.google-map-area iframe,
.contact-map iframe {
    width: 100%;
    height: 600px;
    border-radius: 10px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {

    .google-map-area iframe,
    .contact-map iframe {
        height: 500px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {

    .google-map-area iframe,
    .contact-map iframe {
        height: 450px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {

    .google-map-area iframe,
    .contact-map iframe {
        max-height: 400px;
    }
}

@media only screen and (max-width: 575.98px) {

    .google-map-area iframe,
    .contact-map iframe {
        max-height: 300px;
    }
}

@media only screen and (max-width: 480px) {

    .google-map-area iframe,
    .contact-map iframe {
        max-height: 270px;
    }
}

@media only screen and (max-width: 375px) {

    .google-map-area iframe,
    .contact-map iframe {
        max-height: 220px;
    }
}

/* Error Area */
.single-title {
    font-size: 32px;
    font-weight: 400;
    line-height: 1.2;
    margin: -5px 0 0;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-title {
        font-size: 36px;
        line-height: 50px;
    }
}

@media only screen and (max-width: 575.98px) {
    .single-title {
        font-size: 30px;
        line-height: 36px;
    }
}

@media only screen and (max-width: 375px) {
    .single-title {
        font-size: 26px;
        line-height: 32px;
    }
}

.error-thumb img {
    margin: 0 auto;
}

/* Order Tracking */
.tracking-wrapper {
    max-width: 600px;
    margin: 0 auto;
}

.tracking-form .single-input .form--control {
    border: 1px solid rgba(221, 221, 221, 0.4);
    -webkit-box-shadow: 0 0 10px transparent;
    box-shadow: 0 0 10px transparent;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.tracking-form .single-input .form--control:focus {
    -webkit-box-shadow: 0 0 10px rgba(var(--main-color-one-rgb), 0.1);
    box-shadow: 0 0 10px rgba(var(--main-color-one-rgb), 0.1);
    border-color: rgba(var(--main-color-one-rgb), 0.3);
}

/* Cart  */
.table-list-content.style-02 {
    max-width: 1250px;
    margin: 0 auto;
}

.table-list-content .custom--table.table-border {
    border: 1px solid var(--border-two);
}

.table-list-content .custom--table thead.head-bg {
    background: var(--gray-two);
}

.table-list-content .custom--table thead tr th {
    padding: 20px 5px;
    font-family: var(--rubik-font);
    font-size: 16px;
    font-weight: 400;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .table-list-content .custom--table thead tr th {
        white-space: nowrap;
    }
}

.table-list-content .custom--table thead tr th:first-child {
    padding-left: 20px;
}

.table-list-content .custom--table thead tr th:last-child {
    padding-right: 20px;
}

.table-list-content .custom--table thead tr th:nth-child(1) {
    text-align: left;
}

.table-list-content .custom--table tbody tr {
    border-bottom: 1px solid rgba(221, 221, 221, 0.4);
    position: relative;
    z-index: 1;
}

.table-list-content .custom--table tbody tr td {
    padding: 20px;
}

.table-list-content .custom--table tbody tr td:first-child {
    padding-left: 20px;
    width: 220px;
}

.table-list-content .custom--table tbody tr td:last-child {
    padding-right: 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .table-list-content .custom--table tbody tr td:last-child {
        padding-right: 7px;
    }
}

.table-list-content .custom--table tbody tr td .close-table-cart {
    position: unset;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 5px;
    font-size: 20px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.table-list-content .custom--table tbody tr td .close-table-cart:hover {
    color: var(--main-color-one);
    -webkit-transform: translateY(-50%) scale(1.3);
    transform: translateY(-50%) scale(1.3);
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .table-list-content .custom--table tbody tr td .close-table-cart {
        top: 10px;
        right: auto;
        left: 10px;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        background: var(--main-color-one);
        color: var(--white);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 30px;
        width: 30px;
        margin-left: auto;
        margin-bottom: 10px;
        margin-right: 10px;
    }

    .table-list-content .custom--table tbody tr td .close-table-cart:hover {
        -webkit-transform: translateY(0) scale(1.3);
        transform: translateY(0) scale(1.3);
        background: #fff;
        color: var(--main-color-one);
    }
}

.table-list-content .custom--table tbody tr td .product-name-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    max-width: calc(100% - 20px);
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .table-list-content .custom--table tbody tr td .product-name-table {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .table-list-content .custom--table tbody tr td .product-name-table {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: block;
    }
}

.table-list-content .custom--table tbody tr td .product-name-table a {
    flex-shrink: 0;
}

.table-list-content .custom--table tbody tr td .product-name-table .thumbs {
    height: 110px;
    width: 110px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .table-list-content .custom--table tbody tr td .product-name-table .thumbs {
        margin-left: auto;
        height: 120px;
        width: 120px;
    }
}

.table-list-content .custom--table tbody tr td .product-name-table .carts-contents {
    text-align: right;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.table-list-content .custom--table tbody tr td .product-name-table .carts-contents .name-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: var(--heading-color);
}

.table-list-content .custom--table tbody tr td .product-name-table .carts-contents p {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: var(--paragraph-color);
    text-align: left;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .table-list-content .custom--table tbody tr td .product-name-table .carts-contents {
        margin-left: 0px;
        text-align: right;
    }
}

.table-list-content .custom--table tbody tr td .product-name-table .carts-contents .name-title {
    font-size: 18px;
    font-weight: 500;
    text-align: left !important;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .table-list-content .custom--table tbody tr td .product-name-table .carts-contents .name-title {
        margin-top: 10px;
    }
}

.table-list-content .custom--table tbody tr td.price-td {
    font-weight: 500;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .table-list-content .custom--table tbody tr td.price-td {
        margin-right: 10px;
    }
}

.table-list-content .custom--table tbody tr td.color-one {
    color: var(--main-color-one);
}

.table-list-content .custom--table tbody tr td.color-two {
    color: var(--main-color-two);
}

.table-list-content .custom--table tbody tr td.color-three {
    color: var(--main-color-three);
}

.table-list-content .custom--table tbody tr td.color-four {
    color: var(--main-color-four);
}

.table-list-content .custom--table tbody tr td .product-quantity {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    width: 120px;
    text-align: center;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .table-list-content .custom--table tbody tr td .product-quantity {
        margin-right: 10px;
        margin-left: auto;
        display: inline-block;
    }
}

.table-list-content .custom--table tbody tr td .product-quantity .quantity-input {
    border: 1px solid rgba(221, 221, 221, 0.4);
    width: 100%;
    position: relative;
    z-index: 1;
}

.table-list-content .custom--table tbody tr td .product-quantity .quantity-input::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background: rgba(221, 221, 221, 0.4);
}

.table-list-content .custom--table tbody tr td .product-quantity .substract,
.table-list-content .custom--table tbody tr td .product-quantity .plus {
    padding: 0 5px;
    left: 5px;
}

.table-list-content .custom--table tbody tr td .product-quantity .plus {
    left: auto;
    right: 5px;
}

.table-update-btn .btn-table {
    font-size: 18px;
    padding: 10px 30px;
    color: var(--paragraph-color);
    display: inline-block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.truncate-multiline {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

@media only screen and (max-width: 480px) {
    .table-update-btn .btn-table {
        padding: 8px 18px;
    }

    .mobile-img {
        display: none;
    }
}

@media only screen and (max-width: 375px) {
    .table-update-btn .btn-table {
        font-size: 16px;
    }
}

.table-update-btn .btn-table.btn-border-1 {
    border: 1px solid rgba(221, 221, 221, 0.4);
}

.table-update-btn .btn-table:hover {
    background: var(--main-color-one);
    /* color: var(--white); */
    border-color: var(--main-color-one);
}

.coupon-wrapper {
    padding: 50px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .coupon-wrapper {
        padding: 35px 35px 40px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .coupon-wrapper {
        padding: 40px 30px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .coupon-wrapper {
        max-width: 500px;
        margin: 0 auto;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .coupon-wrapper {
        max-width: 500px;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 480px) {
    .coupon-wrapper {
        padding: 30px;
    }
}

@media only screen and (max-width: 375px) {
    .coupon-wrapper {
        padding: 20px 10px;
    }
}

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

.coupon-flex-list .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: var(--paragraph-color);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
}

.coupon-flex-list .list:not(:last-child) {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--border-two);
}

.coupon-flex-list .list b:nth-child(1) {
    font-weight: 400;
    color: var(--paragraph-color);
}

.coupon-flex-list .list b:nth-child(2) {
    font-weight: 700;
    color: var(--heading-color);
}

/* Checkout */
.summery-title {
    font-size: 36px;
    line-height: 43px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .summery-title {
        font-size: 32px;
    }
}

@media only screen and (max-width: 575.98px) {
    .summery-title {
        font-size: 30px;
        line-height: 36px;
    }
}

@media only screen and (max-width: 375px) {
    .summery-title {
        font-size: 28px;
    }
}

.checkout-title i {
    color: var(--main-color-one);
}

.click-open-form:hover {
    color: var(--main-color-one);
    font-weight: 500;
}

.checkout-form-open {
    max-width: 500px;
    background: #fff;
    height: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 500ms linear;
    transition: all 500ms linear;
}

.checkout-form-open.active {
    height: auto;
    visibility: visible;
    opacity: 1;
    margin-top: 30px;
}

.checkout-signup-form-wrapper {
    max-width: 700px;
    height: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.checkout-form-open.active,
.checkout-signup-form-wrapper.active {
    height: auto;
    visibility: visible;
    opacity: 1;
    margin-top: 30px;
    background: var(--gray-two);
    padding: 20px;
}

.checkout-address-form-wrapper {
    max-width: 700px;
    height: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.checkout-address-form-wrapper.active {
    height: auto;
    visibility: visible;
    opacity: 1;
    margin-top: 30px;
    background: #fff;
}

.signin-contents .btn-submit {
    margin-top: 20px;
}

.create-accounts {
    font-size: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 10px;
    color: var(--heading-color) !important;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .create-accounts {
        font-size: 18px;
    }
}

@media only screen and (max-width: 575.98px) {
    .create-accounts {
        font-size: 16px;
    }
}

.create-accounts:hover {
    color: var(--heading-color);
}

.create-accounts::before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 20px;
    width: 20px;
    border: 1px solid #DDD;
    content: "";
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.create-accounts.active::before {
    content: "\f00c";
    font-family: "Line Awesome Free";
    font-weight: 900;
    background: var(--main-color-one);
    color: var(--white);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    border-color: var(--main-color-one);
}

.checkout-form .input-flex-item .single-input .form--message {
    height: 120px;
}

.checkout-form .checkbox-inlines .checkbox-label {
    color: var(--heading-color);
    font-size: 18px;
}

.checkout-order-summery {
    padding: 40px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .checkout-order-summery {
        padding: 40px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .checkout-order-summery {
        padding: 30px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .checkout-order-summery {
        padding: 30px;
    }
}

@media only screen and (max-width: 991.98px) {
    .checkout-order-summery {
        padding: 20px;
    }
}

@media only screen and (max-width: 480px) {
    .checkout-order-summery {
        padding: 30px;
    }
}

@media only screen and (max-width: 375px) {
    .checkout-order-summery {
        padding: 20px 10px;
    }
}

.checkout-cart-wrapper {
    max-height: 240px;
    overflow-y: auto;
}

.single-checkout-cart-items .single-check-carts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.single-checkout-cart-items .single-check-carts .check-cart-flex-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.single-checkout-cart-items .single-check-carts .check-cart-flex-contents .checkout-cart-thumb {
    height: 100px;
    width: 100px;
}

.single-checkout-cart-items .single-check-carts .check-cart-flex-contents .checkout-cart-thumb img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.single-checkout-cart-items .single-check-carts .check-cart-flex-contents .checkout-cart-img-contents {
    text-align: left;
    margin-left: 10px;
}

.single-checkout-cart-items .single-check-carts .check-cart-flex-contents .checkout-cart-img-contents .product-items {
    margin-top: 10px;
}

.single-checkout-cart-items .single-check-carts .checkout-cart-price {
    font-size: 18px;
}

.checkout-flex-list .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 0;
    color: var(--paragraph-color);
    font-size: 18px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .checkout-flex-list .list {
        font-size: 16px;
        padding: 10px 0;
    }
}

@media only screen and (max-width: 375px) {
    .checkout-flex-list .list {
        font-size: 15px;
        padding: 10px 0;
    }
}

.checkout-flex-list .list span.product-qnt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

.checkout-flex-list .list span .product-cross {
    margin-bottom: 0;
    position: relative;
    z-index: 2;
}

.checkout-flex-list .list span .product-cross::after {
    font-family: "Line Awesome Free";
    font-weight: 900;
    content: "";
    position: absolute;
    right: -20px;
}

.checkout-flex-list .list .input-values {
    width: 40px;
    background: none;
    border: none;
    outline: none;
}

.coupon-form {
    position: relative;
}

.coupon-form .single-input label {
    display: block;
}

.coupon-form .single-input .form--control {
    height: 60px;
    background: #fff;
    border: 1px solid rgba(221, 221, 221, 0.4);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.coupon-form .single-input .form--control:focus {
    border-color: rgba(var(--main-color-one-rgb), 0.3);
    -webkit-box-shadow: 0 0 10px rgba(var(--main-color-one-rgb), 0.1);
    box-shadow: 0 0 10px rgba(var(--main-color-one-rgb), 0.1);
}

.coupon-form .apply-coupon {
    position: absolute;
    right: 5px;
    height: 50px;
    border: 0;
    outline: none;
    padding: 5px 20px;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid transparent;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: var(--main-color-one);
    color: var(--white);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.coupon-form .apply-coupon:hover {
    background: none;
    color: var(--main-color-one);
    border-color: var(--main-color-one);
}

.btn-coupon {
    outline: none;
    border: 1px solid #DDD;
    background: #DDD;
    padding: 15px;
    cursor: pointer;
    font-size: 18px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-coupon.btn-bg-heading {
    background: var(--heading-color);
    color: var(--white);
    border: 2px solid transparent;
}

.btn-coupon.btn-bg-heading:hover {
    background: none;
    color: var(--heading-color);
    border-color: var(--heading-color);
}

.payment-inlines .payment-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.payment-inlines .payment-card .single-card {
    background: #fff;
    padding: 5px 10px;
    position: relative;
    z-index: 2;
    margin-bottom: 10px;
    border: 2px solid transparent;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.payment-inlines .payment-card .single-card.active {
    border-color: var(--main-color-one);
}

.payment-inlines .payment-card .single-card.active::before {
    content: "\f00c";
    font-family: "Line Awesome Free";
    font-weight: 900;
    background: var(--main-color-one);
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 16px;
    width: 16px;
    font-size: 10px;
    border-radius: 50%;
    position: absolute;
    top: -7px;
    right: -7px;
    z-index: 9;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.payment-inlines .payment-card .single-card:not(:last-child) {
    margin-right: 10px;
}

.checkout__card {
    border: 1px solid var(--border-two);
}

.checkout__card__header {
    background-color: var(--gray-two);
    padding: 15px 20px;
    border-bottom: 1px solid var(--border-two);
}

.checkout__card__footer {
    border-top: 1px solid var(--border-two);
}

/* Sign In Sign Up */
.signin-wrappers {
    max-width: 450px;
    margin: 0 auto;
}

.signin-wrappers.style-02 {
    max-width: 550px;
}

.input-flex-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 480px) {
    .input-flex-item {
        display: block;
    }
}

.input-flex-item .single-input {
    width: 100%;
}

.input-flex-item .single-input:not(:first-child) {
    margin-left: 24px;
}

@media only screen and (max-width: 480px) {
    .input-flex-item .single-input:not(:first-child) {
        margin-left: 0;
    }
}

.input-flex-item .single-input .form--control {
    border: 1px solid rgba(221, 221, 221, 0.4);
}

select.error-text {
    color: unset;
}

.error-text {
    color: red;
    margin-top: 5px;
}

.single-input {
    display: inline-block;
    width: 100%;
}

.single-input .form--control {
    border: 1px solid rgba(221, 221, 221, 0.4);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: 0 0 10px transparent;
    box-shadow: 0 0 10px transparent;
}

.single-input .form--control:focus {
    border-color: rgba(var(--main-color-one-rgb), 0.3);
    -webkit-box-shadow: 0 0 10px rgba(var(--main-color-one-rgb), 0.1);
    box-shadow: 0 0 10px rgba(var(--main-color-one-rgb), 0.1);
}

.single-input .form--message {
    padding: 15px 0 0 15px;
}

.label-title {
    font-size: 16px;
    font-weight: 500;
    color: var(--heading-color);
}

@media only screen and (max-width: 480px) {
    .label-title {
        font-size: 15px;
    }
}

.single-checbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
}

.or-contents {
    text-align: center;
    position: relative;
    z-index: 2;
}

.or-contents::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    background: rgba(221, 221, 221, 0.4);
    width: 100%;
    height: 1px;
    z-index: -1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.or-contents .or-para {
    background: #fff;
    padding: 10px 30px;
    color: var(--paragraph-color);
}

.signin-others .single-other-signin .btn-others {
    padding: 13px 10px;
    display: inline-block;
    border: 1px solid rgba(221, 221, 221, 0.4);
    color: var(--paragraph-color);
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.signin-others .single-other-signin .btn-others:hover {
    background: var(--heading-color);
    color: var(--white);
}

.signin-others .single-other-signin .btn-others img {
    margin-right: 5px;
}

.special-account {
    border: 1px solid var(--border-color);
    padding: 10px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: var(--paragraph-color);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all .3s;
}

.special-account:hover {
    background: var(--heading-color);
    border-color: var(--heading-color);
    color: var(--white);
}

.special-account:hover .special-account-para {
    color: var(--white);
}

.special-account-para {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--paragraph-color);
    transition: all .3s;
}

.signin-contents {
    background: var(--gray-two);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px var(--gray-two);
}

.sign-in.register {
    padding: 20px;
    background: var(--gray-two);
    border-radius: 10px;
    box-shadow: 0 0 10px var(--gray-two);
}

.signin__account__para {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: var(--paragraph-color);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}

.signin__account__para a {
    font-size: 18px;
    font-weight: 500;
    color: var(--heading-color);
    transition: all .3s;
}

.signin__account__para a:hover {
    color: var(--main-color-one);
}

.form-check-label {
    font-size: 16px;
    line-height: 24px;
    color: var(--paragraph-color);
    margin-bottom: 5px;
}

/* Compare Area */
.single-compare .compare-contents .compare-review-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 5px;
}

.single-compare .compare-contents .compare-review-list .list {
    margin: 2px;
    font-size: 20px;
}

.single-compare .compare-contents .common-price-title-two {
    margin-top: 15px;
}

@media only screen and (max-width: 480px) {
    .single-compare .compare-contents .compare-content-list {
        margin-top: 20px;
    }
}

.single-compare .compare-contents .compare-content-list .list {
    border-bottom: 1px solid rgba(221, 221, 221, 0.4);
    padding: 20px 0;
    font-size: 18px;
    line-height: 32px;
    color: var(--paragraph-color);
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-compare .compare-contents .compare-content-list .list {
        padding: 15px 0;
    }
}

@media only screen and (max-width: 575.98px) {
    .single-compare .compare-contents .compare-content-list .list {
        font-size: 16px;
    }
}

@media only screen and (max-width: 480px) {
    .single-compare .compare-contents .compare-content-list .list {
        font-size: 15px;
        padding: 10px 0;
    }
}

.single-compare .compare-contents .compare-content-list .list .common-para {
    color: var(--paragraph-color);
}

.single-compare .compare-contents .cmn_btn {
    font-size: 18px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-compare .compare-contents .cmn_btn {
        font-size: 17px;
    }
}

@media only screen and (max-width: 575.98px) {
    .single-compare .compare-contents .cmn_btn {
        font-size: 16px;
    }
}

@media only screen and (max-width: 375px) {
    .single-compare .compare-contents .cmn_btn {
        font-size: 15px;
    }
}

.single-compare .compare-contents .btn-remove {
    border-bottom: 2px solid rgba(221, 221, 221, 0.6);
    color: var(--paragraph-color);
    padding-bottom: 2px;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.single-compare .compare-contents .btn-remove:hover {
    color: var(--main-color-one);
    border-color: transparent;
    letter-spacing: 1px;
}

@media only screen and (max-width: 575.98px) {
    .single-compare .compare-contents .btn-remove {
        font-size: 16px;
    }
}

@media only screen and (max-width: 375px) {
    .single-compare .compare-contents .btn-remove {
        font-size: 15px;
    }
}

/* Dashboard area */
.admin-dashboard-padding-30 {
    padding: 30px;
}

.dashboard-logo {
    max-width: 170px;
    margin-inline: auto;
    height: 50px;
}

.dashboard-logo img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

@media only screen and (max-width: 480px) {
    .admin-dashboard-padding-30 {
        padding: 20px;
    }
}

@media only screen and (max-width: 375px) {
    .admin-dashboard-padding-30 {
        padding: 20px 15px;
    }
}

.dashboard-area {
    background: var(--dashboard-color);
    min-height: 100vh;
    overflow: hidden;
}

.color-profile {
    color: var(--customer-profile);
}

.dashboard-common-title {
    font-size: 18px;
    line-height: 30px;
}

.dashboard-common-title-two {
    font-size: 24px;
    line-height: 32px;
    margin: -7px 0 0;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .dashboard-common-title-two {
        font-size: 23px;
    }
}

@media only screen and (max-width: 575.98px) {
    .dashboard-common-title-two {
        font-size: 22px;
    }
}

@media only screen and (max-width: 375px) {
    .dashboard-common-title-two {
        font-size: 21px;
    }
}

.dashboard-pagination .pagination li {
    margin: 5px 10px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .dashboard-pagination .pagination li {
        margin: 5px 5px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .dashboard-pagination .pagination li {
        margin: 5px 5px;
    }
}

.dashboard-pagination .pagination li.active .page-link {
    background: var(--customer-profile);
    color: var(--white);
    border-color: transparent;
}

.dashboard-pagination .pagination li .page-link {
    background: #fff;
    color: #666;
    border: 1px solid;
    font-size: 16px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    padding: 8px 17px;
    display: inline-block;
    cursor: pointer;
    border-radius: 5px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.dashboard-pagination .pagination li .page-link:hover {
    background: var(--customer-profile);
    color: var(--white);
    border-color: transparent;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .dashboard-pagination .pagination li .page-link {
        font-size: 16px;
        padding: 7px 15px;
    }
}

@media only screen and (max-width: 480px) {
    .dashboard-pagination .pagination li .page-link {
        font-size: 15px;
        padding: 5px 10px;
    }
}

.badge-notification {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 10px;
    height: 22px;
    width: 22px;
    background: var(--main-color-one);
    color: var(--white);
    border-radius: 3px;
}

@media only screen and (max-width: 575.98px) {
    .showing-contents {
        text-align: center;
    }
}

/*
.dashboard-padding {
  padding: 50px;
}
@media (min-width: 1600px) and (max-width: 1849.98px) {
  .dashboard-padding {
    padding: 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1599.98px) {
  .dashboard-padding {
    padding: 30px;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .dashboard-padding {
    padding: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .dashboard-padding {
    padding: 20px;
  }
}
@media (min-width: 300px) and (max-width: 991.98px) {
  .dashboard-padding {
    padding: 30px;
  }
}
@media only screen and (max-width: 480px) {
  .dashboard-padding {
    padding: 20px;
  }
}
@media only screen and (max-width: 375px) {
  .dashboard-padding {
    padding: 20px 10px;
  }
} */

.dashboard-contents-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 24px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .dashboard-contents-wrapper {
        gap: 24px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .dashboard-contents-wrapper {
        gap: 24px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .dashboard-contents-wrapper {
        display: block;
        padding: 12px 12px;
    }
}

.dashboard-left-content .nicescroll-rails {
    background: none;
}

.dashboard-left-content .nicescroll-cursors {
    background-color: var(--customer-profile) !important;
    width: 5px !important;
}

.dashboard-left-content {
    background: #fff;
    text-align: center;
    height: 100%;
    padding: 0;
    border-radius: 0px;
    display: block;
    padding: 20px 20px;
    width: 335px;
    height: calc(100vh - 0px);
    overflow-y: hidden;
    position: fixed;
    z-index: 9;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .dashboard-left-content {
        /* height: calc(100vh - 80px); */
        padding: 30px 10px;
        width: 280px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .dashboard-left-content {
        /* height: calc(100vh - 60px); */
        padding: 30px 10px;
        width: 280px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .dashboard-left-content {
        /* height: calc(100vh - 40px); */
        padding: 30px 10px;
        width: 260px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .dashboard-left-content {
        /* height: calc(100vh - 40px); */
        padding: 30px 10px;
        width: 260px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .dashboard-left-content {
        height: 100vh;
    }
}

@media only screen and (max-width: 375px) {
    .dashboard-left-content {
        max-width: 280px;
    }
}

.dashboard-bottom {
    height: calc(100vh - 195px);
    overflow-y: auto;
    padding: 0 7px 0 0;
    scrollbar-color: var(--black) #f3f3f3;
    scrollbar-width: thin;
}

.dashboard-bottom::-webkit-scrollbar {
    background-color: #f3f3f3;
    width: 5px;
    border-radius: 10px;
}

.dashboard-bottom::-webkit-scrollbar-thumb {
    background: var(--black);
    border-radius: 10px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .dashboard-bottom {
        height: calc(100vh - 175px);
    }
}

.dashboard-list>li.active>a,
.dashboard-list .list.active>a {
    background: var(--black);
    font-weight: 500;
    color: var(--white);
}

.dashboard-list li.main_dropdown.active>.collapse {
    display: block;
}

.dashboard-list li.main_dropdown.open>a::after,
.dashboard-list .list.has-children.open>a::after {
    content: "^";
    transform: rotate(0);
}

li.main_dropdown ul {
    display: block;
    height: 100%;
}

.main_dropdown ul.collapse {
    height: auto;
}

.dashboard-list li.main_dropdown>a,
.dashboard-list .list.has-children>a {
    position: relative;
}

.dashboard-list li.main_dropdown>a::after,
.dashboard-list .list.has-children>a::after {
    content: "^";
    font-family: "Line Awesome Free";
    font-weight: 900;
    position: absolute;
    right: 10px;
    font-size: 18px;
    transform: rotate(180deg);
}

.dashboard-list li.acitve>.collapse>li {
    list-style: disc;
}

.dashboard-list li.acitve>.collapse,
.dashboard-list .list.show>.submenu {
    display: block;
}

.dashboard-list li a,
.dashboard-list .list a {
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--heading-color);
    font-family: var(--dashboard-font);
    gap: 10px;
    padding: 10px 15px;
    cursor: pointer;
    border-radius: 5px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background-color: var(--gray-two);
    text-align: left;
}

.dashboard-list li a i,
.dashboard-list .list a i {
    font-size: 13px;
}

.dashboard-list li:not(:last-child)>a {
    margin-bottom: 10px;
}

.dashboard-list li>ul li a {
    padding: 10px 15px;
}

.dashboard-list li>ul li:last-child a {
    margin-bottom: 10px;
}

.dashboard-list li>.collapse,
.dashboard-list .list>.submenu {
    padding-left: 15px;
    display: none;
    border-left: 4px solid var(--black);
}

.dashboard-list li>.collapse li.main_dropdown>a,
.dashboard-list .list>.submenu .list.has-children>a {
    font-size: 16px;
}

.dashboard-list li.main_dropdown>.collapse li.active {
    background: none;
}

.dashboard-list li.main_dropdown>.collapse li.selected>a,
.dashboard-list li.main_dropdown>.collapse li.active>a,

.dashboard-list .list>.submenu .list.selected>a {
    color: var(--customer-profile);
    background-color: rgba(var(--customer-profile-rgb), 0.1);
}

.dashboard-list li>.collapse li.active a::before,
.dashboard-list .list>.submenu .list.selected a::before {
    background: var(--customer-profile);
}

.dashboard-list li.main_dropdown>.collapse li.main_dropdown.active>a {
    background-color: var(--customer-profile);
    color: var(--white);
}

/* .dashboard-list li>.collapse .main_dropdown a,
.dashboard-list .list>.submenu .list a {
  font-size: 14px;
  line-height: 22px;
  padding: 3px 0 3px 15px;
  position: relative;
  font-weight: 400;
} */

/* .dashboard-list li>.collapse .main_dropdown a::before,
.dashboard-list .list>.submenu .list a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 6px;
  width: 6px;
  background: #999;
  border-radius: 50%;
} */

.dashboard-right-contents {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 360px;
    padding-block: 20px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .dashboard-right-contents {
        margin-left: 304px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .dashboard-right-contents {
        margin-left: 304px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .dashboard-right-contents {
        margin-left: 284px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .dashboard-right-contents {
        margin-left: 284px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .dashboard-right-contents {
        margin-left: 0;
    }
}

/* Dashboard Top Contents */
.dashboard-top-contents.dashboard__card,
.card-body.dashboard__card,
.dashboard__card {
    padding: 20px;
    background: #fff;
    border: 1px solid var(--border-two);
    border-radius: 10px;
    height: 100%;
}

.dashboard__card.mediaUploads__card {
    height: auto;
}

.dashboard__card:not(:last-child) {
    margin-bottom: 24px;
}

.dashboard__card.card__two {
    padding: 0;
}

.dashboard__card.card__two .dashboard__card__header,
.dashboard__card.card__two .card-header {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: unset;
    border-bottom: 1px solid var(--border-two);
}

.dashboard__card .card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: unset;
    border-bottom: 1px solid var(--border-color);
}

.dashboard__card__header.center-text,
.dashboard__card__header.desktop-center,
.dashboard__card__header.text-center {
    display: block;
}

.dashboard__card.card__two .dashboard__card__body,
.dashboard__card.card__two .card-body {
    padding: 20px;
}

.dashboard__card__body.overflow__vertically {
    overflow: auto;
}

.dashboard__card .card-body {
    padding: 0px;
}

.dashboard__card__title,
.dashboard__card .header-title,
.header-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    color: var(--heading-color);
}

.card-header .title {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    color: var(--heading-color);
}

.dashboard__card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px 10px;
}

.dashboard__card__header__right,
.dashboard__card__header__right.d-flex {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

@media screen and (max-width: 575px) {
    .dashboard__card__header {
        flex-wrap: wrap;
    }
}

.dashboard__card__flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px 10px;
}

.dashboard-left-date {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: var(--paragraph-color);
}

.dashboard-top-contents {
    background: #fff;
    padding: 20px 20px;
    border-radius: 10px;
}

.dashboard-left-heading,
.heading-two {
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--heading-color);
}

@media (min-width: 300px) and (max-width: 991.98px) {

    .dashboard-left-heading,
    .heading-two {
        font-size: 30px;
    }
}

@media only screen and (max-width: 767.98px) {

    .dashboard-left-heading,
    .heading-two {
        font-size: 28px;
    }
}

@media only screen and (max-width: 575.98px) {

    .dashboard-left-heading,
    .heading-two {
        font-size: 28px;
    }
}

@media only screen and (max-width: 480px) {

    .dashboard-left-heading,
    .heading-two {
        font-size: 26px;
    }
}

@media only screen and (max-width: 375px) {

    .dashboard-left-heading,
    .heading-two {
        font-size: 22px;
    }
}

.heading-three {
    font-size: 28px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .heading-three {
        font-size: 26px;
    }
}

@media only screen and (max-width: 575.98px) {
    .heading-three {
        font-size: 25px;
    }
}

@media only screen and (max-width: 375px) {
    .heading-three {
        font-size: 23px;
    }
}

.dashboard-left-flex .d-flex {
    flex-wrap: wrap;
}

.dashboard-left-flex>div h2+h2 {
    display: none;
}

@media only screen and (max-width: 1199.98px) {
    .dashboard-left-flex .d-flex>h2 {
        font-size: 32px;
    }
}

@media only screen and (max-width: 991px) {
    .dashboard-left-flex .d-flex>h2 {
        font-size: 28px;
    }
}

@media only screen and (max-width: 767px) {
    .dashboard-left-flex .d-flex>h2 {
        font-size: 26px;
    }
}

@media only screen and (max-width: 575px) {
    .dashboard-left-flex .d-flex>h2 {
        font-size: 24px;
    }
}

@media only screen and (max-width: 480px) {
    .dashboard-left-flex .d-flex>h2 {
        font-size: 24px;
    }
}

@media only screen and (max-width: 375px) {
    .dashboard-left-flex .d-flex>h2 {
        font-size: 22px;
    }
}

.dashboard__card__search {
    max-width: 350px;
}

.dashboard__card__search__icon {
    position: relative;
}

.dashboard__card__search input {
    height: 42px;
    padding: 0 15px;
    padding-left: 40px;
}

.dashboard__card__search .icon {
    position: absolute;
    left: 15px;
    bottom: 7px;
    color: var(--paragraph-color);
    font-size: 16px;
    border: 0;
    background-color: unset;
    padding: 0;
    cursor: pointer;
}

.dashboard-flex-contetns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px 10px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .dashboard-flex-contetns {
        gap: 24px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: space-between;
    }

    .dashboard-flex-contetns .dashboard-right-flex .author-flex-contents {
        margin-top: 0;
    }

    .dashboard-left-flex .d-flex {
        justify-content: flex-start;
        text-align: left;
    }
}

@media (min-width: 200px) and (max-width: 450px) {
    .dashboard-flex-contetns {
        flex-direction: column;
        gap: 0;
    }

    .dashboard-left-date {
        text-align: center;
    }

    .dashboard-left-flex .d-flex {
        justify-content: center;
    }

    .dashboard-right-flex .author-thumb-contents .author-account-list {
        transform: translateX(50px);
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .dashboard-flex-contetns .rating-wrap {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.dashboard-right-flex {
    flex-shrink: 0;
}

.dashboard-flex-contetns .dashboard-right-flex .author-flex-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .dashboard-flex-contetns .dashboard-right-flex .author-flex-contents {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 24px;
    }
}

.author-thumb-contents {
    position: relative;
    z-index: 3;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.author-thumb-contents:hover .author-account-list {
    visibility: visible;
    opacity: 1;
    top: 100%;
    background: #fff;
}

.author-thumb-contents .author-thumb {
    max-height: 40px;
    max-width: 40px;
    font-size: 20px;
    color: var(--heading-color);
}

.dashboard-right-flex .author-thumb-contents .author-thumb {
    font-size: 24px;
    background: var(--gray-two);
    height: 40px;
    width: 40px;
    border-radius: 50%;
    text-align: center
}

@media only screen and (max-width: 575.98px) {
    .author-thumb-contents .author-thumb {
        max-height: 50px;
        max-width: 50px;
    }
}

.author-thumb-contents .author-thumb img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 5px;
}

.author-thumb-contents .author-account-list {
    position: absolute;
    top: 130%;
    right: 0;
    background: #fff;
    z-index: 9998;
    -webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.2);
    box-shadow: 0 0 10px rgba(221, 221, 221, 0.2);
    width: 190px;
    background: #fff;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    display: block !important;
    margin-left: 0 !important;
}

.author-thumb-contents .author-account-list .list {
    margin: 0 !important;
    display: block !important;
}

.author-thumb-contents .author-account-list .list a {
    display: block;
    font-size: 15px;
    font-weight: 400;
    padding: 10px 20px;
    color: var(--heading-color);
    border-bottom: 1px solid rgba(221, 221, 221, 0.7);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.author-thumb-contents .author-account-list .list a:hover {
    background: var(--black);
    color: var(--white);
}

.single-icon-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.single-icon-flex .single-icon {
    font-size: 20px;
    color: var(--heading-color);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
}

.single-icon-flex .single-icon:hover {
    color: #05cd99;
}

.badge-icon {
    position: absolute;
    top: -3px;
    right: -3px;
    background: var(--delete-color);
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    font-size: 9px;
}

.notification-list-wrapper .nicescroll-rails {
    background: none;
}

.notification-list-wrapper .nicescroll-cursors {
    background-color: var(--customer-profile) !important;
    width: 5px !important;
}

.dashboard-right-contents .nicescroll-rails {
    background: none;
}

.dashboard-right-contents .nicescroll-cursors {
    background-color: var(--customer-profile) !important;
    width: 5px !important;
}

.notification-list-wrapper {
    position: relative;
}

.notification-list-wrapper .notification-title {
    border-bottom: 1px solid rgba(221, 221, 221, 0.5);
    padding: 0px 15px 10px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.notification-list-wrapper .all-notification {
    font-size: 15px;
    font-weight: 500;
    color: #333;
    padding: 20px 15px 0;
    display: inline-block;
}

.notifications-parent {
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#top-bar-notification-icon {
    cursor: pointer;
    font-size: 28px;
    color: var(--heading-color);
}

.notifications-parent .notification-list-wrapper.active {
    visibility: visible;
    opacity: 1;
    top: 100%;
    background: #fff;
}

.notifications-parent .notification-list-wrapper {
    position: absolute;
    top: 130%;
    right: 0;
    z-index: 9998;
    -webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.2);
    box-shadow: 0 0 10px rgba(221, 221, 221, 0.2);
    width: 250px;
    background: #fff;
    padding: 20px 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    display: block !important;
    margin-left: 0 !important;
}

.notifications-parent .notification-list {
    max-height: 250px;
    overflow-y: auto;
    padding: 0 7px;
}

@media only screen and (max-width: 480px) {
    .notifications-parent .notification-list {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
    }

    .dashboard-right-flex .notifications-parent .notification-list {
        transform: translateX(0);
    }

    .dashboard-right-flex .notifications-parent .notification-list-wrapper {
        transform: translateX(80px);
    }
}

@media only screen and (max-width: 375px) {
    .dashboard-right-flex .notifications-parent .notification-list-wrapper {
        transform: translateX(140px);
    }
}

.notifications-parent .notification-list .list {
    display: block;
    padding: 5px 15px;
    color: var(--heading-color);
    border-bottom: 1px solid rgba(221, 221, 221, 0.7);
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.notifications-parent .notification-list .list:hover {
    background: var(--customer-profile);
    color: var(--white);
}

.notifications-parent .notification-list .list:hover .notification-list-flex .notification-icon {
    background-color: var(--white);
    color: var(--heading-color);
}

.notifications-parent .notification-list .list .notification-list-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 12px;
}

.notifications-parent .notification-list .list .notification-list-flex .notification-author {
    height: 40px;
    width: 40px;
}

.notifications-parent .notification-list .list .notification-list-flex .notification-author img {
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
}

.notifications-parent .notification-list .list .notification-list-flex .notification-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 30px;
    width: 30px;
    font-size: 18px;
    background: rgba(0, 0, 0, 0.1);
    color: var(--heading-color);
    border-radius: 50%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.notifications-parent .notification-list .list .notification-list-flex .notification-contents {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.notifications-parent .notification-list .list .notification-list-flex .notification-contents .list-title {
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    margin: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.notifications-parent .notification-list .list .notification-list-flex .notification-contents .list-sub {
    font-size: 14px;
    font-weight: 400;
    margin-top: 2px;
    display: block;
}

.top-search-input {
    max-width: 300px;
}

.top-search-input.w-100 {
    max-width: 100%;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .top-search-input {
        margin: 20px auto 0;
    }
}

.top-search-input .top-input-form {
    position: relative;
}

.top-search-input .top-input-form .form--control {
    padding: 0 15px 0 50px;
    border: 1px solid rgba(221, 221, 221, 0.4);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.01);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.01);
}

.top-search-input .top-input-form .form--control:focus {
    -webkit-box-shadow: 0 0 10px rgba(5, 205, 153, 0.1);
    box-shadow: 0 0 10px rgba(5, 205, 153, 0.1);
    border-color: rgba(5, 205, 153, 0.3);
}

.top-search-input .top-input-form .search-btn {
    position: absolute;
    top: 50%;
    left: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 20px;
    color: #333;
    background: none;
    outline: none;
    border: 0;
}

/* Dashboard Customer Profile view */
.admin-profile-flex-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 24px 12px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .admin-profile-flex-view {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .admin-profile-flex-view {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .admin-profile-flex-view {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .admin-profile-flex-view {
        display: block;
    }
}

.admin-profile-flex-view .flex-view-item {
    width: 100%;
}

.dashboard-week-earning {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: var(--heading-color);
}

.author-thumbs.bg-image {
    height: 210px;
    width: 210px;
}

.admin-customer-author-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media only screen and (max-width: 767.98px) {
    .admin-customer-author-flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.admin-view-customer-address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .admin-view-customer-address {
        display: block;
    }
}

@media only screen and (max-width: 767.98px) {
    .admin-view-customer-address {
        display: block;
    }
}

.admin-view-customer-address .single-admin-customer-details {
    width: 100%;
}

/* Dashboard Vendor Preview Profile */
.single-preview-photo:not(:first-child) {
    margin-top: 40px;
}

/* Dashboard Campaign */
.campaign-photo {
    height: 100px;
    width: 230px;
    margin: 0 auto;
    border-radius: 10px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .campaign-photo {
        height: 90px;
        width: 170px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .campaign-photo {
        height: 80px;
        width: 150px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .campaign-photo {
        height: 70px;
        width: 100px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .campaign-photo {
        margin-left: auto;
        margin-right: 0;
        height: 80px;
        width: 150px;
    }
}

@media only screen and (max-width: 375px) {
    .campaign-photo {
        height: 70px;
        width: 120px;
    }
}

.dashboard-campaign-single.campaign-padding-30 {
    padding: 30px;
}

@media only screen and (max-width: 480px) {
    .dashboard-campaign-single.campaign-padding-30 {
        padding: 20px;
    }
}

@media only screen and (max-width: 375px) {
    .dashboard-campaign-single.campaign-padding-30 {
        padding: 20px 15px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .dashboard-campaign-single .dashboard-flex-input {
        display: block;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .dashboard-campaign-single .dashboard-flex-input {
        display: block;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .dashboard-campaign-single .dashboard-flex-input {
        display: block;
    }
}

.sidebar-campaign-list .list:not(:last-child) {
    margin-bottom: 10px;
}

.sidebar-campaign-list .list.active a {
    background: var(--customer-profile);
    color: var(--white);
}

.sidebar-campaign-list .list.active a::after {
    font-family: "Line Awesome Free";
    font-weight: 900;
    content: "ï„…";
    position: absolute;
    right: 20px;
}

.sidebar-campaign-list .list a {
    font-size: 16px;
    font-weight: 500;
    color: var(--heading-color);
    background: var(--dashboard-color);
    padding: 10px 20px;
    border-radius: 5px;
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
}

/* Dashboard withdraw Info */
.dashboard-withdraw-info-wrapper {
    padding: 6px 30px 30px;
}

@media only screen and (max-width: 375px) {
    .dashboard-withdraw-info-wrapper {
        padding: 0px 20px 24px;
    }
}

@media only screen and (max-width: 480px) {
    .single-admin-withdraw-info .contact-info-list .list {
        font-size: 15px;
    }
}

@media only screen and (max-width: 375px) {
    .single-admin-withdraw-info .contact-info-list .list {
        font-size: 14px;
    }
}

.withdraw-single-padding {
    padding: 30px;
}

@media only screen and (max-width: 375px) {
    .withdraw-single-padding {
        padding: 20px 15px;
    }
}

.withdraw-info-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 0 24px;
}

@media only screen and (max-width: 480px) {
    .withdraw-info-flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.withdraw-info-flex .nice-select-two {
    width: 100%;
}

.withdraw-info-flex .dashboard-btn-wrapper {
    width: 100%;
}

.btn-withdraw-info {
    height: 100%;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-withdraw-info.dashboard-bg:hover {
    background: none;
    color: var(--customer-profile);
}

/* Dashboard Promo */
.orders-child:nth-child(4n+2) .single-orders {
    background: var(--main-color-one);
}

.orders-child:nth-child(4n+3) .single-orders {
    background: #C71F66;
}

.orders-child:nth-child(4n+4) .single-orders {
    background: #6560FF;
}

.single-orders {
    background: var(--btn-color);
    padding: 35px 30px;
    border-radius: 10px;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.single-orders.style-padding {
    padding: 29px 25px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .single-orders {
        padding: 20px 15px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .single-orders {
        padding: 20px 20px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-orders {
        padding: 25px 20px;
    }
}

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

.single-orders .orders-shapes {
    position: absolute;
    top: -50px;
    right: -100px;
    height: 200%;
    width: 220px;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    background: rgba(255, 255, 255, 0.2);
    z-index: -1;
}

.single-orders .orders-flex-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .single-orders .orders-flex-content {
        gap: 10px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .single-orders .orders-flex-content {
        gap: 10px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .single-orders .orders-flex-content {
        gap: 10px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-orders .orders-flex-content {
        gap: 20px;
    }
}

@media only screen and (max-width: 767.98px) {
    .single-orders .orders-flex-content {
        gap: 10px;
    }
}

.single-orders .contents {
    flex: 1;
}

.single-orders .orders-flex-content .icon {
    font-size: 50px;
    color: var(--white);
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .single-orders .orders-flex-content .icon {
        font-size: 40px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .single-orders .orders-flex-content .icon {
        font-size: 40px;
        text-align: right;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-orders .orders-flex-content .icon {
        font-size: 40px;
        text-align: right;
    }
}

.single-orders .orders-flex-content .contents .order-titles {
    font-size: 36px;
    font-weight: 500;
    line-height: 55px;
    color: var(--white);
    margin: 0;
    word-break: break-all;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .single-orders .orders-flex-content .contents .order-titles {
        font-size: 34px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-orders .orders-flex-content .contents .order-titles {
        font-size: 30px;
    }
}

@media only screen and (max-width: 767.98px) {
    .single-orders .orders-flex-content .contents .order-titles {
        font-size: 28px;
    }
}

.single-orders .orders-flex-content .contents .order-para {
    font-size: 16px;
    line-height: 26px;
    color: var(--white);
}

@media only screen and (max-width: 767.98px) {
    .single-orders .orders-flex-content .contents .order-para {
        font-size: 15px;
    }
}

/* Dashboard Contact Info */
.single-contact-dashboard {
    border-radius: 20px;
}

.single-contact-dashboard.contact-padding {
    padding: 30px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .single-contact-dashboard.contact-padding {
        padding: 20px 20px;
    }
}

@media only screen and (max-width: 480px) {
    .single-contact-dashboard.contact-padding {
        padding: 20px;
    }
}

@media only screen and (max-width: 375px) {
    .single-contact-dashboard.contact-padding {
        padding: 20px 10px;
    }
}

.contact-flex-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .contact-flex-contents {
        display: block;
    }
}

@media only screen and (max-width: 575.98px) {
    .contact-flex-contents {
        gap: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

.contact-left-content .contact-title {
    font-size: 18px;
}

.contact-right-contents .edit-profile {
    background: var(--customer-profile);
    color: var(--white);
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    padding: 8px 15px;
    border-radius: 5px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .contact-right-contents .edit-profile {
        margin-top: 18px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.contact-info-list.style-02 .list {
    display: inline-block;
    width: 100%;
}

.contact-info-list.style-02 .list:not(:last-child) {
    margin-bottom: 40px;
}

.contact-info-list.style-02 .list .span-title {
    width: 150px;
    line-height: 28px;
}

@media only screen and (max-width: 375px) {
    .contact-info-list.style-02 .list .span-title {
        width: 120px;
    }
}

.contact-info-list.style-02 .list .title {
    margin-top: 0;
    display: inline-block;
    line-height: 28px;
}

.contact-info-list .list {
    display: block;
    font-size: 16px;
    line-height: 26px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .contact-info-list .list {
        font-size: 15px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .contact-info-list .list {
        font-size: 15px;
    }
}

.contact-info-list .list:not(:last-child) {
    margin-bottom: 24px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .contact-info-list .list:not(:last-child) {
        margin-bottom: 17px;
    }
}

.contact-info-list .list .title {
    margin-top: 10px;
    display: block;
}

.contact-billing-address .single-billing-address {
    border-radius: 20px;
    padding: 30px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .contact-billing-address .single-billing-address {
        padding: 20px 20px;
    }
}

@media only screen and (max-width: 480px) {
    .contact-billing-address .single-billing-address {
        padding: 20px;
    }
}

@media only screen and (max-width: 375px) {
    .contact-billing-address .single-billing-address {
        padding: 20px 10px;
    }
}

.contact-billing-address .single-billing-address:not(:last-child) {
    margin-bottom: 26px;
}

.dashboard-flex-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px;
}

@media only screen and (max-width: 575.98px) {
    .dashboard-flex-input {
        display: flex !important;
        flex-direction: column;
    }
}

.dashboard-flex-input .dashboard-input {
    width: 100%;
}

.dashboard-input {
    position: relative;
    display: inline-block;
    width: 95%;
    overflow-x: hidden;
}

.dashboard-input .bootstrap-tagsinput {
    width: 100%;
    height: 55px;
    padding: 9px 15px;
    border: 1px solid rgba(221, 221, 221, 0.4);
    -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
    overflow-y: auto;
}

.dashboard-input .bootstrap-tagsinput:focus {
    -webkit-box-shadow: 0 0 10px rgba(5, 205, 153, 0.1);
    box-shadow: 0 0 10px rgba(5, 205, 153, 0.1);
    border-color: rgba(5, 205, 153, 0.3);
}

.dashboard-input .bootstrap-tagsinput .tag {
    background: var(--body-color);
    padding: 2px 5px;
    margin: 2px 0;
    line-height: 26px;
    border-radius: 5px;
    font-size: 14px;
}

.dashboard-input .tags_input {
    width: 100%;
}

.dashboard-input .form--control {
    width: 100%;
    height: 55px;
    border: 1px solid rgba(221, 221, 221, 0.4);
    -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
    font-size: 15px;
    padding: 0 15px;
    font-family: var(--dashboard-font);
}

@media only screen and (max-width: 375px) {
    .dashboard-input .form--control {
        font-size: 14px;
    }
}

.dashboard-input .form--control:focus {
    -webkit-box-shadow: 0 0 10px rgba(5, 205, 153, 0.1);
    box-shadow: 0 0 10px rgba(5, 205, 153, 0.1);
    border-color: rgba(5, 205, 153, 0.3);
}

.dashboard-input .form--message {
    padding: 15px;
}

.dashboard-label {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--heading-color);
    margin-bottom: 8px;
}

@media only screen and (max-width: 375px) {
    .dashboard-label {
        font-size: 14px;
    }
}

.toggle-password {
    position: absolute;
    bottom: 15px;
    right: 20px;
    cursor: pointer;
}

.hide-icon {
    display: none;
}

.toggle-password.show-pass .hide-icon {
    display: block;
}

.toggle-password.show-pass .show-icon {
    display: none;
}

/* Dashboard Recent Orders */
.recent-order-wrapper {
    border-radius: 20px;
    padding: 30px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .recent-order-wrapper {
        padding: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .recent-order-wrapper {
        padding: 20px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .recent-order-wrapper {
        padding: 30px 150px;
    }
}

@media only screen and (max-width: 480px) {
    .recent-order-wrapper {
        padding: 20px;
    }
}

@media only screen and (max-width: 375px) {
    .recent-order-wrapper {
        padding: 20px 10px;
    }
}

.action-icon .icon {
    color: var(--customer-profile);
}

.action-icon .icon:nth-child(3n+2) {
    color: var(--main-color-two);
}

.action-icon .icon:nth-child(3n+3) {
    color: var(--main-color-one);
}

.dashboard-table thead tr {
    border-bottom: 1px solid rgba(221, 221, 221, 0.4);
}


.dashboard-table thead tr th {
    color: var(--heading-color);
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    padding: 10px 15px;
}

.dashboard-table thead tr th:first-child {
    text-align: left;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .dashboard-table thead tr th {
        font-size: 15px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .dashboard-table thead tr th {
        font-size: 14px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .dashboard-table thead tr th {
        font-size: 14px;
    }
}

.table-wrap thead tr th {
    text-align: unset;
}

.dashboard-table tbody {
    overflow: unset;
}

.dashboard-table tbody tr {
    border-bottom: 1px solid rgba(221, 221, 221, 0.4);
}

.dashboard-table tbody tr td {
    text-align: left;
    padding-inline: 8px;
    font-size: 16px;
    word-break: break-word;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .dashboard-table tbody tr td {
        font-size: 15px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .dashboard-table tbody tr td {
        font-size: 14px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .dashboard-table tbody tr td {
        font-size: 14px;
    }
}

.dashboard-table tbody tr td:first-child {
    text-align: left;
}

.dashboard-table tbody tr td .logo-brand {
    height: 55px;
    width: 60px;
    max-width: 70px;
    flex-shrink: 0;
}

.table-wrap .logo-brand-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    flex-wrap: wrap;
    padding-inline: 10px;
}

.table-wrap .logo-brand {
    flex-shrink: 0;
    max-width: 80px;
}

.table-wrap .logo-brand-contents b,
.table-wrap .logo-brand-contents p {
    word-break: keep-all;
}

.table-wrap tbody tr td {
    padding-inline: 10px;
}

.dashboard-table tbody tr td .logo-brand img {
    border-radius: 5px;
    height: 55px;
    width: 100%;
    margin-top: 5px;
    object-fit: cover;
}

.dashboard-table tbody tr td .btn-status {
    background: #F9503E;
    color: var(--white);
    font-size: 16px;
    padding: 8px 15px;
    border-radius: 5px;
}

.dashboard-table tbody tr td .action-icon {
    margin: 5px 10px;
}

.dashboard-table tbody tr td .action-icon .icon {
    font-size: 20px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.dashboard-table tbody tr td .action-icon .icon:hover {
    color: var(--customer-profile);
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .dashboard-table tbody tr td .action-icon .icon {
        font-size: 18px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .dashboard-table tbody tr td .action-icon .icon {
        font-size: 16px;
        display: block;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .dashboard-table .custom--table {
        overflow-x: scroll;
    }
}

.row-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 20px;
    width: 20px;
    border: 1px solid #ddd;
    cursor: pointer;
    font-size: 14px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .row-check {
        height: 18px;
        width: 18px;
        font-size: 12px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .row-check {
        height: 17px;
        width: 17px;
        font-size: 12px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .row-check {
        height: 15px;
        width: 15px;
        font-size: 10px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .row-check {
        margin-left: auto;
    }
}

.row-check.checked {
    background: #05cd99;
    color: var(--white);
    border-color: transparent;
}

.row-check.checked::before {
    content: "\f00c";
    font-family: "Line Awesome Free";
    font-weight: 900;
}

.res-row-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 20px;
    width: 20px;
    border: 1px solid #ddd;
    cursor: pointer;
    font-size: 14px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .res-row-check {
        height: 18px;
        width: 18px;
        font-size: 12px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .res-row-check {
        height: 17px;
        width: 17px;
        font-size: 12px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .res-row-check {
        height: 15px;
        width: 15px;
        font-size: 10px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .res-row-check {
        margin-left: auto;
    }
}

.res-row-check.checked {
    background: #05cd99;
    color: var(--white);
    border-color: transparent;
}

.res-row-check.checked::before {
    content: "\f00c";
    font-family: "Line Awesome Free";
    font-weight: 900;
}

.payment {
    font-size: 15px;
    padding: 5px 20px;
    border-radius: 5px;
    background: rgba(221, 221, 221, 0.1);
    color: #333;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .payment {
        padding: 5px 15px;
        font-size: 14px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .payment {
        padding: 5px 10px;
        font-size: 14px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .payment {
        padding: 5px 10px;
        font-size: 13px;
    }
}

.payment:hover {
    background: #333;
    color: var(--white);
}

.payment.paid {
    background: rgba(5, 205, 153, 0.1);
    color: #05cd99;
}

.payment.paid:hover {
    background: #05cd99;
    color: var(--white);
}

.payment.due {
    background: rgba(249, 80, 62, 0.3);
    color: #F9503E;
}

.payment.due:hover {
    background: #F9503E;
    color: var(--white);
}

.add-dropdown-text {
    position: relative;
    z-index: 1;
    color: var(--white);
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 15px;
    padding: 7px 10px;
}

.add-dropdown-text:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .add-dropdown-text {
        font-size: 14px;
        padding: 5px 8px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .add-dropdown-text {
        font-size: 14px;
        padding: 5px 7px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .add-dropdown-text {
        font-size: 13px;
        padding: 5px 5px;
    }
}

[value=Active].add-dropdown-text {
    background: #05cd99;
    border: 2px solid #05cd99;
    color: var(--white);
}

[value=Active].add-dropdown-text:hover {
    background: none;
    color: #05cd99;
}

[value=Inactive].add-dropdown-text {
    background: #F9503E;
    border: 2px solid #F9503E;
    color: var(--white);
}

[value=Inactive].add-dropdown-text:hover {
    background: none;
    color: #F9503E;
}

[value=Pending].add-dropdown-text {
    background: #FABE50;
    border: 2px solid #FABE50;
}

[value=Pending].add-dropdown-text:hover {
    background: none;
    color: #FABE50;
}

[value=Completed].add-dropdown-text {
    background: #05cd99;
    border: 2px solid #05cd99;
}

[value=Completed].add-dropdown-text:hover {
    background: none;
    color: #05cd99;
}

[value=Canceled].add-dropdown-text {
    background: #F9503E;
    border: 2px solid #F9503E;
}

[value=Canceled].add-dropdown-text:hover {
    background: none;
    color: #F9503E;
}

.status-dropdown {
    display: inline-block;
    position: relative;
}

.dashboard-table [data-label] {
    position: relative;
}

.dashboard-table [data-label]::before {
    position: absolute;
    content: attr(data-label);
    font-weight: 700;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 10px;
    padding: 8px 20px;
    display: none;
    font-size: 14px;
}

/* Dashboard Profile Photo */
.profile-photo-change {
    border-radius: 10px;
}

.profile-photo-change .photo-upload {
    display: inline-block;
    padding: 10px 30px 25px;
    text-align: center;
    width: 100%;
    border: 2px dashed #ddd;
    border-radius: 10px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .profile-photo-change .photo-upload {
        padding: 5px 15px 15px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .profile-photo-change .photo-upload {
        padding: 5px 20px 15px;
    }
}

@media only screen and (max-width: 480px) {
    .profile-photo-change .photo-upload {
        padding: 10px 15px 20px;
    }
}

.profile-photo-change .photo-upload .upload-icon {
    font-size: 50px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .profile-photo-change .photo-upload .upload-icon {
        font-size: 35px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .profile-photo-change .photo-upload .upload-icon {
        font-size: 35px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .profile-photo-change .photo-upload .upload-icon {
        font-size: 40px;
    }
}

@media only screen and (max-width: 480px) {
    .profile-photo-change .photo-upload .upload-icon {
        font-size: 30px;
    }
}

.profile-photo-change .photo-upload .upload-para {
    font-size: 15px;
}

.upload-finish {
    position: relative;
    z-index: 1;
}

.upload-finish .upload-thumb {
    max-width: 120px;
    max-height: 120px;
    position: relative;

    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
}

.upload-finish .upload-thumb img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border: 2px solid #ddd;
    border-radius: 5px;
}

.upload-finish .upload-thumb .close-thumb {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    background: #ddd;
    color: #333;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.upload-finish .upload-thumb .close-thumb:hover {
    background: #05cd99;
    color: var(--white);
}

.upload-finish .photo-name {
    font-size: 14px;
    font-weight: 500;
    color: #333;
}

.upload-finish .photo-size {
    display: block;
    font-size: 12px;
}

.dashboard-btn-wrapper .btn-submit {
    font-size: 18px;
    font-weight: 500;
    padding: 12px 35px;
    display: inline-block;
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .dashboard-btn-wrapper .btn-submit {
        font-size: 16px;
        padding: 12px 25px;
    }
}

@media only screen and (max-width: 480px) {
    .dashboard-btn-wrapper .btn-submit {
        font-size: 16px;
        padding: 12px 20px;
    }
}

@media only screen and (max-width: 375px) {
    .dashboard-btn-wrapper .btn-submit {
        font-size: 15px;
        padding: 10px 15px;
    }
}

.dashboard-btn-wrapper .btn-submit.dashboard-bg {
    background: var(--main-color-one);
    color: var(--white);
    border: 2px solid var(--main-color-one);
}

.dashboard-btn-wrapper .btn-submit.dashboard-bg:hover {
    background: none;
    color: var(--main-color-one);
}

.dashboard-btn-wrapper .btn-submit.btn-medium {
    font-size: 16px;
    padding: 10px 25px;
}

/* Dashboard Wallet */
.wallet-child:nth-child(1) .single-wallet {
    background: var(--customer-profile);
    padding: 25px 25px;
    border-radius: 10px;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .wallet-child:nth-child(1) .single-wallet {
        padding: 20px 15px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .wallet-child:nth-child(1) .single-wallet {
        padding: 20px 20px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .wallet-child:nth-child(1) .single-wallet {
        padding: 25px 20px;
    }
}

@media only screen and (max-width: 767.98px) {
    .wallet-child:nth-child(1) .single-wallet {
        padding: 20px 15px;
    }
}

.wallet-child:nth-child(1) .single-wallet .wallet-shapes {
    position: absolute;
    top: -50px;
    right: -100px;
    height: 200%;
    width: 220px;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    background: rgba(255, 255, 255, 0.2);
    z-index: -1;
}

.wallet-child:nth-child(1) .single-wallet .wallet-flex-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    gap: 20px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .wallet-child:nth-child(1) .single-wallet .wallet-flex-content {
        gap: 10px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .wallet-child:nth-child(1) .single-wallet .wallet-flex-content {
        gap: 10px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .wallet-child:nth-child(1) .single-wallet .wallet-flex-content {
        gap: 10px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .wallet-child:nth-child(1) .single-wallet .wallet-flex-content {
        gap: 20px;
    }
}

@media only screen and (max-width: 767.98px) {
    .wallet-child:nth-child(1) .single-wallet .wallet-flex-content {
        gap: 10px;
    }
}

.wallet-child:nth-child(1) .single-wallet .wallet-flex-content .icon {
    font-size: 50px;
    color: var(--white);
    height: unset;
    width: unset;
    border-radius: 10px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .wallet-child:nth-child(1) .single-wallet .wallet-flex-content .icon {
        font-size: 40px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .wallet-child:nth-child(1) .single-wallet .wallet-flex-content .icon {
        font-size: 40px;
        text-align: right;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .wallet-child:nth-child(1) .single-wallet .wallet-flex-content .icon {
        font-size: 40px;
        text-align: right;
    }
}

.wallet-child:nth-child(1) .single-wallet .wallet-flex-content .wallet-contents .wallet-titles {
    font-size: 36px;
    font-weight: 500;
    line-height: 55px;
    color: var(--white);
    margin: 0;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .wallet-child:nth-child(1) .single-wallet .wallet-flex-content .wallet-contents .wallet-titles {
        font-size: 34px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .wallet-child:nth-child(1) .single-wallet .wallet-flex-content .wallet-contents .wallet-titles {
        font-size: 30px;
    }
}

@media only screen and (max-width: 767.98px) {
    .wallet-child:nth-child(1) .single-wallet .wallet-flex-content .wallet-contents .wallet-titles {
        font-size: 28px;
    }
}

.wallet-child:nth-child(1) .single-wallet .wallet-flex-content .wallet-contents .wallet-para {
    font-size: 16px;
    line-height: 26px;
    color: var(--white);
}

@media only screen and (max-width: 767.98px) {
    .wallet-child:nth-child(1) .single-wallet .wallet-flex-content .wallet-contents .wallet-para {
        font-size: 15px;
    }
}

.add-money {
    position: relative;
    z-index: 3;
}

.add-money .icon {
    cursor: pointer;
}

.add-money .add-money-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    padding: 50px 30px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px rgba(0, 136, 221, 0.1);
    box-shadow: 0 0 10px rgba(0, 136, 221, 0.1);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border: 1px solid var(--customer-profile);
    overflow: hidden;
    width: 400px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .add-money .add-money-wrapper {
        left: auto;
        right: 0;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .add-money .add-money-wrapper {
        left: auto;
        right: 0;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .add-money .add-money-wrapper {
        left: auto;
        right: 0;
        padding: 40px 20px;
    }
}

@media only screen and (max-width: 480px) {
    .add-money .add-money-wrapper {
        width: 320px;
    }
}

@media only screen and (max-width: 375px) {
    .add-money .add-money-wrapper {
        width: 280px;
        padding: 30px 10px;
    }
}

.add-money .add-money-wrapper .add-money-close {
    position: absolute;
    top: 0;
    right: 0;
    height: 35px;
    width: 35px;
    background: var(--customer-profile);
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    cursor: pointer;
}

.add-money.add-wallet .add-money-wrapper {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    top: -100%;
}

.dashboard_checkbox,
.dashboard-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    cursor: pointer;
    gap: 10px;
}

.dashboard_checkbox.on_track_checkbox,
.dashboard-checkbox.on-track-checkbox {
    gap: 5px;
}

.dashboard_checkbox.on_track_checkbox .check_input,
.dashboard-checkbox.on-track-checkbox .check-input {
    border-radius: 50%;
}

.dashboard_checkbox.on_track_checkbox .check_input:checked+.checkbox_label,
.dashboard-checkbox.on-track-checkbox .check-input:checked+.checkbox-label {
    color: var(--customer-profile);
    font-weight: 500;
}

.dashboard_checkbox .check_input,
.dashboard-checkbox .check-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 18px;
    min-width: 18px;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dddddd;
    border-radius: 0px;
    margin-top: 3px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.dashboard_checkbox .check_input::after,
.dashboard-checkbox .check-input::after {
    content: "\f00c";
    font-family: "Line Awesome Free";
    font-weight: 900;
    font-size: 10px;
    color: var(--white);
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(1.6) rotate(90deg);
    transform: scale(1.6) rotate(90deg);
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.dashboard_checkbox .check_input:checked,
.dashboard-checkbox .check-input:checked {
    background: var(--customer-profile);
    border-color: var(--customer-profile);
    background: var(--customer-profile);
}

.dashboard_checkbox .check_input:checked::after,
.dashboard-checkbox .check-input:checked::after {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1.2) rotate(0deg);
    transform: scale(1.2) rotate(0deg);
}

.dashboard_checkbox .checkbox_label,
.dashboard-checkbox .checkbox-label {
    cursor: pointer;
    text-align: left;
    line-height: 26px;
    font-size: 16px;
    font-weight: 400;
    color: var(--heading-color);
    margin: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@media only screen and (max-width: 575.98px) {

    .dashboard_checkbox .checkbox_label,
    .dashboard-checkbox .checkbox-label {
        font-size: 15px;
    }
}

.add-money-cards .payment-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.add-money-cards .payment-card .single-card {
    background: #fff;
    padding: 5px 10px;
    position: relative;
    z-index: 2;
    margin-bottom: 10px;
    border: 2px solid transparent;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.add-money-cards .payment-card .single-card.active {
    border-color: var(--customer-profile);
}

.add-money-cards .payment-card .single-card.active::before {
    content: "\f00c";
    font-family: "Line Awesome Free";
    font-weight: 900;
    background: var(--customer-profile);
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 16px;
    width: 16px;
    font-size: 10px;
    border-radius: 50%;
    position: absolute;
    top: -7px;
    right: -7px;
    z-index: 9;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.add-money-cards .payment-card .single-card:not(:last-child) {
    margin-right: 10px;
}

.single-wallet {
    padding: 25px 25px;
    background: #fff;
    border-radius: 20px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .single-wallet {
        padding: 35px 25px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .single-wallet {
        padding: 34px 25px;
    }
}

.wallet-flex-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 30px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .wallet-flex-content {
        gap: 10px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .wallet-flex-content {
        gap: 10px;
    }
}

@media only screen and (max-width: 375px) {
    .wallet-flex-content {
        gap: 15px;
    }
}

.wallet-flex-content .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 75px;
    width: 75px;
    color: var(--customer-profile);
    background: rgba(var(--customer-profile-rgb), 0.1);
    font-size: 50px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .wallet-flex-content .icon {
        height: 55px;
        width: 55px;
        font-size: 40px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .wallet-flex-content .icon {
        height: 50px;
        width: 50px;
        font-size: 36px;
    }
}

.wallet-flex-content .wallet-contents {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.wallet-flex-content .wallet-contents .wallet-titles {
    font-size: 24px;
    line-height: 30px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .wallet-flex-content .wallet-contents .wallet-titles {
        font-size: 20px;
        line-height: 26px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .wallet-card-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 0 24px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .wallet-card-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 0 24px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .wallet-card-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 0 24px;
    }
}

.single-card-info {
    padding: 30px;
    border-radius: 20px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .single-card-info {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 250px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .single-card-info {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 250px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-card-info {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 250px;
    }
}

/* Dashboard Reward Point */
.redeem-reward-point-wrapper {
    padding: 20px 30px;
    border-radius: 20px;
}

@media only screen and (max-width: 375px) {
    .redeem-reward-point-wrapper {
        padding: 20px 10px;
    }
}

.reward-point-title {
    font-size: 20px;
    line-height: 30px;
}

.reward-point-title .max-redeem {
    font-size: 14px;
    font-weight: 400;
}

.redeem-flex-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .redeem-flex-contents {
        display: block;
    }
}

@media only screen and (max-width: 575.98px) {
    .redeem-flex-contents {
        display: block;
    }
}

@media only screen and (max-width: 767.98px) {
    .redeem-flex-contents {
        display: block;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .redeem-flex-contents .redeem-button-wrapper {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 767.98px) {
    .redeem-flex-contents .redeem-button-wrapper {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 575.98px) {
    .redeem-flex-contents .redeem-button-wrapper {
        margin-top: 20px;
    }
}

.redeem-form {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 0 24px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media only screen and (max-width: 480px) {
    .redeem-form {
        display: block;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .redeem-form .redeem-control {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
    }
}

.redeem-form .form--control {
    height: 54px;
    border: 1px solid rgba(221, 221, 221, 0.4);
    background: none;
    -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 100%;
    padding: 0 15px;
}

.redeem-form .form--control:focus {
    -webkit-box-shadow: 0 0 10px rgba(5, 205, 153, 0.1);
    box-shadow: 0 0 10px rgba(5, 205, 153, 0.1);
    border-color: rgba(5, 205, 153, 0.4);
}

.redeem-button-wrapper .btn-redeem {
    background: var(--customer-profile);
    color: var(--white);
    font-size: 15px;
    padding: 16px 20px;
    border-radius: 5px;
    display: inline-block;
}

.earn-money {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media only screen and (max-width: 480px) {
    .earn-money {
        margin-top: 10px;
    }
}

.earn-money .equal-sign {
    font-size: 24px;
    color: #333;
}

.earn-money .money {
    font-size: 24px;
    font-weight: 500;
    color: var(--main-color-three);
    word-break: break-all;
}

.redeem-promo {
    padding: 0 24px 24px;
    border-radius: 20px;
}

@media only screen and (max-width: 375px) {
    .redeem-promo {
        padding: 0 10px 24px;
    }
}

.reward-child:nth-child(3n+2) .single-reward {
    background: rgba(var(--main-color-three-rgb), 0.1);
}

.reward-child:nth-child(3n+2) .single-reward .reward-contents .reward-titles {
    color: var(--main-color-three);
}

.reward-child:nth-child(3n+2) .single-reward .reward-contents .reward-btn {
    background: var(--main-color-three);
}

.reward-child:nth-child(3n+2) .single-reward .reward-contents .reward-btn:hover {
    color: var(--main-color-three);
    border-color: var(--main-color-three);
}

.reward-child:nth-child(3n+2) .single-reward .reward-lock-icon .lockunlock {
    background: var(--main-color-three);
}

.reward-child:nth-child(3n+3) .single-reward {
    background: rgba(0, 136, 221, 0.1);
}

.reward-child:nth-child(3n+3) .single-reward .reward-contents .reward-titles {
    color: #0088DD;
}

.reward-child:nth-child(3n+3) .single-reward .reward-contents .reward-btn {
    background: #0088DD;
}

.reward-child:nth-child(3n+3) .single-reward .reward-contents .reward-btn:hover {
    color: #0088DD;
    border-color: #0088DD;
}

.reward-child:nth-child(3n+3) .single-reward .reward-lock-icon .lockunlock {
    background: #0088DD;
}

.single-reward {
    background: rgba(var(--customer-profile-rgb), 0.1);
    padding: 35px 30px;
    border-radius: 10px;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .single-reward {
        padding: 35px 16px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .single-reward {
        padding: 20px 15px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .single-reward {
        padding: 20px 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .single-reward {
        padding: 30px 20px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-reward {
        padding: 25px 20px;
    }
}

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

.single-reward.disabled .reward-contents .reward-btn {
    background: #E9EDF7 !important;
    color: #999 !important;
}

.single-reward.disabled .reward-contents .reward-btn:hover {
    background: #E9EDF7 !important;
    border-color: #E9EDF7 !important;
}

.single-reward.disabled .reward-lock-icon .unlock {
    visibility: hidden;
    opacity: 0;
}

.single-reward.disabled .reward-lock-icon .lock {
    visibility: visible;
    opacity: 1;
}

.single-reward.disabled .reward-lock-icon .lockunlock {
    background: #E9EDF7 !important;
    color: #999;
}

.single-reward .reward-lock-icon .lockunlock {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    background: var(--customer-profile);
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 35px;
    width: 35px;
    border-radius: 0 10px 0 10px;
}

.single-reward .reward-lock-icon .lock {
    visibility: hidden;
    opacity: 0;
}

.single-reward .reward-flex-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .single-reward .reward-flex-content {
        gap: 10px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .single-reward .reward-flex-content {
        gap: 10px;
        display: block;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .single-reward .reward-flex-content {
        gap: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .single-reward .reward-flex-content {
        gap: 10px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-reward .reward-flex-content {
        gap: 20px;
    }
}

@media only screen and (max-width: 767.98px) {
    .single-reward .reward-flex-content {
        gap: 10px;
    }
}

@media only screen and (max-width: 375px) {
    .single-reward .reward-flex-content {
        display: block;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .single-reward .reward-flex-content .icon-img {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 375px) {
    .single-reward .reward-flex-content .icon-img {
        margin-bottom: 10px;
    }
}

.single-reward .reward-flex-content .reward-contents {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.single-reward .reward-flex-content .reward-contents .reward-titles {
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
    color: var(--white);
    margin: 0;
    color: var(--customer-profile);
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-reward .reward-flex-content .reward-contents .reward-titles {
        font-size: 22px;
    }
}

@media only screen and (max-width: 767.98px) {
    .single-reward .reward-flex-content .reward-contents .reward-titles {
        font-size: 20px;
    }
}

.single-reward .reward-flex-content .reward-contents .reward-para {
    font-size: 16px;
    line-height: 26px;
    color: #666;
}

@media only screen and (max-width: 767.98px) {
    .single-reward .reward-flex-content .reward-contents .reward-para {
        font-size: 15px;
        display: block;
    }
}

.single-reward .reward-flex-content .reward-contents .reward-btn {
    background: var(--customer-profile);
    color: var(--white);
    font-size: 15px;
    padding: 5px 20px;
    border: 2px solid transparent;
    border-radius: 5px;
    display: inline-block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.single-reward .reward-flex-content .reward-contents .reward-btn:hover {
    background: none;
    color: var(--customer-profile);
    border-color: var(--customer-profile);
}

.recent-reward-wrapper {
    padding: 30px;
    border-radius: 20px;
}

@media only screen and (max-width: 375px) {
    .recent-reward-wrapper {
        padding: 20px 10px;
    }
}

.recent-reward-wrapper .dashboard-common-title {
    font-size: 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .recent-reward-wrapper .dashboard-common-title {
        font-size: 18px;
    }
}

.reward-point-list .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
    padding-top: 18px;
    border-top: 1px solid rgba(221, 221, 221, 0.4);
}

.reward-point-list .list:not(:last-child) {
    padding-bottom: 18px;
}

.reward-point-list .list .date-list .reward-point {
    color: var(--heading-color);
}

.reward-point-list .list .date-list .point-date {
    font-size: 12px;
    display: block;
    margin-top: 6px;
}

.reward-point-list .list .main-points {
    font-weight: 500;
    color: var(--heading-color);
}

/* Dashboard Order Status */
.order-status-area {
    padding: 50px 40px;
    border-radius: 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .order-status-area {
        padding: 40px 40px;
    }
}

@media only screen and (max-width: 480px) {
    .order-status-area {
        padding: 30px 20px;
    }
}

@media only screen and (max-width: 375px) {
    .order-status-area {
        padding: 20px 20px;
    }
}

.order-top-flex-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}

.status-delivery-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .status-delivery-flex {
        gap: 10px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .status-delivery-flex {
        gap: 10px;
    }
}

.status-delivery-flex .status-date {
    font-size: 15px;
}

.order-status-right .vendor-name {
    font-size: 16px;
    line-height: 28px;
}

.order-status-right .vendor-name .names {
    color: var(--customer-profile);
    margin-left: 5px;
}

.order-step-area {
    padding: 0 100px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .order-step-area {
        padding: 0 50px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .order-step-area {
        padding: 0;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .order-step-area {
        padding: 0;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .order-step-area {
        padding: 0;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .order-step-area {
        padding: 0;
    }
}

.order-step-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.single-step {
    text-align: center;
    position: relative;
    z-index: 1;
    width: 100%;
    width: calc((100% / 5) - 0px);
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .single-step {
        width: calc((100% / 4) - 0px);
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .single-step {
        width: calc((100% / 3) - 0px);
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-step {
        width: calc((100% / 3) - 0px);
    }
}

@media only screen and (max-width: 575.98px) {
    .single-step {
        width: calc((100% / 2) - 0px);
    }
}

@media only screen and (max-width: 375px) {
    .single-step {
        width: calc((100% / 1) - 0px);
    }
}

.single-step.order-complete::before,
.single-step.order-complete::after {
    background: var(--customer-profile);
}

.single-step.order-complete .step-number {
    background: var(--customer-profile);
    color: var(--white);
    border-color: var(--customer-profile);
}

.single-step.order-complete .step-number .num {
    display: none;
}

.single-step.order-complete .step-number .icon {
    display: block;
    font-size: 20px;
}

.single-step:first-child::before {
    display: none;
}

@media only screen and (max-width: 375px) {
    .single-step:first-child::before {
        display: block;
    }
}

.single-step:last-child::after {
    display: none;
}

@media only screen and (max-width: 375px) {
    .single-step:last-child::after {
        display: block;
    }
}

.single-step::before,
.single-step::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 50%;
    top: 20px;
    left: 0;
    background: #ddd;
    z-index: -1;
}

.single-step::after {
    left: auto;
    right: 0;
}

.single-step .step-number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    border: 1px dashed #666;
    background: #fff;
    border-radius: 50%;
    margin: 0 auto 15px;
}

.single-step .step-number .icon {
    display: none;
}

.single-step .step-title {
    font-size: 16px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-step .step-title {
        font-size: 15px;
    }
}

.status-bottom-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 50px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .status-bottom-flex {
        gap: 30px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .status-bottom-flex {
        gap: 30px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .status-bottom-flex {
        gap: 20px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .status-bottom-flex {
        gap: 20px;
    }
}

.status-bottom-flex .status-left-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px 50px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .status-bottom-flex .status-left-content {
        gap: 24px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .status-bottom-flex .status-left-content {
        gap: 24px 10px;
    }
}

.status-bottom-flex .status-left-content .single-left-contents {
    max-width: 350px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .status-bottom-flex .status-left-content .single-left-contents {
        max-width: 300px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .status-bottom-flex .status-left-content .single-left-contents {
        max-width: 300px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .status-bottom-flex .status-left-content .single-left-contents {
        max-width: 300px;
    }
}

.status-bottom-flex .status-left-content .single-left-contents .address-para {
    line-height: 28px;
    font-size: 16px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .status-bottom-flex .status-left-content .single-left-contents .address-para {
        font-size: 15px;
    }
}

.count-list .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px 50px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .count-list .list {
        gap: 10px 30px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .count-list .list {
        gap: 10px 20px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .count-list .list {
        gap: 10px 40px;
    }
}

@media only screen and (max-width: 375px) {
    .count-list .list {
        gap: 10px 50px;
    }
}

.count-list .list .left {
    color: var(--paragraph-color);
}

.count-list .list:not(:last-child) {
    margin-bottom: 15px;
}

/* Data Table Style */
.dataTables_wrapper .dataTables_length select {
    border: 1px solid var(--border-color);
    border-radius: 5px;
    height: 40px !important;
}

.dataTables_wrapper .dataTables_filter input {
    border: 1px solid var(--border-color);
    border-radius: 5px;
    height: 40px;
    padding-right: 15px;
}

table.dataTable thead th,
table.dataTable thead td {
    border-bottom: 1px solid var(--border-color);
    color: var(--paragraph-color);
}

table.dataTable thead tr th {
    color: var(--heading-color);
}

table.dataTable thead tr th:first-child {
    padding-left: 10px;
}

table.dataTable tbody tr td {
    color: var(--paragraph-color);
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    border-color: var(--border-two);
}

.data-table-style tbody,
td,
tfoot,
th,
thead,
tr {
    border-color: var(--border-two);
}

table.dataTable.no-footer {
    border-bottom: 1px solid var(--border-two);
    border-color: var(--border-two) !important;
}

.table-wrap .table>:not(:first-child) {
    border-color: var(--border-two);
}

.dataTables_wrapper .dataTables_info {
    padding-top: 30px;
}

.dataTables_wrapper .dataTables_paginate {
    padding-top: 24px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: #fff !important;
    border: 1px solid var(--customer-profile);
    background: var(--customer-profile);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: var(--customer-profile) !important;
    background: none;
    border-color: var(--customer-profile);
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #fff !important;
    border: 1px solid var(--customer-profile);
    background: var(--customer-profile);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
    border: 1px solid var(--customer-profile);
    color: var(--customer-profile) !important;
    text-indent: -9999px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    z-index: 1;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next::after {
    border-top: 2px solid #666;
    border-right: 2px solid #666;
    content: "";
    display: block;
    pointer-events: none;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    right: 12px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous::before {
    border-bottom: 2px solid #666;
    border-left: 2px solid #666;
    content: "";
    display: block;
    pointer-events: none;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);

    z-index: 99;
    left: 10px;

}

.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover {
    border: 1px solid var(--customer-profile);
    color: #333 !important;
    background: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled::before {
    border-color: rgba(221, 221, 221, 0.5);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled::after {
    border-color: rgba(221, 221, 221, 0.5);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled {
    border-color: rgba(221, 221, 221, 0.3);
    color: #666 !important;
}

/* Dashboard Close */
@media (min-width: 300px) and (max-width: 991.98px) {
    .dashboard-left-content {
        z-index: 1;
        position: fixed;
        left: -100%;
        top: 0;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        z-index: 99;
        background: #fff;
        text-align: center;
        border-radius: 10px;
        display: block;
        height: calc(100vh - 0px);
        transition: all 0.5s;
    }

    .dashboard-left-content.active {
        visibility: visible;
        opacity: 1;
        left: 0;
    }
}

@media only screen and (min-width: 300px) and (max-width: 991.98px) and (max-width: 480px) {
    .dashboard-left-content {
        width: 280px;
    }
}

.dashboard-left-content .close-bars {
    position: absolute;
    right: 3px;
    top: 3px;
    font-size: 24px;
    color: var(--white);
    background: var(--customer-profile);
    -webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.5);
    box-shadow: 0 0 10px rgba(221, 221, 221, 0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 35px;
    width: 35px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    border-radius: 5px;
    display: none;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .dashboard-left-content .close-bars {
        display: block;
    }
}

.dashboard-icon {
    display: none;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .dashboard-icon {
        display: block;
    }
}

.dashboard-icon .sidebar-icon {
    font-size: 28px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 45px;
    width: 45px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--customer-profile);
    -webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.5);
    box-shadow: 0 0 10px rgba(221, 221, 221, 0.5);
    z-index: 95;
    border-radius: 5px;
    color: var(--white);
}

/* Vendor Dashboard css */
/* Vendor Sign In */
.vendor-signin-wrapper {
    max-width: 520px;
    margin: 0 auto;
}

.vendor-signin-wrapper-inner {
    padding: 30px;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    box-shadow: 0 0 10px #f1f1f1;
}

.admin-login-wrapper {
    max-width: 500px;
    padding-left: 50px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .admin-login-wrapper {
        padding-top: 50px;
    }
}

@media only screen and (max-width: 480px) {
    .admin-login-wrapper {
        padding-left: 20px;
    }
}

@media only screen and (max-width: 375px) {
    .admin-login-wrapper {
        padding-left: 10px;
    }
}

.center-text {
    text-align: center;
}

.remember-password-flex {
    gap: 10px;
}

.conditions {
    font-weight: 500;
    display: inline-block;
}

.conditions:hover {
    color: var(--customer-profile);
}

.account-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    font-size: 16px;
}

.account-bottom .account-title {
    color: var(--paragraph-color);
}

.account-bottom .signup-login {
    color: var(--main-color-one);
}

/* vendor reg */
.single-vendor-reg {
    padding: 40px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .single-vendor-reg {
        padding: 30px;
    }
}

@media only screen and (max-width: 575.98px) {
    .single-vendor-reg {
        padding: 30px 20px;
    }
}

@media only screen and (max-width: 375px) {
    .single-vendor-reg {
        padding: 20px 15px;
    }
}

/*vendor Dashboard */
.color-calendar.basic .calendar__header {
    padding: 0;
}

.color-calendar.basic .calendar__body {
    padding: 10px 0 0;
}

.color-calendar .calendar__days {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(20px, 55px) minmax(20px, 55px) minmax(20px, 55px) minmax(20px, 55px) minmax(20px, 55px) minmax(20px, 55px) minmax(20px, 55px);
    grid-template-columns: repeat(7, minmax(20px, 55px));
    -ms-grid-rows: minmax(30px, 40px) minmax(30px, 40px) minmax(30px, 40px) minmax(30px, 40px);
    grid-template-rows: repeat(4, minmax(30px, 40px));
}

.color-calendar .calendar__days>*:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.color-calendar .calendar__days>*:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
}

.color-calendar .calendar__days>*:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.color-calendar .calendar__days>*:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
}

.color-calendar .calendar__days>*:nth-child(5) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
}

.color-calendar .calendar__days>*:nth-child(6) {
    -ms-grid-row: 1;
    -ms-grid-column: 6;
}

.color-calendar .calendar__days>*:nth-child(7) {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
}

.color-calendar .calendar__days>*:nth-child(8) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
}

.color-calendar .calendar__days>*:nth-child(9) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
}

.color-calendar .calendar__days>*:nth-child(10) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
}

.color-calendar .calendar__days>*:nth-child(11) {
    -ms-grid-row: 2;
    -ms-grid-column: 4;
}

.color-calendar .calendar__days>*:nth-child(12) {
    -ms-grid-row: 2;
    -ms-grid-column: 5;
}

.color-calendar .calendar__days>*:nth-child(13) {
    -ms-grid-row: 2;
    -ms-grid-column: 6;
}

.color-calendar .calendar__days>*:nth-child(14) {
    -ms-grid-row: 2;
    -ms-grid-column: 7;
}

.color-calendar .calendar__days>*:nth-child(15) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}

.color-calendar .calendar__days>*:nth-child(16) {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
}

.color-calendar .calendar__days>*:nth-child(17) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
}

.color-calendar .calendar__days>*:nth-child(18) {
    -ms-grid-row: 3;
    -ms-grid-column: 4;
}

.color-calendar .calendar__days>*:nth-child(19) {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
}

.color-calendar .calendar__days>*:nth-child(20) {
    -ms-grid-row: 3;
    -ms-grid-column: 6;
}

.color-calendar .calendar__days>*:nth-child(21) {
    -ms-grid-row: 3;
    -ms-grid-column: 7;
}

.color-calendar .calendar__days>*:nth-child(22) {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
}

.color-calendar .calendar__days>*:nth-child(23) {
    -ms-grid-row: 4;
    -ms-grid-column: 2;
}

.color-calendar .calendar__days>*:nth-child(24) {
    -ms-grid-row: 4;
    -ms-grid-column: 3;
}

.color-calendar .calendar__days>*:nth-child(25) {
    -ms-grid-row: 4;
    -ms-grid-column: 4;
}

.color-calendar .calendar__days>*:nth-child(26) {
    -ms-grid-row: 4;
    -ms-grid-column: 5;
}

.color-calendar .calendar__days>*:nth-child(27) {
    -ms-grid-row: 4;
    -ms-grid-column: 6;
}

.color-calendar .calendar__days>*:nth-child(28) {
    -ms-grid-row: 4;
    -ms-grid-column: 7;
}

.color-calendar .calendar__picker .calendar__picker-month-option {
    padding: 12px 0;
    font-weight: 500;
    color: var(--heading-color);
    border-radius: 10px;
    border: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.color-calendar .calendar__picker .calendar__picker-month-option::after {
    background: rgba(221, 221, 221, 0.3);
    border-radius: 10px;
    opacity: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.color-calendar .calendar__picker .calendar__picker-month-selected::after {
    background: var(--customer-profile);
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.color-calendar .calendar__picker .calendar__picker-month-option:hover {
    color: var(--white);
}

.color-calendar .calendar__picker .calendar__picker-month-option:hover:after {
    background: var(--customer-profile);
    opacity: 1;
    color: var(--white);
}

.color-calendar .calendar__picker .calendar__picker-month-selected {
    color: var(--white);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.color-calendar.basic .calendar__picker-year-today {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.color-calendar .calendar__picker .calendar__picker-year-option {
    padding: 12px 0;
    font-weight: 500;
    color: var(--heading-color);
    border-radius: 10px;
    border: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.color-calendar .calendar__picker .calendar__picker-year-option::after {
    background: rgba(221, 221, 221, 0.3);
    border-radius: 10px;
    opacity: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.color-calendar .calendar__picker .calendar__picker-year-selected::after {
    background: var(--customer-profile);
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.color-calendar .calendar__picker .calendar__picker-year-option:hover {
    color: var(--white);
}

.color-calendar .calendar__picker .calendar__picker-year-option:hover:after {
    background: var(--customer-profile);
    opacity: 1;
    color: var(--white);
}

.color-calendar .calendar__picker .calendar__picker-year-selected {
    color: var(--white);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.color-calendar.basic .calendar__days .calendar__day-bullet {
    background: var(--customer-profile);
}

.color-calendar.basic .calendar__days .calendar__day-selected .calendar__day-box {
    background: var(--customer-profile);
    -webkit-box-shadow: 0 0 10px rgba(var(--customer-profile-rgb), 0.1);
    box-shadow: 0 0 10px rgba(var(--customer-profile-rgb), 0.1);
    height: 30px;
    width: 30px;
    border-radius: 50%;
}

.color-calendar.basic .calendar__days .calendar__day-today .calendar__day-box {
    height: 30px;
    width: 30px;
    border-radius: 50%;
}

.color-calendar.basic .calendar__days .calendar__day-text:hover~.calendar__day-box {
    height: 30px;
    width: 30px;
    border-radius: 50%;
}

.color-calendar.basic .calendar__days .calendar__day-box:hover {
    height: 30px;
    width: 30px;
    border-radius: 50%;
}

.color-calendar.basic .calendar__days .calendar__day {
    font-weight: 400;
    font-size: 14px;
    height: 30px;
    width: 30px;
    border-radius: 50%;
}

.color-calendar .calendar__monthyear {
    font-size: 18px;
}

.color-calendar.basic .calendar__weekdays .calendar__weekday {
    font-weight: 500;
    opacity: 1;
    font-size: 13px;
    color: var(--heading-color);
}

.color-calendar.basic .calendar__arrow-inner::after {
    background: rgba(221, 221, 221, 0.3);
    opacity: 1;
}

.color-calendar.basic .calendar__arrow-inner:hover::after {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: var(--customer-profile);
    opacity: 1;
}

.color-calendar.basic .calendar__arrow-inner:hover::before {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #fff !important;
}

.color-calendar.basic .calendar__arrow-inner::before {
    color: var(--heading-color);
    font-size: 16px;
}

.chart-height #bar-chart {
    max-height: 180px !important;
}

.dashboard-seller-list.style-02 .list:not(:last-child) {
    margin-bottom: 30px;
}

.dashboard-seller-list.style-03 .list:not(:last-child) {
    margin-bottom: 30px;
}

.dashboard-seller-list.style-03 .list .vendor-seller-thumb-content .seller-thumbs {
    height: 35px;
    width: 35px;
}

.dashboard-seller-list.style-03 .list .vendor-seller-thumb-content .seller-name-title {
    font-size: 16px;
}

.dashboard-seller-list.style-03 .list .dashbaord-price-contents .track-money-withdraw {
    padding: 3px 10px;
    font-size: 14px;
    background: rgba(var(--customer-profile-rgb), 0.1);
    border-radius: 3px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.dashboard-seller-list.style-03 .list .dashbaord-price-contents .track-money-withdraw:hover {
    background-color: var(--customer-profile);
    color: var(--white);
}

.dashboard-seller-list.style-03 .list .dashbaord-price-contents .track-money-withdraw.color-one {
    background: rgba(var(--main-color-one-rgb), 0.1);
}

.dashboard-seller-list.style-03 .list .dashbaord-price-contents .track-money-withdraw.color-one:hover {
    background: var(--main-color-one);
}

.dashboard-seller-list .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}

@media only screen and (max-width: 767.98px) {
    .dashboard-seller-list .list {
        gap: 10px;
    }
}

.dashboard-seller-list .list:not(:last-child) {
    margin-bottom: 15px;
}

.dashboard-seller-list .list .vendor-seller-thumb-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.dashboard-seller-list .list .vendor-seller-thumb-content .seller-thumbs {
    height: 50px;
    width: 50px;
}

.dashboard-seller-list .list .vendor-seller-thumb-content .seller-thumbs img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.dashboard-seller-list .list .vendor-seller-thumb-content .seller-name-title {
    font-size: 16px;
    line-height: 24px;
    display: block;
}

.dashboard-seller-list .list .dashbaord-price-contents .dashbaord-seller-price {
    font-size: 18px;
}

.vendor-seller-btn {
    text-align: right;
}

.view-all-btn {
    display: inline-block;
    font-size: 16px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.view-all-btn i {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.view-all-btn:hover {
    color: var(--customer-profile);
    letter-spacing: 1px;
}

.view-all-btn:hover i {
    margin-left: 5px;
}

.seller-title-flex-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px 5px;
}

.chart-icon {
    background: var(--dashboard-color);
    color: var(--customer-profile);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 35px;
    width: 35px;
    font-size: 20px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.chart-icon:hover {
    color: var(--white);
    background: var(--customer-profile);
}

.dashboard-flex-order-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 25px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media only screen and (max-width: 375px) {
    .dashboard-flex-order-contents {
        gap: 15px;
    }
}

.dashboard-flex-order-contents .dashboard-order-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 75px;
    width: 75px;
    font-size: 50px;
    color: var(--white);
    background-color: var(--customer-profile);
}

@media only screen and (max-width: 375px) {
    .dashboard-flex-order-contents .dashboard-order-icon {
        height: 65px;
        width: 65px;
        font-size: 40px;
    }
}

.dashboard-order-content .order-price-title {
    font-size: 36px;
    word-break: break-all;
}

/* vendor profile */
.dashboard-top-flex-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 24px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .dashboard-top-flex-contents {
        display: block;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .dashboard-top-flex-contents {
        display: block;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .dashboard-top-flex-contents {
        display: block;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .dashboard-top-flex-contents {
        display: block;
    }
}

.profile-details-padding {
    padding: 30px 80px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .profile-details-padding {
        padding: 20px;
    }
}

.profile-contents .profile-review .star-icon {
    font-size: 14px;
    color: #FABE50;
}

.profile-contents .profile-call {
    color: var(--paragraph-color);
    display: block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.profile-contents .profile-call:hover {
    color: var(--customer-profile);
}

.profile-contents .visit-site {
    font-size: 14px;
    padding: 7px 15px;
    color: var(--white);
    display: inline-block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.profile-contents .visit-site:hover {
    background: none;
    color: var(--customer-profile);
}

.dashboard-profile-thumb-contents {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .dashboard-profile-thumb-contents {
        margin-top: 24px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .dashboard-profile-thumb-contents {
        margin-top: 24px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .dashboard-profile-thumb-contents {
        margin-top: 24px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .dashboard-profile-thumb-contents {
        margin-top: 24px;
    }
}

.edit-profile-btn-wrapper.right-text {
    text-align: right;
}

.edit-profile-btn-wrapper .edit-profile {
    padding: 7px 15px;
    font-size: 14px;
    color: var(--white);
    display: inline-block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.edit-profile-btn-wrapper .edit-profile:hover {
    color: var(--customer-profile);
    background: none;
}

.dashboard-flex-item-two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 0 24px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .dashboard-flex-item-two {
        display: block;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .dashboard-flex-item-two {
        display: block;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .dashboard-flex-item-two {
        display: block;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .dashboard-flex-item-two {
        display: block;
    }
}

.dashboard-flex-item-two .single-flex-dashbaord {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 50%;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .dashboard-flex-item-two .single-flex-dashbaord {
        width: 100%;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .dashboard-flex-item-two .single-flex-dashbaord {
        width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .dashboard-flex-item-two .single-flex-dashbaord {
        width: 100%;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .dashboard-flex-item-two .single-flex-dashbaord {
        width: 100%;
    }
}

.dashboard-flex-all {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 0 24px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .dashboard-flex-all {
        display: block;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .dashboard-flex-all {
        display: block;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .dashboard-flex-all {
        display: block;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .dashboard-flex-all {
        display: block;
    }
}

.dashboard-flex-item-four {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    gap: 0 24px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .dashboard-flex-item-four {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

@media only screen and (max-width: 767.98px) {
    .dashboard-flex-item-four {
        display: block;
    }
}

.dashboard-flex-item-four .single-flex-dashbaord-two {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 50%;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .dashboard-flex-item-four .single-flex-dashbaord-two {
        width: 100%;
    }
}

.dashboard-flex-item-four .dashboard-single-profile {
    height: unset;
}

.dashboard-flex-row-profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 0 24px;
}

@media only screen and (max-width: 767.98px) {
    .dashboard-flex-row-profile {
        display: block;
    }
}

.dashboard-flex-row-profile .dashboard-single-profile {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.dashboard-single-profile {
    height: 100%;
}

.dashboard-profile-padding {
    padding: 40px 30px;
    height: 390px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .dashboard-profile-padding {
        padding: 30px 15px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .dashboard-profile-padding {
        padding: 30px 15px;
    }
}

@media only screen and (max-width: 375px) {
    .dashboard-profile-padding {
        padding: 20px 15px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .single-dashboard-profile {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .single-dashboard-profile {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

.profile-single-contents .dashboard-earning-para {
    display: block;
    line-height: 28px;
    padding: 0 35px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .profile-single-contents .dashboard-earning-para {
        padding: 0 20px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .profile-single-contents .dashboard-earning-para {
        padding: 0 20px;
    }
}

.profile-single-contents .dashboard-percent-discount {
    background: rgba(var(--customer-profile-rgb), 0.1);
    padding: 5px 20px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.profile-single-contents .dashboard-percent-discount:hover {
    background: var(--customer-profile);
    color: var(--white);
}

.earning-btn-wrapper .all-earning-btn {
    display: inline-block;
    padding: 10px 15px;
    font-size: 15px;
}

.earning-btn-wrapper .all-earning-btn:hover {
    background: none;
    color: var(--customer-profile);
}

.profile-contact-list .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

@media only screen and (max-width: 767.98px) {
    .profile-contact-list .list {
        gap: 10px;
    }
}

.profile-contact-list .list:not(:last-child) {
    margin-bottom: 15px;
}

.profile-contact-list .list .icon {
    font-size: 24px;
}

.profile-contact-list .list .profile-contact {
    text-align: left;
}

.profile-contact-list .list .profile-contact .label-title {
    font-size: 14px;
    line-height: 24px;
    display: block;
}

.profile-contact-list .list .profile-contact .contact {
    font-size: 16px;
    line-height: 26px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.profile-contact-list .list .profile-contact .contact:hover {
    color: var(--customer-profile);
}

.dashboard-orders-padding {
    padding: 43px 30px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .dashboard-orders-padding {
        padding: 43px 20px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .dashboard-orders-padding {
        padding: 48px 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .dashboard-orders-padding {
        padding: 48px 20px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .dashboard-orders-padding {
        padding: 48px 20px;
    }
}

@media only screen and (max-width: 375px) {
    .dashboard-orders-padding {
        padding: 20px 15px;
    }
}

/* vendor edit profile */
.vendor-padding {
    padding: 30px;
}

@media only screen and (max-width: 575.98px) {
    .vendor-padding {
        padding: 20px 20px;
    }
}

@media only screen and (max-width: 375px) {
    .vendor-padding {
        padding: 20px 10px;
    }
}

.vendor-title {
    font-size: 28px;
    font-weight: 500;
    line-height: 36px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .vendor-title {
        font-size: 26px;
        line-height: 32px;
    }
}

@media only screen and (max-width: 575.98px) {
    .vendor-title {
        font-size: 25px;
    }
}

@media only screen and (max-width: 375px) {
    .vendor-title {
        font-size: 23px;
    }
}

/* vendor Order Status */
.change-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

.change-status .nice-select-two .nice-select::after {
    right: 15px;
}

.change-btn .das-btn {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 28px;
    padding: 12px 25px;
    background: transparent;
    border: 2px solid transparent;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.change-btn .das-btn.dashboard-bg {
    background: var(--customer-profile);
    color: var(--white);
    border: 2px solid var(--customer-profile);
}

.change-btn .das-btn.dashboard-bg:hover {
    background: none;
    color: var(--customer-profile);
}

/* vendor Add Products */
.add-product-btn .das-btn {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 28px;
    padding: 16px 25px;
    background: transparent;
    border: 2px solid transparent;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.add-product-btn .das-btn.dashboard-bg {
    background: var(--customer-profile);
    color: var(--white);
    border: 2px solid var(--customer-profile);
}

.add-product-btn .das-btn.dashboard-bg:hover {
    background: none;
    color: var(--customer-profile);
}

/* vendor Withdraw Request */
.dashboard-withdraw-request {
    padding: 6px 30px 30px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .dashboard-withdraw-request {
        padding: 6px 20px 30px;
    }
}

@media only screen and (max-width: 480px) {
    .dashboard-withdraw-request {
        padding: 6px 15px 30px;
    }
}

/* vendor Coupon List */
.dashboard-coupon-list {
    padding: 30px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .dashboard-coupon-list {
        padding: 20px;
    }
}

.permission-group-wrapper:not(:first-child) {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid var(--border-color);
}

.vendor__switch__header {
    display: flex;
    align-items: center;
    gap: 10px;
}

.vendor__switch__title {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    color: var(--heading-color);
}

.switch_inlines {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.switch_inlines__title {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: var(--heading-color);
}

.vendor-coupon-switch {
    position: relative;
    z-index: 1;
}

.vendor-coupon-switch .custom-switch {
    height: 0;
    width: 0;
    visibility: hidden;
    position: absolute;
}

.vendor-coupon-switch .custom-switch:checked+.switch-label {
    background: var(--customer-profile);
}

.vendor-coupon-switch .custom-switch:checked+.switch-label::after {
    left: calc(100% - 5px);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.vendor-coupon-switch.d-flex {
    gap: 10px;
}

.vendor-coupon-switch .switch-label {
    cursor: pointer;
    text-indent: -9999px;
    width: 41px;
    height: 19px;
    background: #DDDDDD;
    display: block;
    border-radius: 100px;
    position: relative;
    margin: auto;
}

.vendor-coupon-switch.d-flex .switch-label {
    margin: unset;
}

.vendor-coupon-switch:not(:last-child) {
    margin-bottom: 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .vendor-coupon-switch .switch-label {
        margin: 0;
        margin-left: auto;
    }
}

.vendor-coupon-switch .switch-label.active::after {
    width: 25px;
}

.vendor-coupon-switch .switch-label::after {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    width: 16px;
    height: 9px;
    background: #fff;
    border-radius: 60px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

/* vendor Coupon Code */
.dashboard-coupon-code {
    padding: 30px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .dashboard-coupon-code {
        padding: 20px;
    }
}

@media only screen and (max-width: 480px) {
    .dashboard-coupon-code {
        padding: 20px 15px;
    }
}

/* vendor Dashboard Products Add */
.dashboard-flex-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px 24px;
}

.dashboard-bg {
    background: var(--customer-profile);
    color: var(--white);
    border: 2px solid var(--customer-profile);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.dashboard-products-add {
    padding: 30px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .dashboard-products-add {
        padding: 20px;
    }
}

@media only screen and (max-width: 480px) {
    .dashboard-products-add {
        padding: 20px 15px;
    }
}

.product-add-left-wrapper {
    padding: 10px;
}

.single-product-add .product-left-info:not(:last-child) {
    margin-bottom: 24px;
}

.single-product-add .product-left-info.open .title::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.single-product-add .product-left-info.show .product-add-list {
    display: block;
}

.single-product-add .product-left-info .title {
    background: var(--dashboard-color);
    color: var(--heading-color);
    padding: 12px 20px;
    border-radius: 5px;
    font-size: 18px;
    position: relative;
    cursor: pointer;
}

.single-product-add .product-left-info .title::after {
    content: "";
    font-family: "Line Awesome Free";
    font-weight: 900;
    position: absolute;
    right: 20px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.single-product-add .product-left-info .product-add-list {
    padding-left: 30px;
    display: none;
}

.single-product-add .product-left-info .product-add-list .list.selected a {
    color: var(--customer-profile);
}

.single-product-add .product-left-info .product-add-list .list.selected a::before {
    background: var(--customer-profile);
}

.single-product-add .product-left-info .product-add-list .list a {
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    position: relative;
    padding-left: 20px;
    margin-top: 15px;
}

.single-product-add .product-left-info .product-add-list .list a::before {
    content: "";
    position: absolute;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background: rgba(221, 221, 221, 0.5);
    left: 0;
    top: 7px;
}

.add-new-attr {
    display: inline-block;
    color: var(--paragraph-color);
    background: var(--dashboard-color);
    padding: 7px 10px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.add-new-attr:hover {
    color: var(--white);
    background: var(--customer-profile);
}

.input-flex-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

.delete-item {
    font-size: 24px;
}

.dashboard-attr-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 24px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .dashboard-attr-flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .dashboard-attr-flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 767.98px) {
    .dashboard-attr-flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .dashboard-attr-flex .dashboard-input {
        -ms-flex-preferred-size: 47%;
        flex-basis: 47%;
    }
}

@media only screen and (max-width: 767.98px) {
    .dashboard-attr-flex .dashboard-input {
        -ms-flex-preferred-size: 47%;
        flex-basis: 47%;
    }
}

@media only screen and (max-width: 575.98px) {
    .dashboard-attr-flex .dashboard-input {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

.add-new-category {
    padding: 7px 15px;
}

.add-new-category.dashboard-bg:hover {
    background: none;
    color: var(--customer-profile);
}

/*-------------------------
    Section Title
-------------------------*/
.section-title {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}

.section-title.text-left {
    text-align: left;
}

.section-title.white-color {
    color: var(--white);
}

.section-title.white-color .title {
    color: var(--white);
}

.section-title.section-border-bottom {
    border-bottom: 1px solid rgba(221, 221, 221, 0.4);
    padding-bottom: 30px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .section-title.section-border-bottom {
        padding-bottom: 20px;
    }
}

.section-title.section-title-two .title {
    font-family: var(--jost-font);
    font-size: 40px;
    line-height: 65px;
    text-transform: uppercase;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .section-title.section-title-two .title {
        font-size: 32px;
        line-height: 36px;
    }
}

@media only screen and (max-width: 575.98px) {
    .section-title.section-title-two .title {
        font-size: 27px;
        line-height: 32px;
    }
}

@media only screen and (max-width: 375px) {
    .section-title.section-title-two .title {
        font-size: 24px;
        line-height: 28px;
    }
}

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

.section-title.section-title-two .see-all.arrow-two::after {
    content: "ï„…";
}

.section-title.section-title-two .see-all.color-two:hover {
    color: var(--main-color-two);
}

.section-title.section-title-two .see-all.color-two::after {
    background: var(--main-color-two);
}

.section-title.section-title-two .see-all.color-three:hover {
    color: var(--main-color-three);
}

.section-title.section-title-two .see-all.color-three::after {
    background: var(--main-color-three);
}

.section-title.section-title-two .see-all.color-four:hover {
    color: var(--main-color-four);
}

.section-title.section-title-two .see-all.color-four::after {
    background: var(--main-color-four);
}

.section-title.section-title-two .see-all::after {
    content: "";
    font-family: "Line Awesome Free";
    font-weight: 900;
    background: var(--main-color-one);
    color: var(--white);
    height: 58px;
    width: 58px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 24px;
    border-radius: 5px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .section-title.section-title-two .see-all::after {
        height: 40px;
        width: 40px;
    }
}

.section-title .title {
    font-size: 36px;
    font-weight: 500;
    line-height: 43px;
    color: var(--heading-color);
    margin: -6px 0 0 0;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .section-title .title {
        font-size: 30px;
        line-height: 36px;
    }
}

@media only screen and (max-width: 575.98px) {
    .section-title .title {
        font-size: 25px;
        line-height: 32px;
    }
}

@media only screen and (max-width: 375px) {
    .section-title .title {
        font-size: 22px;
        line-height: 28px;
    }
}

.section-title .title .title-image {
    position: relative;
    z-index: 2;
    padding: 16px 0;
}

.section-title .title .title-image img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    left: 0;
    text-align: center;
    width: 100%;
}

.section-title .title-left {
    display: -webkit-box;
}

.section-title .hot-deal {
    color: var(--white);
    font-size: 15px;
    padding: 3px 15px;
    position: relative;
    line-height: 24px;
    z-index: 1;
    margin-left: 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .section-title .hot-deal {
        font-size: 14px;
        line-height: 22px;
    }
}

.section-title .hot-deal.bg-color-two::before {
    border-right: 15px solid var(--main-color-two);
}

.section-title .hot-deal.bg-color-three::before {
    border-right: 15px solid var(--main-color-three);
}

.section-title .hot-deal.bg-color-four::before {
    border-right: 15px solid var(--main-color-four);
}

.section-title .hot-deal::before {
    content: "";
    position: absolute;
    left: -14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: transparent;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 15px solid var(--main-color-one);
    border-bottom: 8px solid transparent;
}

.see-all {
    cursor: pointer;
    font-weight: 500;
    color: var(--heading-color);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    min-width: 100px;
    text-align: right;
}

.see-all:hover {
    color: var(--main-color-one);
}

.see-all::after {
    content: "";
    font-family: "Line Awesome Free";
    font-weight: 900;
    color: var(--main-color-one);
}

.see-all.arrow-two::after {
    content: "ï„…";
}

.see-all.hover-color-two:hover {
    color: var(--main-color-two);
}

.see-all.hover-color-two::after {
    color: var(--main-color-two);
}

.see-all.hover-color-three:hover {
    color: var(--main-color-three);
}

.see-all.hover-color-three::after {
    color: var(--main-color-three);
}

.see-all.hover-color-four:hover {
    color: var(--main-color-four);
}

.see-all.hover-color-four::after {
    color: var(--main-color-four);
}

@media only screen and (max-width: 575.98px) {
    .see-all {
        font-size: 19px;
    }
}

@media only screen and (max-width: 375px) {
    .see-all {
        font-size: 17px;
    }
}

.section-title-three {
    text-align: center;
}

.section-title-three .title {
    font-size: 55px;
    line-height: 65px;
    font-weight: 400;
    font-family: var(--playfair-font);
    display: inline-block;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .section-title-three .title {
        font-size: 45px;
        line-height: 55px;
    }
}

@media only screen and (max-width: 575.98px) {
    .section-title-three .title {
        font-size: 36px;
        line-height: 42px;
    }
}

@media only screen and (max-width: 480px) {
    .section-title-three .title {
        font-size: 32px;
        line-height: 33px;
    }
}

@media only screen and (max-width: 375px) {
    .section-title-three .title {
        font-size: 30px;
        line-height: 30px;
    }
}

.section-title-three .title .line-round {
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
}

.section-title-three .title .title-right {
    position: relative;
    z-index: 2;
    padding-bottom: 10px;
}

.section-title-three .title .title-right img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.section-title-four .title {
    font-family: var(--montserrat-font);
    font-size: 50px;
    font-weight: 700;
    line-height: 65px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .section-title-four .title {
        font-size: 36px;
        line-height: 45px;
    }
}

@media only screen and (max-width: 575.98px) {
    .section-title-four .title {
        font-size: 30px;
        line-height: 36px;
    }
}

@media only screen and (max-width: 480px) {
    .section-title-four .title {
        font-size: 28px;
        line-height: 32px;
    }
}

@media only screen and (max-width: 375px) {
    .section-title-four .title {
        font-size: 26px;
        line-height: 30px;
    }
}

.section-title-four .title .center-title-img {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: -20px;
    margin: 0 auto;
}

.black-themes .section-title .title {
    color: var(--white);
}

/*---------------------------------------
    ## Button
---------------------------------------*/
.btn-wrapper {
    display: block;
}

.btn_wrapper.d-flex,
.btn-wrapper.d-flex {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.cmn_btn {
    color: var(--paragraph-color);
    font-size: 16px;
    font-weight: 500;
    font-family: var(--body-font);
    display: inline-block;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    line-height: 20px;
    padding: 10px 25px;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    box-shadow: 0 0 20px #6a6a6a5c;
}

@media only screen and (max-width: 575.98px) {
    .cmn_btn {
        padding: 8px 22px;
        font-size: 15px;
        line-height: 28px;
    }
}

@media only screen and (max-width: 375px) {
    .cmn_btn {
        padding: 7px 18px;
        font-size: 14px;
    }
}

.cmn_btn.btn_bg_1 {
    background: var(--main-color-one);
    color: var(--white);
    border: 1px solid var(--main-color-one);
}

.cmn_btn.btn_bg_1:hover {
    background: none;
    color: var(--main-color-one);
}

.cmn_btn.btn_bg_2 {
    background: var(--main-color-two);
    color: var(--white);
    border: 1px solid var(--main-color-two);
}

.cmn_btn.btn_bg_2:hover {
    background: none;
    color: var(--main-color-two);
}

.cmn_btn.btn_bg_3 {
    background: var(--main-color-three);
    color: var(--white);
    border: 1px solid var(--main-color-three);
}

.cmn_btn.btn_bg_3:hover {
    background: none;
    color: var(--main-color-three);
}

.cmn_btn.btn_bg_4 {
    background: var(--main-color-four);
    color: var(--white);
    border: 1px solid var(--main-color-four);
}

.cmn_btn.btn_bg_4:hover {
    background: none;
    color: var(--main-color-four);
}

.cmn_btn.shop-color-2 {
    background: #30BB6F;
    color: var(--white);
}

.cmn_btn.btn_bg_profile {
    color: var(--white);
    background: var(--customer-profile);
    border: 1px solid var(--customer-profile);
}

.cmn_btn.btn_bg_profile:not(:disabled):hover {
    background: #fff;
    color: var(--customer-profile);
}

.custom__form .cmn_btn.btn_bg_profile,
.custom_form .cmn_btn.btn_bg_profile,
.custom-form .cmn_btn.btn_bg_profile {
    color: var(--white);
}

.custom__form .cmn_btn.btn_bg_profile:hover,
.custom_form .cmn_btn.btn_bg_profile:hover,
.custom-form .cmn_btn.btn_bg_profile:hover {
    color: var(--customer-profile);
}

.cmn_btn.btn_bg_white {
    background: #fff;
    color: var(--heading-color);
}

.cmn_btn.btn_bg_white:hover {
    background: var(--main-color-one);
    color: var(--white);
}

.cmn_btn.btn_bg_white.hover-bg-two:hover {
    background: var(--main-color-two);
    color: var(--white);
}

.cmn_btn.btn_bg_white.hover-bg-three:hover {
    background: var(--main-color-three);
    color: var(--white);
}

.cmn_btn.btn_bg_white.hover-bg-four:hover {
    background: var(--main-color-four);
    color: var(--white);
}

.cmn_btn.btn_white {
    background-color: var(--white);
    border: 2px solid #fff;
}

.cmn_btn.btn_white.color-one {
    color: var(--main-color-one);
}

.cmn_btn.btn_white.color-one:hover {
    background: var(--main-color-one);
    color: var(--white);
}

.cmn_btn.btn_white.color-two {
    color: var(--main-color-two);
}

.cmn_btn.btn_white.color-two:hover {
    background: var(--main-color-two);
    color: var(--white);
}

.cmn_btn.btn_white.color-three {
    color: var(--main-color-three);
}

.cmn_btn.btn_white.color-three:hover {
    background: var(--main-color-three);
    color: var(--white);
}

.cmn_btn.btn_white.color-four {
    color: var(--main-color-four);
}

.cmn_btn.btn_white.color-four:hover {
    background: var(--main-color-four);
    color: var(--white);
}

.cmn_btn.btn_medium {
    padding: 7px 25px;
}

@media only screen and (max-width: 375px) {
    .cmn_btn.btn_medium {
        padding: 8px 20px;
        font-size: 14px;
    }
}

.cmn_btn.btn_small {
    padding: 7px 18px;
}

@media only screen and (max-width: 375px) {
    .cmn_btn.btn_small {
        padding: 5px 15px;
        font-size: 14px;
    }
}

.cmn_btn.btn_bg_heading {
    background: var(--heading-color);
    color: var(--white);
}

.cmn_btn.btn_bg_danger {
    background: #ff7a7a;
    color: var(--white);
}

.cmn_btn.btn_bg_steam {
    background: #DDD;
    color: var(--heading-color);
}

.cmn_btn.btn_border {
    border: 1px solid #ddd;
}

.cmn_btn.btn_outline_steam {
    border: 2px solid #DDD;
    color: var(--heading-color);
}

.cmn_btn.btn_outline_steam:hover {
    background: #DDD;
    color: var(--white);
}

.cmn_btn.btn_outline_one {
    padding: 7px 35px;
    border: 2px solid var(--main-color-one);
}

.cmn_btn.btn_outline_one.color-one {
    color: var(--main-color-one);
}

.cmn_btn.btn_outline_one:hover {
    background: var(--main-color-one);
    color: var(--white);
}

.cmn_btn.btn_outline_two {
    padding: 7px 35px;
    border: 2px solid var(--main-color-two);
}

.cmn_btn.btn_outline_two.color-two {
    color: var(--main-color-two);
}

.cmn_btn.btn_outline_two:hover {
    background: var(--main-color-two);
    color: var(--white);
}

.cmn_btn.btn_outline_three {
    padding: 7px 35px;
    border: 2px solid var(--main-color-three);
}

.cmn_btn.btn_outline_three.color-three {
    color: var(--main-color-three);
}

.cmn_btn.btn_outline_three:hover {
    background: var(--main-color-three);
    color: var(--white);
}

.cmn_btn.btn_outline_four {
    padding: 7px 35px;
    border: 2px solid var(--main-color-four);
}

.cmn_btn.btn_outline_four.color-four {
    color: var(--main-color-four);
}

.cmn_btn.btn_outline_four:hover {
    background: var(--main-color-four);
    color: var(--white);
}

.btn-wrapper .cmn-btn {
    color: var(--paragraph-color);
    font-size: 16px;
    font-weight: 500;
    font-family: var(--body-font);
    display: inline-block;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    line-height: 34px;
    padding: 10px 35px;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

@media only screen and (max-width: 575.98px) {
    .btn-wrapper .cmn-btn {
        padding: 10px 25px;
        font-size: 15px;
        line-height: 28px;
    }
}

@media only screen and (max-width: 375px) {
    .btn-wrapper .cmn-btn {
        padding: 5px 15px;
        font-size: 14px;
    }
}

.btn-wrapper .cmn-btn.btn-bg-1 {
    background: var(--main-color-one);
    color: var(--white);
    border: 2px solid var(--main-color-one);
}

.btn-wrapper .cmn-btn.btn-bg-1:hover {
    background: none;
    color: var(--main-color-one);
}

.btn-wrapper .cmn-btn.btn-bg-2 {
    background: var(--main-color-two);
    color: var(--white);
    border: 2px solid var(--main-color-two);
}

.btn-wrapper .cmn-btn.btn-bg-2:hover {
    background: none;
    color: var(--main-color-two);
}

.btn-wrapper .cmn-btn.btn-bg-3 {
    background: var(--main-color-three);
    color: var(--white);
    border: 2px solid var(--main-color-three);
}

.btn-wrapper .cmn-btn.btn-bg-3:hover {
    background: none;
    color: var(--main-color-three);
}

.btn-wrapper .cmn-btn.btn-bg-4 {
    background: var(--main-color-four);
    color: var(--white);
    border: 2px solid var(--main-color-four);
}

.btn-wrapper .cmn-btn.btn-bg-4:hover {
    background: none;
    color: var(--main-color-four);
}

.btn-wrapper .cmn-btn.shop-color-2 {
    background: #30BB6F;
    color: var(--white);
}

.btn-wrapper .cmn-btn.btn-bg-white {
    background: #fff;
    color: var(--heading-color);
}

.btn-wrapper .cmn-btn.btn-bg-white:hover {
    background: var(--main-color-one);
    color: var(--white);
}

.btn-wrapper .cmn-btn.btn-bg-white.hover-bg-two:hover {
    background: var(--main-color-two);
    color: var(--white);
}

.btn-wrapper .cmn-btn.btn-bg-white.hover-bg-three:hover {
    background: var(--main-color-three);
    color: var(--white);
}

.btn-wrapper .cmn-btn.btn-bg-white.hover-bg-four:hover {
    background: var(--main-color-four);
    color: var(--white);
}

.btn-wrapper .cmn-btn.btn-white {
    background-color: var(--white);
    border: 2px solid #fff;
}

.btn-wrapper .cmn-btn.btn-white.color-one {
    color: var(--main-color-one);
}

.btn-wrapper .cmn-btn.btn-white.color-one:hover {
    background: var(--main-color-one);
    color: var(--white);
}

.btn-wrapper .cmn-btn.btn-white.color-two {
    color: var(--main-color-two);
}

.btn-wrapper .cmn-btn.btn-white.color-two:hover {
    background: var(--main-color-two);
    color: var(--white);
}

.btn-wrapper .cmn-btn.btn-white.color-three {
    color: var(--main-color-three);
}

.btn-wrapper .cmn-btn.btn-white.color-three:hover {
    background: var(--main-color-three);
    color: var(--white);
}

.btn-wrapper .cmn-btn.btn-white.color-four {
    color: var(--main-color-four);
}

.btn-wrapper .cmn-btn.btn-white.color-four:hover {
    background: var(--main-color-four);
    color: var(--white);
}

.btn-wrapper .cmn-btn.btn-medium {
    padding: 7px 25px;
}

@media only screen and (max-width: 375px) {
    .btn-wrapper .cmn-btn.btn-medium {
        padding: 5px 15px;
        font-size: 14px;
    }
}

.btn-wrapper .cmn-btn.btn-small {
    padding: 5px 18px;
}

@media only screen and (max-width: 375px) {
    .btn-wrapper .cmn-btn.btn-small {
        padding: 5px 15px;
        font-size: 14px;
    }
}

.btn-wrapper .cmn-btn.extra-width {
    width: 220px;
}

.btn-wrapper .cmn-btn.btn-bg-heading {
    background: var(--heading-color);
    color: var(--white);
}

.btn-wrapper .cmn-btn.btn-bg-steam {
    background: #DDD;
    color: var(--heading-color);
}

.btn-wrapper .cmn-btn.btn-border {
    border: 1px solid #ddd;
}

.btn-wrapper .cmn-btn.btn-outline-steam {
    border: 2px solid #DDD;
    color: var(--heading-color);
}

.btn-wrapper .cmn-btn.btn-outline-steam:hover {
    background: #DDD;
    color: var(--white);
}

.btn-wrapper .cmn-btn.btn-outline-one {
    padding: 7px 35px;
    border: 2px solid var(--main-color-one);
}

.btn-wrapper .cmn-btn.btn-outline-one.color-one {
    color: var(--main-color-one);
}

.btn-wrapper .cmn-btn.btn-outline-one:hover {
    background: var(--main-color-one);
    color: var(--white);
}

.btn-wrapper .cmn-btn.btn-outline-two {
    padding: 7px 35px;
    border: 2px solid var(--main-color-two);
}

.btn-wrapper .cmn-btn.btn-outline-two.color-two {
    color: var(--main-color-two);
}

.btn-wrapper .cmn-btn.btn-outline-two:hover {
    background: var(--main-color-two);
    color: var(--white);
}

.btn-wrapper .cmn-btn.btn-outline-three {
    padding: 7px 35px;
    border: 2px solid var(--main-color-three);
}

.btn-wrapper .cmn-btn.btn-outline-three.color-three {
    color: var(--main-color-three);
}

.btn-wrapper .cmn-btn.btn-outline-three:hover {
    background: var(--main-color-three);
    color: var(--white);
}

.btn-wrapper .cmn-btn.btn-outline-four {
    padding: 7px 35px;
    border: 2px solid var(--main-color-four);
}

.btn-wrapper .cmn-btn.btn-outline-four.color-four {
    color: var(--main-color-four);
}

.btn-wrapper .cmn-btn.btn-outline-four:hover {
    background: var(--main-color-four);
    color: var(--white);
}





























.cmn_btn.completed {
    background: rgba(29, 191, 115, 0.1);
    color: #1DBF73;
    text-align: center;
    border-radius: 5px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .cmn_btn.completed {
        text-align: right;
    }
}

.cmn_btn.canceled {
    background: rgba(255, 23, 71, 0.1);
    color: #FF1747;
    text-align: center;
    border-radius: 5px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .cmn_btn.canceled {
        text-align: right;
    }
}

.cmn_btn.pending {
    background: rgba(255, 179, 7, 0.1);
    color: #FFB307;
    text-align: center;
    border-radius: 5px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .cmn_btn.pending {
        text-align: right;
    }
}

.cmn_btn.cart-btn {
    font-size: 20px;
    font-weight: 500;
    color: var(--body-color);
    padding: 10px 70px;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .cmn_btn.cart-btn {
        padding: 10px 50px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .cmn_btn.cart-btn {
        padding: 10px 35px;
        font-size: 18px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .cmn_btn.cart-btn {
        padding: 10px 35px;
        font-size: 18px;
    }
}

.cmn_btn.cart-btn.btn-bg-one {
    background: var(--main-color-one);
    border: 1px solid var(--main-color-one);
    color: var(--white);
}

.cmn_btn.cart-btn.btn-bg-one:hover {
    background: 0;
    color: var(--main-color-one);
}

.cmn_btn.cart-btn.btn-bg-one:hover::after {
    color: var(--main-color-one);
}

.cmn_btn.cart-btn::after {
    content: "";
    font-family: "Line Awesome Free";
    font-weight: 900;
    font-size: 20px;
    margin-left: 5px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.cmn_btn.cart-btn:hover {
    background-color: var(--main-color-one);
    color: var(--white);
    border-color: var(--main-color-one);
}

.cmn_btn.cart-btn:hover::after {
    color: var(--white);
}

.btn-see-more {
    font-size: 18px;
    font-weight: 500;
    color: var(--paragraph-color);
}

.btn-see-more:hover {
    color: var(--main-color-one);
}

.btn-see-more::after {
    content: "";
    font-size: 20px;
    font-family: "Line Awesome Free";
    font-weight: 900;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .btn-see-more {
        font-size: 16px;
    }

    .btn-see-more::after {
        font-size: 18px;
    }
}

@media only screen and (max-width: 480px) {
    .btn-see-more {
        font-size: 15px;
    }

    .btn-see-more::after {
        font-size: 16px;
    }
}

@media only screen and (max-width: 375px) {
    .btn-see-more {
        font-size: 14px;
    }

    .btn-see-more::after {
        font-size: 15px;
    }
}

.btn-submit {
    border: 0;
    outline: none;
    background: inherit;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    background: var(--main-color-one);
    color: var(--white);
    padding: 12px 35px;
    border: 1px solid var(--main-color-one);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-submit:hover {
    background: none;
    color: var(--main-color-one);
}

.btn-submit.bg-color-two {
    background: var(--main-color-two);
    border-color: var(--main-color-two);
}

.btn-submit.bg-color-two:hover {
    background: none;
    color: var(--main-color-two);
}

.btn-submit.bg-color-three {
    background: var(--main-color-three);
    border-color: var(--main-color-three);
}

.btn-submit.bg-color-three:hover {
    background: none;
    color: var(--main-color-three);
}

.btn-submit.bg-color-four {
    background: var(--main-color-four);
    border-color: var(--main-color-four);
}

.btn-submit.bg-color-four:hover {
    background: none;
    color: var(--main-color-four);
}

.btn-submit.btn_md,
.btn-submit.btn-md,
.btn-submit.btn_medium,
.btn-submit.btn-medium {
    padding: 12px 30px;
}

.btn-submit.btn_sm,
.btn-submit.btn-sm,
.btn-submit.btn_small,
.btn-submit.btn-small {
    padding: 9px 22px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .btn-submit {
        font-size: 18px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .btn-submit {
        font-size: 16px;
        padding: 15px 30px;
    }
}

@media only screen and (max-width: 480px) {
    .btn-submit {
        font-size: 15px;
        padding: 12px 25px;
    }

    .btn-submit.btn_md,
    .btn-submit.btn-md,
    .btn-submit.btn_medium,
    .btn-submit.btn-medium {
        padding: 10px 25px;
    }

    .btn-submit.btn_sm,
    .btn-submit.btn-sm,
    .btn-submit.btn_small,
    .btn-submit.btn-small {
        padding: 7px 20px;
    }
}

@media only screen and (max-width: 375px) {
    .btn-submit {
        font-size: 14px;
        padding: 10px 18px;
    }

    .btn-submit.btn_md,
    .btn-submit.btn-md,
    .btn-submit.btn_medium,
    .btn-submit.btn-medium {
        padding: 10px 23px;
    }

    .btn-submit.btn_sm,
    .btn-submit.btn-sm,
    .btn-submit.btn_small,
    .btn-submit.btn-small {
        padding: 6px 20px;
    }
}

.btn-buy {
    font-size: 20px;
    font-weight: 500;
    margin-top: 20px;
    display: inline-block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .btn-buy {
        font-size: 16px;
        margin-top: 10px;
    }
}

@media only screen and (max-width: 375px) {
    .btn-buy {
        margin-top: 10px;
    }
}

.btn-buy:hover {
    text-decoration: underline;
}

.btn-buy:hover.icon::before {
    text-decoration: none;
    display: inherit;
}

.btn-buy.icon::before {
    content: "";
    font-family: "Line Awesome Free";
    font-weight: 900;
    font-size: 20px;
    margin-right: 5px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    text-decoration: none;
}

.btn-buy.btn-color-two {
    color: var(--main-color-two);
}

.btn-buy.btn-color-three {
    color: var(--main-color-three);
}

.btn-buy.btn-color-four {
    color: var(--main-color-four);
}

.btn-color-one {
    color: var(--main-color-one);
}

.btn-color-one:hover {
    color: var(--main-color-one);
}

.btn-decoration {
    text-decoration: underline;
}

.btn-decoration.icon {
    text-decoration: none;
}

.btn-decoration.icon::before {
    text-decoration: none;
}

.btn-product {
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    color: var(--heading-color);
    display: inline-block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .btn-product {
        font-size: 15px;
    }
}

.btn-product i {
    color: var(--main-color-one);
}

.btn-product:hover {
    color: var(--main-color-one);
    letter-spacing: 1px;
}

.btn-product.hover-color-two i {
    color: var(--main-color-two);
}

.btn-product.hover-color-two:hover {
    color: var(--main-color-two);
}

.btn-product.hover-color-three i {
    color: var(--main-color-three);
}

.btn-product.hover-color-three:hover {
    color: var(--main-color-three);
}

.btn-product.hover-color-four i {
    color: var(--main-color-four);
}

.btn-product.hover-color-four:hover {
    color: var(--main-color-four);
}

.btn-shop {
    display: inline-block;
    font-size: 25px;
    line-height: 33px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: underline;
}

.btn-shop:hover {
    color: var(--main-color-one);
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .btn-shop {
        font-size: 21px;
        line-height: 28px;
    }
}

@media only screen and (max-width: 575.98px) {
    .btn-shop {
        font-size: 20px;
    }
}

@media only screen and (max-width: 375px) {
    .btn-shop {
        font-size: 18px;
    }
}

.btn-shop.hover-color-two:hover {
    color: var(--main-color-two);
}

.btn-shop.hover-color-three:hover {
    color: var(--main-color-three);
}

.btn-shop.hover-color-four:hover {
    color: var(--main-color-four);
}

/*---------------------------------------
    ## Back Top
---------------------------------------*/
.back-to-top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    width: 50px;
    height: 50px;
    background-color: var(--main-color-one);
    color: var(--white);
    text-align: center;
    line-height: 50px;
    border-radius: 5px;
    z-index: 99;
    font-size: 25px;
    cursor: pointer;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    display: none;
}

@media only screen and (max-width: 575.98px) {
    .back-to-top {
        height: 40px;
        width: 40px;
        font-size: 22px;
        line-height: 40px;
        bottom: 20px;
        right: 20px;
    }
}

.back-to-top.bg-color-two {
    background: var(--main-color-two);
}

.back-to-top.bg-color-three {
    background: var(--main-color-three);
}

.back-to-top.bg-color-four {
    background: var(--main-color-four);
}

/* Nice Select Style */
.nice-select {
    width: 100%;
    height: 55px;
    line-height: 55px;
    font-size: 14px;
    font-weight: 400;
    color: var(--body-color);
    border: 1px solid rgba(221, 221, 221, 0.4);
    -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.nice-select:focus {
    border: 1px solid #ddd;
}

.nice-select .nice-select-search-box {
    height: auto;
}

.nice-select .nice-select-search-box .nice-select-search {
    vertical-align: top;
}

.nice-select:after {
    border-bottom: 2px solid var(--body-color);
    border-right: 2px solid var(--body-color);
    height: 8px;
    margin-top: -5px;
    right: 20px;
    width: 8px;
}

@media only screen and (max-width: 375px) {
    .nice-select:after {
        right: 10px;
    }
}

.nice-select.open {
    border: 1px solid #ddd;
}

.nice-select.open .list {
    width: 100%;
}

.nice-select .list {
    width: 100%;
    margin-top: 10px;
}

.nice-select-two .nice-select {
    display: block;
    border: 1px solid rgba(221, 221, 221, 0.4);
    -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
}

.nice-select-two .nice-select.open::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.nice-select-two .nice-select:after {
    border-top: 6px solid var(--body-color);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom: 0;
    height: 0;
    margin-top: -5px;
    right: 20px;
    width: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@media only screen and (max-width: 375px) {
    .nice-select-two .nice-select:after {
        right: 10px;
    }
}

/* Isootope List */
.isootope-list {
    position: relative;
    /* margin-top: -72px; */
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .isootope-list {
        margin-top: -60px;
    }
}

@media only screen and (max-width: 767.98px) {
    .isootope-list {
        position: unset;
        margin-top: 0px;
    }
}

.isootope-list.list-two {
    top: -60px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .isootope-list.list-two {
        position: initial;
        margin-top: 35px;
    }
}

.isootope-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

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

.isootope-button.style-02.color-one .list::before {
    background: var(--main-color-one);
}

.isootope-button.style-02.color-one .list.active {
    background: var(--main-color-one);
    color: var(--white);
    border-color: var(--main-color-one);
}

.isootope-button.style-02.color-two .list::before {
    background: var(--main-color-two);
}

.isootope-button.style-02.color-two .list.active {
    background: var(--main-color-two);
    color: var(--white);
    border-color: var(--main-color-two);
}

.isootope-button.style-02.color-three .list::before {
    background: var(--main-color-three);
}

.isootope-button.style-02.color-three .list.active {
    background: var(--main-color-three);
    color: var(--white);
    border-color: var(--main-color-three);
}

.isootope-button.style-02.color-four .list::before {
    background: var(--main-color-four);
}

.isootope-button.style-02.color-four .list.active {
    background: var(--main-color-four);
    color: var(--white);
    border-color: var(--main-color-four);
}

.isootope-button.style-02 .list {
    font-family: var(--roboto-font);
    padding: 3px 20px;
    border: 1px solid rgba(221, 221, 221, 0.4);
    font-size: 16px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .isootope-button.style-02 .list {
        font-size: 15px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .isootope-button.style-02 .list {
        font-size: 15px;
        padding: 3px 18px;
        line-height: 24px;
    }
}

@media only screen and (max-width: 375px) {
    .isootope-button.style-02 .list {
        font-size: 14px;
        padding: 3px 15px;
    }
}

.isootope-button.style-02 .list:not(:last-child) {
    margin-right: 20px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .isootope-button.style-02 .list:not(:last-child) {
        margin-right: 10px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .isootope-button.style-02 .list:not(:last-child) {
        margin-right: 10px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .isootope-button.style-02 .list:not(:last-child) {
        margin-right: 10px;
    }
}

.isootope-button.style-02 .list::before {
    background: var(--main-color-three);
    height: 100%;
    z-index: -1;
}

.isootope-button.style-02 .list.active {
    background: var(--main-color-three);
    color: var(--white);
    border-color: var(--main-color-three);
}

.isootope-button.style-02 .list:hover {
    color: var(--white);
}

.isootope-button.colors-heading .list::before {
    background: var(--heading-color);
}

.isootope-button.colors-heading .list.active {
    color: var(--heading-color);
}

.isootope-button.colors-heading .list:hover {
    color: var(--heading-color);
}

.isootope-button.style-03 .list {
    font-family: var(--roboto-font);
    padding: 8px 35px;
    border: 1px solid #DDD;
    background: #DDD;
    color: var(--heading-color);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 5px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .isootope-button.style-03 .list {
        padding: 8px 30px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .isootope-button.style-03 .list {
        padding: 7px 25px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .isootope-button.style-03 .list {
        font-size: 15px;
        padding: 6px 20px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .isootope-button.style-03 .list {
        font-size: 15px;
        padding: 5px 20px;
    }
}

@media only screen and (max-width: 375px) {
    .isootope-button.style-03 .list {
        font-size: 14px;
        padding: 3px 18px;
    }
}

.isootope-button.style-03 .list:not(:last-child) {
    margin-right: 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .isootope-button.style-03 .list:not(:last-child) {
        margin-right: 10px;
    }
}

.isootope-button.style-03 .list::before {
    background: var(--main-color-two);
    height: 100%;
    z-index: -1;
}

.isootope-button.style-03 .list.active {
    background: var(--main-color-two);
    color: var(--heading-color);
    border-color: var(--main-color-two);
}

.isootope-button.style-03 .list:hover {
    color: var(--heading-color);
    background: var(--main-color-two);
}

.isootope-button.hover-color-two .list::before {
    background: var(--main-color-two);
}

.isootope-button.hover-color-two .list.active {
    color: var(--main-color-two);
}

.isootope-button.hover-color-two .list:hover {
    color: var(--main-color-two);
}

.isootope-button.hover-color-three .list::before {
    background: var(--main-color-three);
}

.isootope-button.hover-color-three .list.active {
    color: var(--main-color-three);
}

.isootope-button.hover-color-three .list:hover {
    color: var(--main-color-three);
}

.isootope-button.hover-color-four .list::before {
    background: var(--main-color-four);
}

.isootope-button.hover-color-four .list.active {
    color: var(--main-color-four);
}

.isootope-button.hover-color-four .list:hover {
    color: var(--main-color-four);
}

.isootope-button .list {
    font-size: 18px;
    font-family: var(--rubik-font);
    cursor: pointer;
    line-height: 30px;
    margin-top: 5px;
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .isootope-button .list {
        font-size: 16px;
    }
}

@media only screen and (max-width: 480px) {
    .isootope-button .list {
        font-size: 15px;
    }
}

@media only screen and (max-width: 375px) {
    .isootope-button .list {
        font-size: 15px;
    }
}

.isootope-button .list::before {
    content: "";
    position: absolute;
    width: 0%;
    height: 2px;
    background: var(--main-color-one);
    bottom: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.isootope-button .list.active {
    color: var(--main-color-one);
}

.isootope-button .list.active::before {
    visibility: visible;
    opacity: 1;
    width: 100%;
}

.isootope-button .list:not(:last-child) {
    margin-right: 30px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .isootope-button .list:not(:last-child) {
        margin-right: 30px;
    }
}

@media only screen and (max-width: 575.98px) {
    .isootope-button .list:not(:last-child) {
        margin-right: 20px;
    }
}

@media only screen and (max-width: 375px) {
    .isootope-button .list:not(:last-child) {
        margin-right: 15px;
    }
}

.isootope-button .list:hover {
    color: var(--main-color-one);
}

.isootope-button .list:hover::before {
    visibility: visible;
    opacity: 1;
    width: 100%;
}

.black-themes .isootope-button.style-03 .list {
    border: 1px solid #22232F;
    background: #22232F;
    color: var(--white);
}

.black-themes .isootope-button.style-03 .list.active {
    background: var(--main-color-two);
    color: var(--heading-color);
}

.black-themes .isootope-button.style-03 .list:hover {
    background: var(--main-color-two);
    color: var(--heading-color);
}

/* Tab Style */
.tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.tabs li {
    font-size: 18px;
    font-weight: 500;
    background: inherit;
    cursor: pointer;
}

/* Countdown Css */
.countdown-para {
    line-height: 30px;
}

.global-timer .syotimer__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
}

.global-timer .syotimer__body .syotimer-cell {
    margin: 10px 0;
    background: var(--main-color-one);
    color: var(--white);
    padding: 5px 7px 3px;
    border-radius: 3px;
    position: relative;
    z-index: 1;
}

@media only screen and (max-width: 375px) {
    .global-timer .syotimer__body .syotimer-cell {
        padding: 5px;
    }
}

.global-timer .syotimer__body .syotimer-cell:not(:last-child) {
    margin-right: 20px;
}

.global-timer .syotimer__body .syotimer-cell:not(:last-child)::after {
    content: ":";
    position: absolute;
    right: -14px;
    color: var(--heading-color);
    font-weight: 500;
    font-size: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.global-timer .syotimer__body .syotimer-cell .syotimer-cell__value {
    font-size: 20px;
    color: var(--white);
    font-weight: 500;
    line-height: 1.3;
    font-family: var(--heading-font);
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .global-timer .syotimer__body .syotimer-cell .syotimer-cell__value {
        font-size: 18px;
    }
}

@media only screen and (max-width: 375px) {
    .global-timer .syotimer__body .syotimer-cell .syotimer-cell__value {
        font-size: 17px;
    }
}

@media only screen and (max-width: 375px) {
    .global-timer .syotimer__body .syotimer-cell .syotimer-cell__value {
        font-size: 16px;
    }
}

.global-timer .syotimer__body .syotimer-cell .syotimer-cell__unit {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 400;
    line-height: 19px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .global-timer .syotimer__body .syotimer-cell .syotimer-cell__unit {
        font-size: 16px;
    }
}

@media only screen and (max-width: 375px) {
    .global-timer .syotimer__body .syotimer-cell .syotimer-cell__unit {
        font-size: 13px;
    }
}

.global-timer.color-two .syotimer__body .syotimer-cell {
    background: var(--main-color-two);
}

.global-timer.color-three .syotimer__body .syotimer-cell {
    background: var(--main-color-three);
}

.global-timer.color-four .syotimer__body .syotimer-cell {
    background: var(--main-color-four);
}

.global-timer.white-color .syotimer__body .syotimer-cell {
    background: #fff;
}

.global-timer.white-color .syotimer__body .syotimer-cell::after {
    color: var(--white);
}

.global-timer.white-color .syotimer__body .syotimer-cell .syotimer-cell__value {
    color: var(--main-color-one);
}

.global-timer.white-color.color-two .syotimer__body .syotimer-cell .syotimer-cell__value {
    color: var(--main-color-two);
}

.global-timer.white-color.color-three .syotimer__body .syotimer-cell .syotimer-cell__value {
    color: var(--main-color-three);
}

.global-timer.simple-timer-two {
    margin-top: 35px;
}

.global-timer.simple-timer-two.radius-0 .syotimer__body .syotimer-cell {
    border-radius: 0;
}

.global-timer.simple-timer-two.color-two .syotimer__body .syotimer-cell {
    background: var(--main-color-two);
}

.global-timer.simple-timer-two.color-three .syotimer__body .syotimer-cell {
    background: var(--main-color-three);
}

.global-timer.simple-timer-two.color-four .syotimer__body .syotimer-cell {
    background: var(--main-color-four);
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .global-timer.simple-timer-two {
        margin-top: 20px;
    }
}

.global-timer.simple-timer-two .syotimer__body {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.global-timer.simple-timer-two .syotimer__body .syotimer-cell {
    background: var(--main-color-one);
    color: var(--white);
    padding: 15px 20px;
    border-radius: 10px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .global-timer.simple-timer-two .syotimer__body .syotimer-cell {
        padding: 10px 20px;
    }
}

@media only screen and (max-width: 480px) {
    .global-timer.simple-timer-two .syotimer__body .syotimer-cell {
        padding: 7px 13px;
    }
}

@media only screen and (max-width: 375px) {
    .global-timer.simple-timer-two .syotimer__body .syotimer-cell {
        padding: 5px 10px;
    }
}

.global-timer.simple-timer-two .syotimer__body .syotimer-cell .syotimer-cell__value {
    color: var(--white);
    font-family: var(--jost-font);
    font-weight: 600;
    font-size: 43px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .global-timer.simple-timer-two .syotimer__body .syotimer-cell .syotimer-cell__value {
        font-size: 32px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .global-timer.simple-timer-two .syotimer__body .syotimer-cell .syotimer-cell__value {
        font-size: 28px;
        line-height: 32px;
    }
}

@media only screen and (max-width: 375px) {
    .global-timer.simple-timer-two .syotimer__body .syotimer-cell .syotimer-cell__value {
        font-size: 24px;
        line-height: 26px;
    }
}

.global-timer.simple-timer-two .syotimer__body .syotimer-cell .syotimer-cell__unit {
    color: var(--white);
    line-height: 21px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .global-timer.simple-timer-two .syotimer__body .syotimer-cell .syotimer-cell__unit {
        font-size: 15px;
    }
}

@media only screen and (max-width: 375px) {
    .global-timer.simple-timer-two .syotimer__body .syotimer-cell .syotimer-cell__unit {
        font-size: 14px;
    }
}

.global-timer.simple-timer-campaign {
    position: absolute;
    bottom: 30px;
    z-index: 9;
    left: 0;
    right: 0;
    text-align: center;
}

.global-timer.simple-timer-campaign.radius-0 .syotimer__body .syotimer-cell {
    border-radius: 0;
}

.global-timer.simple-timer-campaign.color-two .syotimer__body .syotimer-cell {
    color: var(--main-color-two);
}

.global-timer.simple-timer-campaign.color-two .syotimer__body .syotimer-cell .syotimer-cell__value {
    color: var(--main-color-two);
}

.global-timer.simple-timer-campaign.color-two .syotimer__body .syotimer-cell .syotimer-cell__unit {
    color: var(--main-color-two);
}

.global-timer.simple-timer-campaign.color-three .syotimer__body .syotimer-cell {
    color: var(--main-color-three);
}

.global-timer.simple-timer-campaign.color-three .syotimer__body .syotimer-cell .syotimer-cell__value {
    color: var(--main-color-three);
}

.global-timer.simple-timer-campaign.color-three .syotimer__body .syotimer-cell .syotimer-cell__unit {
    color: var(--main-color-three);
}

.global-timer.simple-timer-campaign.color-four .syotimer__body .syotimer-cell {
    color: var(--main-color-four);
}

.global-timer.simple-timer-campaign.color-four .syotimer__body .syotimer-cell .syotimer-cell__value {
    color: var(--main-color-four);
}

.global-timer.simple-timer-campaign.color-four .syotimer__body .syotimer-cell .syotimer-cell__unit {
    color: var(--main-color-four);
}

.global-timer.simple-timer-campaign .syotimer__body {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .global-timer.simple-timer-campaign .syotimer__body {
        gap: 10px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .global-timer.simple-timer-campaign .syotimer__body {
        gap: 5px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .global-timer.simple-timer-campaign .syotimer__body {
        gap: 10px;
    }
}

.global-timer.simple-timer-campaign .syotimer__body .syotimer-cell {
    background: #fff;
    color: var(--paragraph-color);
    padding: 5px 15px;
    border-radius: 10px;
    margin: 0;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .global-timer.simple-timer-campaign .syotimer__body .syotimer-cell {
        padding: 5px 10px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .global-timer.simple-timer-campaign .syotimer__body .syotimer-cell {
        padding: 5px 10px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .global-timer.simple-timer-campaign .syotimer__body .syotimer-cell {
        padding: 5px 10px;
    }
}

@media only screen and (max-width: 480px) {
    .global-timer.simple-timer-campaign .syotimer__body .syotimer-cell {
        padding: 5px 12px;
    }
}

.global-timer.simple-timer-campaign .syotimer__body .syotimer-cell .syotimer-cell__value {
    color: var(--main-color-one);
    font-weight: 600;
    font-size: 36px;
    line-height: 36px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .global-timer.simple-timer-campaign .syotimer__body .syotimer-cell .syotimer-cell__value {
        font-size: 32px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .global-timer.simple-timer-campaign .syotimer__body .syotimer-cell .syotimer-cell__value {
        font-size: 28px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .global-timer.simple-timer-campaign .syotimer__body .syotimer-cell .syotimer-cell__value {
        font-size: 28px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .global-timer.simple-timer-campaign .syotimer__body .syotimer-cell .syotimer-cell__value {
        font-size: 26px;
        line-height: 32px;
    }
}

@media only screen and (max-width: 375px) {
    .global-timer.simple-timer-campaign .syotimer__body .syotimer-cell .syotimer-cell__value {
        font-size: 20px;
        line-height: 26px;
    }
}

.global-timer.simple-timer-campaign .syotimer__body .syotimer-cell .syotimer-cell__unit {
    color: var(--paragraph-color);
    line-height: 24px;
    font-size: 14px;
}

.global-timer.discount-countdown.radius-0 .syotimer__body .syotimer-cell {
    border-radius: 0;
}

.global-timer.discount-countdown .syotimer__body {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .global-timer.discount-countdown .syotimer__body {
        gap: 30px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .global-timer.discount-countdown .syotimer__body {
        gap: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .global-timer.discount-countdown .syotimer__body {
        gap: 20px;
    }
}

.global-timer.discount-countdown .syotimer__body .syotimer-cell {
    background: #fff;
    color: var(--main-color-one);
    padding: 5px 15px;
    border-radius: 10px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .global-timer.discount-countdown .syotimer__body .syotimer-cell {
        padding: 15px 20px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .global-timer.discount-countdown .syotimer__body .syotimer-cell {
        padding: 10px 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .global-timer.discount-countdown .syotimer__body .syotimer-cell {
        padding: 10px 20px;
    }
}

@media only screen and (max-width: 480px) {
    .global-timer.discount-countdown .syotimer__body .syotimer-cell {
        padding: 5px 12px;
    }
}

.global-timer.discount-countdown .syotimer__body .syotimer-cell .syotimer-cell__value {
    color: var(--main-color-one);
    font-weight: 600;
    font-size: 36px;
    line-height: 36px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .global-timer.discount-countdown .syotimer__body .syotimer-cell .syotimer-cell__value {
        font-size: 32px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .global-timer.discount-countdown .syotimer__body .syotimer-cell .syotimer-cell__value {
        font-size: 28px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .global-timer.discount-countdown .syotimer__body .syotimer-cell .syotimer-cell__value {
        font-size: 28px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .global-timer.discount-countdown .syotimer__body .syotimer-cell .syotimer-cell__value {
        font-size: 26px;
        line-height: 32px;
    }
}

@media only screen and (max-width: 375px) {
    .global-timer.discount-countdown .syotimer__body .syotimer-cell .syotimer-cell__value {
        font-size: 20px;
        line-height: 26px;
    }
}

.global-timer.discount-countdown .syotimer__body .syotimer-cell .syotimer-cell__unit {
    color: var(--main-color-one);
    line-height: 20px;
    font-size: 14px;
}

.discount-countdown .global-timer .syotimer__body .syotimer-cell {
    background: var(--body-color);
}

.center-text .global-timer .syotimer__body {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.section-title-countdown {
    position: relative;
}

.section-title-countdown .flash-countdown {
    position: absolute;
    top: -10px;
    left: 230px;
    display: inline-block;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .section-title-countdown .flash-countdown {
        left: 200px;
    }
}

@media only screen and (max-width: 575.98px) {
    .section-title-countdown .flash-countdown {
        position: unset;
        left: 0;
        margin: 10px 0 0;
    }
}

/* Price Updated Through */
@media only screen and (max-width: 375px) {
    .center-text .price-update-through {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.price-update-through {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.price-update-through .flash-prices {
    color: var(--heading-color);
    margin-right: 10px;
}

.price-update-through .flash-prices.color-one {
    color: var(--main-color-one);
}

.price-update-through .flash-prices.color-two {
    color: var(--main-color-two);
}

.price-update-through .flash-prices.color-three {
    color: var(--main-color-three);
}

.price-update-through .flash-prices.color-four {
    color: var(--main-color-four);
}

.price-update-through .flash-prices.hover-color-one:hover {
    color: var(--main-color-one);
}

.price-update-through .flash-prices.hover-color-two:hover {
    color: var(--main-color-two);
}

.price-update-through .flash-prices.hover-color-three:hover {
    color: var(--main-color-three);
}

.price-update-through .flash-prices.hover-color-four:hover {
    color: var(--main-color-four);
}

.price-update-through .flash-old-prices {
    text-decoration: line-through;
    color: red;
}

/* Common Review List */
.common-review-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.common-review-list li {
    font-size: 18px;
    color: var(--main-color-one);
    margin: 1px;
}

.common-review-list li .review-count {
    color: var(--body-color);
    margin-left: 5px;
}

/*---------------------------------------
    15. Pagination
---------------------------------------*/
.custom-pagination.color-two .pagination li.active .page-link {
    background: var(--main-color-two);
}

.custom-pagination.color-two .pagination li .page-link:hover {
    background: var(--main-color-two);
}

.custom-pagination.color-three .pagination li.active .page-link {
    background: var(--main-color-three);
}

.custom-pagination.color-three .pagination li .page-link:hover {
    background: var(--main-color-three);
}

.custom-pagination.color-four .pagination li.active .page-link {
    background: var(--main-color-four);
}

.custom-pagination.color-four .pagination li .page-link:hover {
    background: var(--main-color-four);
}

.custom-pagination .pagination li {
    margin: 5px 10px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .custom-pagination .pagination li {
        margin: 5px 5px;
    }
}

.custom-pagination .pagination li.active .page-link {
    background: var(--main-color-one);
    color: var(--white);
    border-color: transparent;
}

.custom-pagination .pagination li .page-link {
    background: #fff;
    color: var(--body-color);
    border: 1px solid;
    font-size: 18px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    padding: 10px 20px;
    display: inline-block;
    cursor: pointer;
    border-radius: 5px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.custom-pagination .pagination li .page-link:hover {
    background: var(--main-color-one);
    color: var(--white);
    border-color: transparent;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .custom-pagination .pagination li .page-link {
        font-size: 16px;
        padding: 7px 15px;
    }
}

@media only screen and (max-width: 480px) {
    .custom-pagination .pagination li .page-link {
        font-size: 15px;
        padding: 5px 10px;
    }
}

.checkbox-inlines {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    cursor: pointer;
    gap: 10px;
}

.checkbox-inlines .check-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 18px;
    min-width: 18px;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dddddd;
    border-radius: 0px;
    margin-top: 3px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.checkbox-inlines .check-input::after {
    content: "\f00c";
    font-family: "Line Awesome Free";
    font-weight: 900;
    font-size: 10px;
    color: var(--white);
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(1.6) rotate(90deg);
    transform: scale(1.6) rotate(90deg);
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.checkbox-inlines .check-input:checked {
    background: var(--main-color-one);
    border-color: var(--main-color-one);
    background: var(--main-color-one);
}

.checkbox-inlines .check-input:checked::after {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1.2) rotate(0deg);
    transform: scale(1.2) rotate(0deg);
}

.checkbox-inlines .checkbox-label {
    cursor: pointer;
    text-align: left;
    line-height: 26px;
    font-size: 16px;
    font-weight: 400;
    color: var(--heading-color);
    margin: 0;
}

@media only screen and (max-width: 575.98px) {
    .checkbox-inlines .checkbox-label {
        font-size: 15px;
    }
}

/* Faq */
.faq-contents .faq-item.open .faq-title {
    font-weight: 500;
    color: var(--white);
    background: var(--heading-color);
    border-color: transparent;
}

.faq-contents .faq-item.open .faq-title::after {
    content: "";
    color: var(--white);
}

.faq-contents .faq-item.open .faq-panel {
    background: var(--heading-color);
    color: var(--white);
}

.faq-contents .faq-item.open .faq-panel .faq-para {
    color: rgba(255, 255, 255, 0.8);
}

.faq-contents .faq-item.active .faq-panel {
    display: block;
}

.faq-contents .faq-item:not(:first-child) {
    margin-top: 24px;
}

.faq-contents .faq-item .faq-title {
    font-size: 20px;
    font-weight: 500;
    color: var(--heading-color);
    font-family: var(--heading-font);
    line-height: 32px;
    padding: 18px 40px;
    border: 1px solid rgba(221, 221, 221, 0.4);
    background: #fff;
    cursor: pointer;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .faq-contents .faq-item .faq-title {
        font-size: 22px;
        padding: 18px 30px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .faq-contents .faq-item .faq-title {
        font-size: 20px;
        padding: 18px 20px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .faq-contents .faq-item .faq-title {
        font-size: 19px;
        padding: 18px 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .faq-contents .faq-item .faq-title {
        font-size: 18px;
        padding: 18px 10px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .faq-contents .faq-item .faq-title {
        font-size: 18px;
        line-height: 20px;
        padding: 20px 20px;
    }
}

@media only screen and (max-width: 480px) {
    .faq-contents .faq-item .faq-title {
        font-size: 16px;
        padding: 15px 10px;
    }
}

.faq-contents .faq-item .faq-title::after {
    font-family: "Line Awesome Free";
    font-weight: 900;
    content: "";
    color: var(--paragraph-color);
    position: absolute;
    right: 40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 18px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .faq-contents .faq-item .faq-title::after {
        right: 30px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .faq-contents .faq-item .faq-title::after {
        right: 20px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .faq-contents .faq-item .faq-title::after {
        right: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .faq-contents .faq-item .faq-title::after {
        right: 12px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .faq-contents .faq-item .faq-title::after {
        right: 20px;
    }
}

@media only screen and (max-width: 480px) {
    .faq-contents .faq-item .faq-title::after {
        right: 10px;
    }
}

.faq-contents .faq-item .faq-panel {
    display: none;
    padding: 30px 40px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .faq-contents .faq-item .faq-panel {
        padding: 20px 30px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .faq-contents .faq-item .faq-panel {
        padding: 20px 20px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .faq-contents .faq-item .faq-panel {
        padding: 20px 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .faq-contents .faq-item .faq-panel {
        padding: 20px 20px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .faq-contents .faq-item .faq-panel {
        padding: 20px 20px;
    }
}

.faq-contents .faq-item .faq-panel .faq-para {
    font-size: 20px;
    line-height: 40px;
    color: var(--paragraph-color);
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
    .faq-contents .faq-item .faq-panel .faq-para {
        font-size: 19px;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .faq-contents .faq-item .faq-panel .faq-para {
        font-size: 18px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .faq-contents .faq-item .faq-panel .faq-para {
        font-size: 17px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .faq-contents .faq-item .faq-panel .faq-para {
        font-size: 17px;
        line-height: 32px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .faq-contents .faq-item .faq-panel .faq-para {
        font-size: 17px;
    }
}

@media only screen and (max-width: 575.98px) {
    .faq-contents .faq-item .faq-panel .faq-para {
        font-size: 16px;
    }
}

/*=========================================================
          [ Table ]
=========================================================*/
.custom--table {
    width: 100%;
    color: inherit;
    vertical-align: middle;
    font-weight: 400;
}

.custom--table thead {
    font-weight: 700;
    font-size: 18px;
    background: inherit;
    color: inherit;
    font-size: 18px;
    font-weight: 500;
    font-family: var(--heading-font);
}

.custom--table tbody {
    border-top: 0;
    overflow: hidden;
    border-radius: 10px;
}

.custom--table tbody tr:nth-child(odd) {
    background-color: inherit;
}

.custom--table tbody tr:nth-child(even) {
    background-color: inherit;
}

.custom--table tr th {
    font-size: 18px;
    font-weight: 500;
    color: var(--paragraph-color);
}

.custom--table tr td {
    font-size: 18px;
    color: var(--heading-color);
    padding: 20px 0;
    line-height: 22px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .custom--table tr td {
        padding: 10px 0;
    }
}

.custom--table tr td:last-child {
    padding: 0;
    padding-inline: 10px;
}

[data-label] {
    position: relative;
}

[data-label]::before {
    position: absolute;
    content: attr(data-label);
    font-weight: 700;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 10px;
    padding: 8px 20px;
    display: none;
    font-size: 14px;
    max-width: 120px;
}

@media (max-width: 767.98px) {
    .table-responsive-sm {
        overflow-x: unset;
    }

    .table-responsive-sm thead {
        display: none;
    }

    .table-responsive-sm thead tr .check-all-rows {
        display: block;
    }

    .table-responsive-sm [data-label]::before {
        display: block;
    }

    .table-responsive-sm tr td {
        display: block;
        text-align: right;
        padding-right: 5px;
        padding-left: 125px;
    }

    .table-responsive-sm [data-label]::before {
        padding: 8px 10px 8px 5px;
    }
}

@media (max-width: 991.98px) {
    .table-responsive-md {
        overflow-x: unset;
    }

    .table-responsive-md thead {
        display: none;
    }

    .table-responsive-md thead tr .check-all-rows {
        display: block;
    }

    .table-responsive-md [data-label]::before {
        display: block;
    }

    .table-responsive-md tr td {
        display: block;
        text-align: right;
        padding-right: 5px;
        padding-left: 125px;
    }

    .table-responsive-md [data-label]::before {
        padding: 8px 10px 8px 5px;
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-lg {
        overflow-x: unset;
    }

    .table-responsive-lg thead {
        display: none;
    }

    .table-responsive-lg thead tr .check-all-rows {
        display: block;
    }

    .table-responsive-lg [data-label]::before {
        display: block;
    }

    .table-responsive-lg tr td {
        display: block;
        text-align: right;
        padding-right: 5px;
        padding-left: 125px;
    }

    .table-responsive-lg [data-label]::before {
        padding: 8px 10px 8px 5px;
    }
}

/* Ui Range Slider */
.price-range-slider {
    padding: 0 10px;
}

.price-range-slider .ui-range-slider.noUi-target {
    position: relative;
    border-radius: 3px;
    height: 3px;
}

.price-range-slider .ui-range-slider.noUi-target .noUi-handle {
    top: -9px;
    left: -3px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    z-index: 1;
    background: var(--main-color-one);
    cursor: default;
}

.price-range-slider .ui-range-slider.noUi-target .noUi-handle::before {
    content: "";
    position: absolute;
    background: #fff;
    height: 5px;
    width: 5px;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: inline-block;
}

.price-range-slider .ui-range-slider.noUi-target .noUi-base .noUi-origin {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.price-range-slider .ui-range-slider.noUi-target .noUi-base .noUi-connect {
    background: var(--main-color-one);
}

.price-range-slider .ui-range-slider-footer {
    display: table;
    width: 100%;
    padding-top: 20px;
}

.price-range-slider .ui-range-slider-footer .ui-range-values {
    display: inline-block;
    color: var(--paragraph-color);
}

.price-range-slider .ui-range-slider-footer .ui-range-values .ui-price-title {
    font-size: 16px;
    font-weight: 500;
    margin-right: 10px;
}

.price-range-slider .ui-range-slider-footer .ui-range-values .ui-range-value-min,
.price-range-slider .ui-range-slider-footer .ui-range-values .ui-range-value-max {
    display: inline-block;
    font-size: 16px;
}

.noUi-background {
    background: #DDDDDD;
}

/* Global Ratings */
@media only screen and (max-width: 375px) {
    .center-text .rating-wrap {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.rating-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.rating-wrap .ratings {
    position: relative;
    z-index: 0;
    width: 80px;
    height: 16px;
    display: inline-block;
}

@media only screen and (max-width: 480px) {
    .rating-wrap .ratings {
        width: 75px;
    }
}

@media only screen and (max-width: 375px) {
    .rating-wrap .ratings {
        width: 70px;
    }
}

.rating-wrap .ratings span {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    line-height: 16px;
}

.rating-wrap .ratings span.hide-rating:after {
    color: var(--paragraph-color);
}

.rating-wrap .ratings span.show-rating:after {
    color: #FABE50;
}

.rating-wrap .ratings span.show-rating {
    width: 88% !important;
}

.rating-wrap .ratings span:after {
    position: absolute;
    left: 0;
    top: 0;
    content: "\f005\f005\f005\f005\f005";
    /* Five solid stars */
    width: 100%;
    font-family: "Line Awesome Free";
    font-weight: 900;
    /* Make sure it's bold for solid icons */
}

.rating-wrap .total-ratings {
    margin-left: 5px;
}

/* Search Popup */
.search-area {
    position: relative;
}

.search-bar {
    position: absolute;
    bottom: -20px;
    left: 50%;
    height: auto;
    z-index: 9;
    width: 100%;
    margin: 0 auto;
    background: #fff;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.search-bar.active {
    visibility: visible;
    opacity: 1;
    left: 0;
}

.search-bar.black-theme {
    background: #ddd;
}

.search-bar.black-theme .menu-search-form .search-close {
    background: #05cd99;
    border: 1px solid rgba(5, 205, 153, 0.5);
    color: var(--white);
    top: -52px;
}

.search-bar.black-theme .menu-search-form .search-close:hover {
    background: #ddd;
}

.search-bar.black-theme .menu-search-form .item-search {
    color: var(--paragraph-color);
    -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.search-bar.black-theme .menu-search-form .item-search::-webkit-input-placeholder {
    color: var(--paragraph-color);
}

.search-bar.black-theme .menu-search-form .item-search::-moz-placeholder {
    color: var(--paragraph-color);
}

.search-bar.black-theme .menu-search-form .item-search:-ms-input-placeholder {
    color: var(--paragraph-color);
}

.search-bar.black-theme .menu-search-form .item-search::-ms-input-placeholder {
    color: var(--paragraph-color);
}

.search-bar.black-theme .menu-search-form .item-search::placeholder {
    color: var(--paragraph-color);
}

.search-bar.black-theme .menu-search-form .item-search:focus {
    border-color: rgba(5, 205, 153, 0.4);
    -webkit-box-shadow: 0 0 15px rgba(5, 205, 153, 0.3);
    box-shadow: 0 0 15px rgba(5, 205, 153, 0.3);
}

.search-bar.black-theme .menu-search-form button {
    background: #05cd99;
}

.search-bar .menu-search-form {
    position: relative;
    z-index: 9;
    width: 100%;
    margin: 0 auto;
    border-radius: 0px;
}

.search-bar .menu-search-form .search-close {
    position: absolute;
    right: 0px;
    top: -40px;
    font-size: 24px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background: #F2F3F5;
    padding: 2px 10px;
}

.search-bar .menu-search-form .search-close:hover {
    color: var(--white);
    background: #05cd99;
}

.search-bar .menu-search-form .item-search {
    width: 100%;
    height: 60px;
    background: none;
    border: 1px solid rgba(0, 0, 0, 0.2);
    outline: none;
    text-transform: capitalize;
    padding: 10px 30px;
    padding-right: 120px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 0px;
    color: var(--paragraph-color);
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .search-bar .menu-search-form .item-search {
        padding: 5px 20px;
        padding-right: 120px;
    }
}

@media only screen and (max-width: 375px) {
    .search-bar .menu-search-form .item-search {
        padding: 5px 15px;
        padding-right: 90px;
    }
}

.search-bar .menu-search-form .item-search:focus {
    border-color: rgba(5, 205, 153, 0.2);
    -webkit-box-shadow: 0 0 10px rgba(5, 205, 153, 0.1);
    box-shadow: 0 0 10px rgba(5, 205, 153, 0.1);
}

.search-bar .menu-search-form .item-search::-webkit-input-placeholder {
    color: var(--paragraph-color);
    font-size: 14px;
}

.search-bar .menu-search-form .item-search::-moz-placeholder {
    color: var(--paragraph-color);
    font-size: 14px;
}

.search-bar .menu-search-form .item-search:-ms-input-placeholder {
    color: var(--paragraph-color);
    font-size: 14px;
}

.search-bar .menu-search-form .item-search::-ms-input-placeholder {
    color: var(--paragraph-color);
    font-size: 14px;
}

.search-bar .menu-search-form .item-search::placeholder {
    color: var(--paragraph-color);
    font-size: 14px;
}

.search-bar .menu-search-form button {
    position: absolute;
    right: 0;
    height: 100%;
    padding: 0 30px;
    background: #05cd99;
    border: 0;
    outline: none;
    font-size: 16px;
    font-weight: 500;
    color: var(--white);
    cursor: pointer;
}

@media only screen and (max-width: 375px) {
    .search-bar .menu-search-form button {
        font-size: 14px;
        padding: 0 20px;
    }
}

.form-group {
    padding: 0 0px 10px 0 !important;
}

.media-upload-btn-wrapper .centered {
    width: 130px;
    margin-bottom: 8px;
}

.form-group label {
    margin-bottom: 7px;
    font-weight: bold;
}

.card-body {
    padding: 1.5rem 1.5rem;
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    border: none;
    background: none;
}

/* .close-toggle-body {
    height: 100%;
    width: 100%;
    left: 100%;
    top: 0;
    position: fixed;
    z-index: 99;
    cursor: zoom-out;
    transition: all .8s;
    &.open {
        background: rgba($black, .01);
        left: 0;
        border-radius: 0;
    }
} */


/* Data table style */


.data-table-style th {
    color: #2c2d35;
}

table.dataTable thead th,
table.dataTable tfoot th {
    border-bottom: none !important;
}

.data-table-style tbody,
td,
tfoot,
th,
thead,
tr {
    border-color: var(--border-two);
    border-style: solid;
    border-width: 1px;
}



/*Custom Bootstrap Class*/

/* .btn-secondary {
  background: var(--customer-profile);
  border-color: var(--customer-profile);
}

.btn-secondary:hover {
  color: var(--customer-profile);
  background: none;
  border-color: var(--customer-profile);
}

.btn-secondary:focus:active,
.btn-secondary:focus {
  box-shadow: none;
  color: var(--customer-profile);
  background: none;
  border-color: var(--customer-profile);
} */



/* .btn-danger {
  border-color: #ff7a7a;
  background: #ff7a7a;
}

.btn-danger:hover {
  background: none;
  color: #ff7a7a;
  border: 1px solid #ff7a7a;
}

.btn-danger:focus:active,
.btn-danger:focus {
  box-shadow: none;
  background: none;
  color: #ff7a7a;
  border-color: #ff7a7a;
} */

/* .btn-primary {
  border-color: #52b5cc;
  background: #52b5cc;
}

.btn-primary:hover {
  color: #52b5cc;
  background: none;
  border-color: #52b5cc;
}

.btn-primary:focus:active,
.btn-primary:focus {
  box-shadow: none;
  color: #52b5cc;
  background: none;
} */

.newsLetterTable tbody tr td:first-child {
    width: 10px;
}

.newsLetterTable tbody tr td:nth-child(2) {
    width: 50px;
}

td.sorting_1 {
    text-align: center;
}

th.sorting_desc {
    text-align: center;
}

.alert.alert-success {
    color: #1ea566;
    background-color: var(--white);
    border: 0;
    border-left: 4px solid #13d57a;
    font-size: 18px;
    text-transform: capitalize;
}

.alert.alert-danger {
    color: #842029;
    background-color: var(--white);
    border: 0;
    border-left: 4px solid #842029;
    font-size: 18px;
    text-transform: capitalize;
}

.form-control {
    width: 100%;
    height: 55px;
    border: 1px solid rgba(221, 221, 221, 0.4);
    -webkit-box-shadow: 0 0 10px rgb(255 255 255 / 10%);
    box-shadow: 0 0 10px rgb(255 255 255 / 10%);
    font-size: 15px;
    padding: 0 15px;
}

.form-control {
    height: 55px;
    font-size: 14px;
    border: 1px solid #DDD;
    width: 100%;
    padding: 0 100px 0 10px;
    color: var(--body-color);
    border-radius: 10px;
}

.form-control:focus {
    -webkit-box-shadow: 0 0 10px rgb(5 205 153 / 10%);
    box-shadow: 0 0 10px rgb(5 205 153 / 10%);
    border-color: var(--black);
}

.nice-select {
    width: 100% !important;
    display: block !important;
    margin-bottom: 10px;
}


/* Update Alert Padding */
.alert.alert-sm {
    padding: .5rem;
}

/* table image preview custom size */
table .attachment-preview {
    width: 50px !important;
    height: 50px !important;
}

/* Custom Popup For Media Uploader */
.modal-wrapper {
    border-radius: 0.3rem;
    margin: 0 auto;
    overflow-y: auto;
    position: fixed;
    top: -10%;
    left: 0;
    right: 0;
    z-index: 999999999999;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}

.modal-wrapper.active {
    visibility: visible;
    top: 5%;
    opacity: 1;
}

.modal-wrapper .modialTittle {
    font-size: 40px;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-weight: 800;
    color: var(--white);
    margin-bottom: 50px;
    text-align: center;
}

@media (max-width: 575px) {
    .modal-wrapper .modialTittle {
        font-size: 30px;
    }
}

.modal-wrapper .modialTittle span {
    color: var(--main-color-one);
}

.modal-wrapper .close-icon {
    /*right: 15px;*/
    z-index: 10;
    /*top: 15px;*/
    cursor: pointer;
    background: var(--delete-color);
    color: #ffffff;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    display: inline-block;
    background-image: none;
    opacity: 1;
    border: 0;
    /*position: absolute;*/
    /*right: 10px;*/
    /*top: 10px;*/
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.modal-wrapper .close-icon:hover {
    background: #fd2f73;
    color: white;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.body-overlay-desktop {
    position: fixed;
    height: 100vh;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.body-overlay-desktop.active {
    visibility: visible;
    opacity: 1;
    z-index: 9999999999;
}

.btn-vendor-submit {
    background: var(--customer-profile) !important;
    border: 2px solid var(--customer-profile) !important;
}

.btn-vendor-submit:hover {
    color: var(--customer-profile) !important;
    background: none !important;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #ffffff !important;
    background-color: var(--customer-profile);
    border-color: var(--customer-profile) var(--customer-profile) var(--customer-profile);
}

.nav-link {
    color: var(--black) !important;
}

/* .btn.btn-info {
  background-color: var(--customer-profile);
  color: white;
} */

/*.nav-pills .nav-link.active, .nav-pills .show>.nav-link {*/
/*  color: var(--customer-profile);*/
/*}*/

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: var(--main-color-two) !important;
    background: none;
}

.nav-pills .nav-link {
    color: var(--heading-color);
    padding: 13px 0px;
    padding-left: 20px;
    text-align: left;
    border-bottom: 1px solid #e5e5e5;
    list-style: dotted;
}

/* Product Delivery Option */
.delivery-item {
    width: fit-content;
    border: 1px solid #ddd;
    padding: 10px 11px;
    height: fit-content;
    padding-top: 15px;
}

.delivery-item .icon {
    font-size: 35px;
    padding: 0px 5px;
}

.general-info-form .content {
    padding-right: 10px;
}

.delivery-item.active .icon {
    color: var(--customer-profile)
}

.delivery-item.active {
    border-color: var(--customer-profile);
    border-width: 2px;
}

/*Select two css*/

.nice-select-two .selection {
    width: 100%;
}

.nice-select-two .select2-container {
    display: block;
    width: 100%;
}

.nice-select-two .select2-container--default .select2-selection--single {
    background-color: var(--white);
    border: 1px solid var(--border-two);
    border-radius: 4px;
    width: 100%;
    height: 48px;
    line-height: 48px;
}

.nice-select-two .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--body-color);
    line-height: 48px;
}

.nice-select-two .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 48px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    line-height: 48px;
}

.nice-select-two .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--border-two) transparent transparent transparent;
    top: 25px;
}


/* Update btn btn-success */
/* .btn-success {
  color: var(--white);
  background-color: var(--customer-profile);
  border-color: var(--customer-profile);
}

.btn-success:hover {
  color: var(--customer-profile);
  background-color: transparent;
  border-color: var(--customer-profile);
} */

/* Media Upload */
/* .media-image-item-wrapper{ */
/*   position: relative; */
/* } */


/* Product Badge */
.badge-item .icon img {
    width: 70px;
    display: flex;
    margin-right: 11px;
    height: 60px;
}

.badge-item .content {
    padding: 8px 0;
}

.badge-item {
    border: 1px solid #ddd;
    padding: 10px;
    padding-right: 30px;
}

.badge-item.active {
    border: 2px solid var(--customer-profile);
}

.table-responsive table {
    width: 100% !important;
}


/* those line are implemented by me  */
.d-flex.gap-2 {
    padding-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0px;
}

.table-cart-row .d-flex {
    justify-content: flex-start;
}

td.price-td {
    text-align: left;
}

span.quantity-number {
    text-align: center;
    padding-left: 20px;
}

td.price-td {
    text-align: left;
}

.product-summary {
    text-align: left;
}

.product-list-title-flex.d-flex.flex-wrap.align-items-center.justify-content-between {
    position: relative;
}

.bulk-delete-wrapper {
    height: auto !important;
    flex-wrap: wrap;
    margin: 0 !important;
}

.select-box-wrap {
    display: flex;
    justify-content: center;
    align-items: baseline;
}

.select-box-wrap button {
    height: 38px;
    border: none;
    cursor: pointer;
    margin: 0;
}

.cursor-pointer {
    cursor: pointer;
}




/* Custom Pagination Implemented by saiful */

.pagination {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: end;
    justify-content: end;
    margin-top: 20px;
}

.custom-pagination-wrapper {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.custom-pagination-wrapper .pagination {
    margin: 0
}

.pagination .pagination-list {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.pagination .pagination-list li a {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: var(--paragraph-color);
    border: 1px solid var(--border-color);
    padding: 5px 10px;
    transition: all .3s;
}

.pagination .pagination-list li a:hover,
.pagination .pagination-list li a.current {
    color: var(--white);
    border-color: var(--customer-profile);
    background-color: var(--customer-profile);
}


/* This preloader created by deshi riyad vai and those gave me mr sohan */
/* Custom Loader for blog ajax show */
.load-ajax-data {
    border: 10px solid #f3f3f3;
    border-radius: 50%;
    border-top: 10px solid var(--customer-profile);
    border-bottom: 10px solid #FF1747;
    width: 70px;
    height: 70px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    position: absolute;
    top: 250px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
}

section.news-area {
    position: relative;
    z-index: 2;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*Custom Loader for blog ajax show*/


#product-table-body {
    position: relative !important;
}

/* custom arrow*/
.expand .ti-angle-down {
    font-size: 15px;
    line-height: 1;
}

/* .expand .ti-angle-down::after {
  content: "\f107";
  font-family: 'Line Awesome Free';
  font-weight: 900;
} */

.expand .ti-angle-up {
    font-size: 15px;
    line-height: 1;
    font-style: inherit;
}

/* .expand .ti-angle-up:after {
  content: "\f106";
  font-family: 'Line Awesome Free';
  font-weight: 900;
} */

/* .remove-widget .ti-close:after {
  content: "\f00d";
  font-family: 'Line Awesome Free';
  font-weight: 900;
} */

/* .ti-close {
  font-style: inherit;
  font-size: 16px;
  line-height: 1;
} */

.ti-angle-down {
    font-style: inherit;
}

.preview-image i:before {
    content: "\f03e";
    font-family: 'Line Awesome Free';
    font-weight: 900;
    font-style: inherit;
}

.preview-image i {
    font-style: inherit;
}

.disabled-option {
    opacity: 0.5;
}

.disabled-option:hover {
    cursor: not-allowed !important;
}

/* .disabled-option::after {
  content: "";
  position: absolute;
  width: 150%;
  height: 1px;
  background-color: #9b9b9b;
  transform: rotate(45deg);
  top: 13px;
}

.disabled-option::before {
  content: "";
  position: absolute;
  width: 150%;
  height: 1px;
  background-color: #9b9b9b;
  transform: rotate(315deg);
  top: 13px;
} */

.value-input-area .color-list li.active::before {
    display: none !important;
}

.value-input-area .color-list li {
    border: 1px solid #000;
}

/*Dashboard New Css */

.user-dashboard-wrapper>ul {
    display: inline-block;
    width: 260px;
    background-color: #1d2228;
    padding-bottom: 5px
}

.user-dashboard-wrapper {
    display: flex;
    gap: 24px;
}

.user-dashboard-wrapper .tab-content {
    width: calc(100% - 284px);
    flex: 1;
}

.user-dashboard-wrapper {
    padding: 80px 0
}

.user-dashboard-wrapper ul.nav-pills .nav-item+.nav-item {
    border-top: 1px solid var(--border-two);
}

.user-dashboard-wrapper .mobile_nav,
.user-dashboard-wrapper>ul .mobile_nav {
    display: none
}

.user-dashboard-wrapper ul.nav-pills .nav-item+.nav-item {
    border-top: 1px solid var(--border-two);
}

.order-service-page-content-area .nav-tabs .nav-item {
    border: none;
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: var(--main-color-one);
    line-height: 50px;
    color: var(--white);
    padding: 0;
    text-align: center
}

.order-service-page-content-area .nav-tabs .nav-item+.nav-item {
    margin-left: 15px
}

.order-service-page-content-area .nav-tabs .nav-item.active {
    background-color: var(--main-color-one);
    color: #fff
}

.order-service-page-content-area .nav-tabs .nav-item[disabled] {
    background-color: #e1e1e1;
    color: var(--paragraph-color)
}

.nav {
    flex-wrap: wrap;
    padding-left: 0;
    list-style: none;
}

.user-dashboard-wrapper>ul {
    display: inline-block;
    width: 260px;
    background-color: #F2F3F5;
    padding-bottom: 5px;
}

.user-dashboard-wrapper ul.nav-pills .nav-link.active {
    position: relative
}

.user-dashboard-wrapper ul.nav-pills .nav-link.active {
    background: #F2F3F5 !important;
    color: var(--heading-color);
}

.user-dashboard-wrapper ul.nav-pills .nav-link.active::after {
    position: absolute;
    content: "";
    left: 0px;
    width: 4px;
    height: 56%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: var(--main-color-two);
    border-radius: 20px;
}

.user-dashboard-wrapper .nav-pills .nav-link.bg-main {
    background: var(--main-color-two);
    color: #fff !important;
}

.user-dashboard-wrapper .nav-pills .nav-link {
    border-radius: 0px;
    padding-top: 9px;
    padding-bottom: 10px;
    color: #494949;
    font-size: 18px;
    padding-left: 22px;
}

.user-dashboard-wrapper ul.nav-pills .nav-item+.nav-item {
    border-top: 1px solid var(--border-two);
}

.user-dashboard-wrapper ul.nav-pills .nav-item+.nav-item:last-child {
    border-bottom: 0;
}

.user-dashboard-card.style-01 {
    background-color: var(--heading-color);
    align-items: center;
    margin-bottom: 30px;
    border-radius: 8px;
    padding: 50px;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.user-dashboard-card.style-01::after {
    content: "";
    position: absolute;
    border: 10px solid #3f3f3f;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    z-index: -1;
    right: -19px;
    top: -20px;

    animation: heartbeat 1s infinite alternate;

    @-webkit-keyframes heartbeat {
        to {
            -webkit-transform: scale(1.05);
            transform: scale(1.05);
        }
    }
}


.user-dashboard-card.style-01 .icon {
    font-size: 43px;
    color: var(--white);
    margin-right: 26px;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background-color: #494949;
    line-height: 87px;
    text-align: center;
    z-index: 1;
    position: relative;
    flex-shrink: 0;
}

.user-dashboard-card.style-01 .icon i {
    position: relative;
    left: 0px;
}

.user-dashboard-card.style-01 .icon::before {
    content: "";
    position: absolute;
    border: 10px solid #3d3d3d;
    width: 123%;
    height: 123%;
    border-radius: 50%;
    left: -9px;
    z-index: -1;
    top: -9px;
}

.user-dashboard-card {
    background-color: var(--main-color-one);
    padding: 30px;
    display: flex;
    align-self: flex-start
}

.user-dashboard-card .icon {
    font-size: 40px;
    line-height: 40px;
    color: var(--white);
    margin-right: 20px
}

.user-dashboard-card .title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: var(--white);
}

.user-dashboard-card .number {
    font-size: 60px;
    line-height: 70px;
    font-weight: 700;
    display: block;
    color: var(--white);
}

a:hover {
    color: inherit;
}

.user-dahsboard-order-info-wrap .title {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700
}

.user-dahsboard-order-info-wrap small {
    font-size: 14px
}

.user-dahsboard-order-info-wrap .title {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
}

.alert-small {
    font-size: 12px;
    font-weight: 600;
    padding: 2px 5px;
}

.alert-sm {
    padding: 5px 10px;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.user-dahsboard-order-info-wrap small {
    font-size: 14px;
}

small {
    margin-bottom: 10px;
}

.dashboard-form-wrapper .title {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 30px;
}

.order-service-page-content-area .order-title {
    font-size: 30px;
    line-height: 52px;
    font-weight: 700;
    margin-bottom: 30px
}

.order-service-page-content-area .nav-tabs {
    display: block;
    border: none
}

.order-service-page-content-area .nav-tabs .nav-item {
    border: none;
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 50px;
    color: var(--white);
    padding: 0;
    text-align: center
}

.order-service-page-content-area .tab-content {
    margin-top: 30px
}

.order-service-page-content-area .nav-tabs .nav-item+.nav-item {
    margin-left: 15px
}

.order-service-page-content-area .nav-tabs .nav-item.active {
    background-color: var(--main-color-one);
    color: #fff
}

.order-service-page-content-area .nav-tabs .nav-item[disabled] {
    background-color: #e1e1e1;
    color: var(--paragraph-color)
}


.input-disabled {
    background-color: rgba(211, 211, 211, 0.507);
}

.payment-gateway-wrapper ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    margin: 20px 0
}

.payment-gateway-wrapper ul li {
    max-width: 100px;
    cursor: pointer;
    box-sizing: border-box;
    height: 50px;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden
}

.payment-gateway-wrapper ul li.selected:after,
.payment-gateway-wrapper ul li.selected:before {
    visibility: visible;
    opacity: 1
}

.payment-gateway-wrapper ul li:before {
    border: 2px solid #ffc107;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    visibility: hidden;
    opacity: 0;
    transition: all .3s
}

.payment-gateway-wrapper ul li::after {
    position: absolute;
    right: 0;
    top: 0;
    width: 15px;
    height: 15px;
    background-color: var(--main-color-two);
    content: "\f00c";
    font-weight: 900;
    color: var(--white);
    font-family: "Line Awesome Free";
    font-size: 10px;
    line-height: 10px;
    text-align: center;
    padding-top: 2px;
    padding-left: 2px;
    visibility: hidden;
    opacity: 0;
    transition: all .3s
}

.manual_payment_transaction_field.show {
    display: block
}

.manual_payment_transaction_field {
    display: none
}

.payment-gateway-wrapper ul li {
    min-width: 80px;
    margin: 5px
}

.cart-total-wrap .form-group.manual_payment_transaction_field .label,
.order-confirm-area .form-group.manual_payment_transaction_field .label,
.order-tab-wrap .form-group.manual_payment_transaction_field .label {
    font-size: 14px;
    font-weight: 600;
    color: var(--heading-color);
    margin-bottom: 10px
}

.cart-total-wrap .form-group.manual_payment_transaction_field .form-control,
.order-confirm-area .form-group.manual_payment_transaction_field .form-control,
.order-tab-wrap .form-group.manual_payment_transaction_field .form-control {
    border: 1px solid #e2e2e2;
    font-size: 14px
}

.cart-total-wrap .form-group.manual_payment_transaction_field .help-info,
.order-confirm-area.form-group.manual_payment_transaction_field .help-info,
.order-tab-wrap .form-group.manual_payment_transaction_field .help-info {
    margin-top: 20px;
    display: block
}

.payment-gateway-wrapper ul {
    flex-wrap: wrap
}

button.submit-btn.gd-bg {
    width: 420;
}

.order-confirm-area .title {
    text-align: center;
    font-size: 36px;
    line-height: 46px;
    font-weight: 700;
    margin-bottom: 40px;

}

.error-page-content {
    padding: 50px;
}

.order-cancel-area .title,
.order-success-area .title {
    color: var(--main-color-one);
    font-family: "Nunito Sans", "Helvetica Neue", sans-serif;
    font-weight: 900;
    font-size: 40px;
    margin-bottom: 10px;
}

.order-cancel-area .title,
.order-success-area .title {
    color: var(--main-color-one);
    font-family: "Nunito Sans", "Helvetica Neue", sans-serif;
    font-weight: 900;
    font-size: 40px;
    margin-bottom: 10px;
}

p.order-page-description {
    color: var(--main-color-one);
}

.billing-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
}

button.submit-btn.gd-bg.pay-now {
    width: 730px;
}

.alert-danger {
    border-left: 5px solid var(--secondary-color);
    background-color: #f2f2f2;
    color: #333;
    border-radius: 0;
}

.alert-warning {
    border-left: 5px solid #e4b82c;
    background-color: #f2f2f2;
    border-color: #e4b82c;
    color: #333;
    border-radius: 0;
}

.alert-success {
    border-left: 5px solid #319a31;
    background-color: #f2f2f2;
    border-color: #319a31;
    color: #333;
    border-radius: 0;
}

.alert-primary {
    border-left: 5px solid #004085;
    border-color: #004085;
    background-color: #f2f2f2;
    color: #333;
    border-radius: 0;
}

.alert-info {
    background-color: #d1ecf1;
    border-color: #17a2b8;
    border-left: 5px solid #17a2b8;
    background-color: #f2f2f2;
    color: #333;
    border-radius: 0;
}


@media only screen and (max-width: 414px) {
    .left-content-area {
        display: none;
    }

    .navbar-area .navbar-collapse {
        left: 0;
        right: initial;
    }
}

@media only screen and (max-width: 768px) {
    .left-content-area {
        display: none;
    }

    .navbar-area .navbar-collapse {
        left: 0;
        right: initial;
    }

}

@media only screen and (max-width: 991.98px) {
    .user-dashboard-wrapper {
        position: relative;
        /* display: block; */
        flex-direction: column;
        gap: 20px 0;

    }

    .user-dashboard-wrapper .mobile_nav,
    .user-dashboard-wrapper>ul .mobile_nav {
        position: unset;
        left: 0px;
        top: 0;
        width: 53px;
        background-color: var(--main-color-one);
        color: white;
        height: 56px;
        text-align: center;
        line-height: 57px;
        transition: all .3s;
        display: block;
        border-radius: 8px;
        font-size: 32px;
    }

    .user-dashboard-wrapper>ul {
        position: absolute;
        top: 0;
        left: -100%;
        z-index: 99;
        display: inline-block;
        width: 260px;
        padding-bottom: 5px;
        transition: .3s all;
    }

    .user-dashboard-wrapper.show>ul {
        left: 0px;
    }

    .user-dashboard-wrapper .tab-content {
        width: calc(100% - 0px);
    }

    .bodyUser_overlay {
        position: fixed;
        height: 100vh;
        width: 100vw;
        left: 0;
        top: 0;
        background-color: rgba(0, 0, 0, .7);
        z-index: 98;
        visibility: hidden;
        opacity: 0;
        transition: all .3s;
    }

    .bodyUser_overlay.show {
        visibility: visible;
        opacity: 1;
    }
}

@media only screen and (max-width: 991px) {
    .user-dashboard-card {
        margin-bottom: 30px;
    }

    .user-dashboard-card {
        background-color: var(--main-color-one);
        padding: 30px !important;
        display: flex;
        align-self: flex-start;
    }

}

.dashboard-form-wrapper .title {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 30px;
}

.dashboard-form-wrapper .form-group {
    margin-bottom: 10px;
}

.dashboard-form-wrapper .form-control {
    padding: 7px 15px;
    border: 1px solid #e2e2e2;
    border-radius: 0;
    line-height: 23px;
}

.dashboard-form-wrapper input.form-control {
    height: 50px;
}

.icon-close.color-heading .la-spinner,
.cart-item-count-amount .la-spinner {
    -webkit-animation: 1s rotate_spiner linear infinite;
    animation: 1s rotate_spiner linear infinite;
}

@keyframes rotate_spiner {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#category_create_modal,
#child-category_create_modal,
#badge_edit_modal {
    z-index: 1051 !important;
}

#category_create_modal .select2-container,
#badge_edit_modal .select2-container,
#child-category_create_modal .select2-container {
    z-index: 1056;
}

.swal2-container {
    z-index: 9999999999 !important;
}

.form-group label {
    display: block;
}

.form-group .select2-container {
    display: block;
    width: 100%;
}

.select2-container .selection {
    width: 100%;
}


.mdi-pencil:before {
    content: "\f303";
    font-family: 'Line Awesome Free';
    font-weight: 900;
}



/* Those line are added by riyad hossain for checkout page */
.error-wrap li {
    text-transform: capitalize;
}

.popup_modal_checkout {
    position: fixed;
    top: 20px;
    left: 0;
    right: 0;
    z-index: 9992;
    background: #fff;
    max-width: 900px;
    margin-inline: auto;
    padding: 30px;
    transform: scale(.8);
    transition: all .4s;
    visibility: hidden;
    opacity: 0;
    max-height: calc(100vh - 50px);
    overflow-y: auto;
    scrollbar-color: #aaa #ddd;
    scrollbar-width: thin;
}

.popup_modal_checkout.show {
    transform: scale(1);
    visibility: visible;
    opacity: 1;
}

.popup_modal_checkout::-webkit-scrollbar {
    width: 5px;
    background-color: #ddd;
    border-radius: 10px;
}

.popup_modal_checkout::-webkit-scrollbar-thumb {
    background-color: #aaa;
    border-radius: 10px;
}

.popup_modal_checkout_overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .7);
    left: 0;
    top: 0;
    z-index: 9990;
    visibility: hidden;
    opacity: 0;
    transition: all .4s;
}

.popup_modal_checkout_overlay.show {
    visibility: visible;
    opacity: 1;
}

.checkout_modal_close {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 25px;
    width: 25px;
    background: red;
    color: var(--white);
    border-radius: 3px;
    font-size: 16px;
    cursor: pointer;
    flex-shrink: 0;
}

/* Those line were added by riyad hossain for checkout page */
ul.global-thumb-icons li:nth-of-type(3) {
    display: none;
}

.order-shipping-methods-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    border: 1px solid #ddd;
    padding: 10px;
    background: transparent;
    cursor: pointer;
}

.order-shipping-methods-item.active {
    border-color: var(--main-color-one);
    background-color: rgba(var(--main-color-one-rgb), .1);
}

.order-shipping-methods-item:not(:last-child) {
    margin-bottom: 10px;
}

.shipping-methods-radio {
    margin-top: 4px;
}

.shipping-methods-radio {
    position: relative;
    padding-left: 20px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
    appearance: none;
}

.shipping-methods-radio:before,
.shipping-methods-radio:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}

.shipping-methods-radio:checked:before,
.shipping-methods-radio:checked:before {
    border-color: var(--main-color-one);
}

.shipping-methods-radio:checked:after,
.shipping-methods-radio:not(:checked):after {
    content: '';
    width: 14px;
    height: 14px;
    background: var(--main-color-one);
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.shipping-methods-radio:not(:checked):after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.shipping-methods-radio:checked:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.order-shipping-methods-item-left-item {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    flex: 1;
}

.shipping-methods-radio-para p {
    font-size: 16px;
    color: var(--paragraph-color);
    margin: 0;
    font-weight: 500;
}


.value-input-area .size-lists li {
    height: unset;
    width: unset;
    padding: 5px 10px;
}

.value-input-area .color-list li {
    height: 30px;
    width: 30px;
}

.value-input-area .form--input {
    border: 0;
}

.campaign-countdown {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

.campaign-countdown>div {
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid var(--main-color-one);
    color: var(--main-color-one);
    font-size: 20px;
    line-height: 22px;
    font-weight: 500;
    border-radius: 4px;
}

.faq_container .form-group>label,
.get-in-touch-wrapper .custom-form-builder-form .form-group>label,
.custom-form .dashboard-input>label,
.custom-form .form-group>label,
.custom-form .single-input>label,
.custom-form .single-input>label,
.custom_form .single-input>label,
.custom_form .form-group>label,
.custom__form .single-input>label,
.custom__form .form-group>label {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: var(--heading-color);
    margin-bottom: 8px;
}

.faq_container .form-group>input,
.get-in-touch-wrapper .custom-form-builder-form .form-group>input,
.custom-form .single-input>input,
.custom-form .dashboard-input>input,
.custom-form .form-group>input,
.custom_form .form-group>input,
.custom_form .dashboard-input>input,
.custom_form .single-input>input,
.custom__form .single-input input,
.custom__form .form-control,
.custom__form .dashboard-input input,
.custom__form .form--control,
.custom__form .form-group .form-control,
.custom__form .form-group .select2,
.custom__form .select2,
.custom__form .form-group>input {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: var(--paragraph-color);
    height: 48px;
    border: 1px solid var(--border-two);
    border-radius: 5px;
}

.custom-form .single-input>input[type="checkbox"],
.custom-form .dashboard-input>input[type="checkbox"],
.custom-form .form-group>input[type="checkbox"],
.custom_form .form-group>input[type="checkbox"],
.custom_form .dashboard-input>input[type="checkbox"],
.custom_form .single-input>input[type="checkbox"],
.custom__form .single-input input[type="checkbox"],
.custom__form .form-control[type="checkbox"],
.custom__form .dashboard-input input[type="checkbox"],
.custom__form .form-group .form-control[type="checkbox"],
.custom__form .form-group>input[type="checkbox"] {
    width: 18px;
    height: 18px;
}

.custom-form .single-input>input[type="checkbox"]+label,
.custom-form .dashboard-input>input[type="checkbox"]+label,
.custom-form .form-group>input[type="checkbox"]+label,
.custom_form .form-group>input[type="checkbox"]+label,
.custom_form .dashboard-input>input[type="checkbox"]+label,
.custom_form .single-input>input[type="checkbox"]+label,
.custom__form .single-input input[type="checkbox"]+label,
.custom__form .form-control[type="checkbox"]+label,
.custom__form .dashboard-input input[type="checkbox"]+label,
.custom__form .form-group .form-control[type="checkbox"]+label,
.custom__form .form-group>input[type="checkbox"]+label {
    border-radius: 2px;
    margin: 0;
}

.faq_container .form-group>textarea,
.custom-form .dashboard-input>textarea,
.custom-form .single-input textarea,
.custom-form .form-group>textarea,
.custom_form .single-input textarea,
.custom_form .form-group>textarea,
.custom__form .single-input textarea,
.custom__form .dashboard-input>textarea,
.custom__form .dashboard-input textarea.form--control,
.custom__form .form-group>textarea {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--paragraph-color);
    height: auto;
    border: 1px solid var(--border-color);
    border-radius: 5px;
    padding: 10px 15px 10px;
}

.faq_container .form-group>small,
.custom-form .dashboard-input>small,
.custom-form .form-group>small,
.custom-form .dashboard-input,
.custom_form .form-group>small,
.custom__form .dashboard-input>small,
.custom__form>small,
.custom__form .dashboard-input>p,
.custom__form .form-group>small {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: var(--paragraph-color);
    display: block;
    margin: 0;
    margin-top: 7px;
}

.faq_container .form-group>select,
.custom-form .dashboard-input .dashboard-input-select>select,
.custom-form .dashboard-input>select,
.custom-form .form-group>select,
.custom_form .form-group>select,
.custom__form .single-input>select,
.custom__form .dashboard-input select,
.custom__form .form-group>select {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--paragraph-color);
    height: 48px;
    border: 1px solid var(--border-color);
    border-radius: 5px;
    width: 100%;
    padding: 0 15px;
}

.get-in-touch-wrapper .custom-form-builder-form .form-group textarea,
.custom-form .single-input>textarea,
.custom-form .dashboard-input>textarea,
.custom-form .form-group>textarea,
.custom_form .form-group>textarea,
.custom_form .dashboard-input>textarea,
.custom_form .single-input>textarea,
.custom__form .single-input textarea,
.custom__form textarea,
.custom__form .dashboard-input textarea,
.custom__form textarea,
.custom__form .form-group textarea,
.custom__form .form-group textarea,
.custom__form textarea,
.custom__form textarea>textarea,
.custom__form .form-group>textarea {
    height: unset !important;
    line-height: 24px;
}

.get-in-touch-wrapper .custom-form-builder-form .form-group textarea {
    padding: 10px 15px;
}

.btn-group button.dropdown-toggle {
    display: inline-block;
    background-color: var(--customer-profile);
    padding: 3px 10px;
    border-radius: 4px;
    color: var(--white);
    text-transform: capitalize;
    border: none;
    font-weight: 600;
}

.btn-group button.dropdown-toggle.low {
    background-color: var(--delete-color);
}

.btn-group button.dropdown-toggle.medium {
    background-color: var(--main-color-one);
}

.btn-group button.dropdown-toggle.high {
    background-color: var(--main-color-two);
}

.btn-group button.dropdown-toggle.urgent {
    background-color: var(--main-color-three);
}

.btn-group button.dropdown-toggle.status-close,
.btn-group button.dropdown-toggle.close {
    background-color: var(--delete-color);
}

.note-btn-group.btn-group button.dropdown-toggle {
    background-color: #fff;
    border-color: rgba(0, 0, 0, .2);
    padding: 0.28rem 0.65rem;
    font-size: 13px;
    color: #111;
}

.btn.btn-primary.iconpicker-component {
    background: var(--customer-profile);
    border-color: var(--customer-profile);
    border-right-color: var(--white);
}

.table>:not(:first-child) {
    border-top: 0;
}

select.form-control:not([size]):not([multiple]) {
    height: 48px !important;
    border-radius: 5px;
    line-height: 1;
    padding-inline: 12px;
}

.user-info {
    font-size: 15px;
    text-align: left;
}

.wrapper-container .nav-tabs {
    border-bottom: 0;
    background: #fff;
}

.wrapper-container #vendor-create-form .nav-tabs {
    border-bottom: 1px solid var(--border-color);
    background: #fff;
}

.wrapper-container .card {
    border: 1px solid var(--border-color);
}

.wrapper-container .card-header {
    border: 0;
}

.wrapper-container .pagination .page-item .page-link,
.dataTables_wrapper .dataTables_paginate .page-item .page-link {
    border: 1px solid var(--border-color);
    color: var(--paragraph-color);
}

.wrapper-container .pagination .page-item.active .page-link,
.dataTables_wrapper .dataTables_paginate .page-item.active .page-link {
    border: 1px solid var(--customer-profile);
    background-color: var(--customer-profile);
    color: var(--white);
}

.wrapper-container .pagination .page-item:hover,
.dataTables_wrapper .dataTables_paginate .page-item:hover {
    border-color: var(--customer-profile) !important;
}

.wrapper-container .pagination .page-item:hover::before,
.wrapper-container .pagination .page-item:hover::after,
.dataTables_wrapper .dataTables_paginate .page-item:hover::before,
.dataTables_wrapper .dataTables_paginate .page-item:hover::after {
    border-color: #fff !important;
    z-index: 3;
}

.wrapper-container .pagination .page-item:hover .page-link,
.dataTables_wrapper .dataTables_paginate .page-item:hover .page-link {
    border: 1px solid var(--customer-profile);
    background-color: var(--customer-profile);
    color: var(--white);
}

.wrapper-container .pagination .page-item.next,
.dataTables_wrapper .dataTables_paginate .page-item.next {
    border-color: var(--border-color);
}

.wrapper-container .pagination .page-item.disabled:hover .page-link,
.wrapper-container .pagination .page-item.disabled:hover,
.dataTables_wrapper .dataTables_paginate .page-item.disabled:hover .page-link,
.dataTables_wrapper .dataTables_paginate .page-item.disabled:hover {
    border-color: rgba(221, 221, 221, 0.3) !important;
    color: #666 !important;
    background-color: transparent;
}

.wrapper-container .pagination .page-item .page-link:focus,
.dataTables_wrapper .dataTables_paginate .page-item .page-link:focus,
.dataTables_wrapper .dataTables_paginate .page-item:focus {
    border-color: var(--border-color);
    color: var(--paragraph-color);
    background-color: transparent;
    box-shadow: none;
}

.category-field {
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    color: var(--paragraph-color);
}

.category-field b {
    color: var(--heading-color);
    font-weight: 600;
}

.pagination-info>p {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: var(--paragraph-color);
}

.pagination-info>p:not(:last-child) {
    margin-bottom: 10px;
}

.pagination-info strong {
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: var(--heading-color);
}

.product-brand+b {
    color: var(--heading-color);
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
}

.quantity-number,
.product-summary>p {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: var(--paragraph-color);
}

.dashboard-products-add .nav-pills .nav-link {
    color: var(--heading-color);
    padding: 10px 15px 10px 15px;
    border-bottom: 1px solid var(--border-color);
    list-style: dotted;
}

.dashboard-products-add .nav-pills .nav-link.active,
.dashboard-products-add .nav-pills .show>.nav-link {
    color: var(--customer-profile) !important;
    background: #000;
    color: #fff !important;
}

.vendor_img_field {
    display: inline-block;
    padding: 10px 30px 25px;
    text-align: center;
    width: 100%;
    border: 2px dashed #ddd;
    border-radius: 10px;
}

.dashboard-products-add .nav button span {
    display: none;
}

.media-image-header {
    margin-bottom: 0px;
}

@media screen and (max-width: 1599px) {

    .custom_table,
    .table-wrap,
    #shipping-zone-create-form,
    .dashboard__card .data-tables,
    .data-tables {
        overflow-x: auto;
    }
}

.img-select.selected:after {
    content: "\f058";
    font-family: "Line Awesome Free" !important;
}

.img-select:not(:last-child) {
    margin-bottom: 20px;
}

.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_length {
    margin-bottom: 20px;
}

.table-delivery-man-author {
    max-width: 180px;
    width: max-content;
}

.custom__form .dashboard-input .bootstrap-tagsinput input {
    border: unset;
    padding: unset;
}

.inventory_item .form-control {
    height: 42px;
    border-radius: 5px;
}

.inventory_item label {
    font-weight: 400;
    color: var(--heading-color);
}

.form-group .bootstrap-tagsinput {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--paragraph-color);
    height: 48px;
    border: 1px solid var(--border-color);
    border-radius: 5px;
    box-shadow: none;
}

.custom__form .form-group {
    padding: 0 !important;
}

.faq_container .form-group:not(:last-child),
.get-in-touch-wrapper .custom-form-builder-form .form-group:not(:last-child),
.custom-form .dashboard-input:not(:last-child),
.custom__form .dashboard-input:not(:last-child),
.custom__form .form-group:not(:last-child) {
    margin-bottom: 24px;
    padding: 0 !important;
}

.contact-us-area-wrapper form button {
    background: var(--btn-color);
    border: 0;
}

.contact-us-area-wrapper form button:hover {
    background: transparent;
    color: var(--btn-hover);
    border: 2px dashed var(--btn-hover);
}

li.single-address-item .content h5 {
    font-size: 1.2rem;
}

li.single-address-item .content p {
    font-size: 0.9rem;
}

.custom-form .dashboard-flex-input:not(:last-child) {
    margin-bottom: 24px;
}

.custom-form .dashboard-flex-input .dashboard-input {
    margin: 0;
}

.chekout__items__title {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    color: var(--heading-color);
    margin-bottom: 12px;
}

.btn-group-sm>.btn,
.btn-sm,
.btn-xs {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem;
}

.btn.btn_bg_profile {
    background-color: var(--customer-profile);
    border-color: var(--customer-profile);
}

.btn.btn_bg_profile:hover {
    background-color: unset;
    color: var(--customer-profile);
}

.btn.btn_bg_1 {
    background-color: var(--main-color-one);
    border-color: var(--main-color-one);
}

.btn.btn_bg_1:hover {
    background-color: unset;
    color: var(--main-color-one);
}

.btn.btn_bg_2 {
    background-color: var(--main-color-two);
    border-color: var(--main-color-two);
}

.btn.btn_bg_2:hover {
    background-color: unset;
    color: var(--main-color-two);
}

.btn.btn_bg_3 {
    background-color: var(--main-color-three);
    border-color: var(--main-color-three);
}

.btn.btn_bg_3:hover {
    background-color: unset;
    color: var(--main-color-three);
}

.btn.btn_bg_4 {
    background-color: var(--main-color-four);
    border-color: var(--main-color-four);
}

.btn.btn_bg_4:hover {
    background-color: unset;
    color: var(--main-color-four);
}


/* Select2 Css */
.select2-dropdown {
    background-color: var(--white);
}

.select2-container {
    position: relative;
    display: -ms-grid;
    display: grid;
    width: 100% !important;
    z-index: 1055;
}

.select2-container--open {
    width: -webkit-fill-available !important;
}

@media (min-width: 100px) and (max-width: 991.98px) {
    .select2-container--open {
        width: -webkit-fill-available !important;
    }
}

.select2-container--open .select2-selection__arrow::after {
    -webkit-transform: translate(50%, -50%) rotate(-135deg) !important;
    transform: translate(50%, -50%) rotate(-135deg) !important;
    margin-top: 0;
}

.select2-container .select2-selection--single {
    background-color: var(--white);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    position: relative;
    height: 48px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    color: var(--paragraph-color);
    height: 48px;
    line-height: 48px;
    padding-right: 30px;
}

.select2-container .select2-selection--single .select2-selection__arrow {
    bottom: 0px;
    right: 6px;
    height: 100%;
    width: 20px;
    line-height: 48px;
    position: absolute;
}

.select2-container .select2-selection--single .select2-selection__arrow::after {
    content: "";
    position: absolute;
    right: 50%;
    -webkit-transform: translate(50%, -50%) rotate(45deg);
    transform: translate(50%, -50%) rotate(45deg);
    top: 50%;
    font-size: 14px;
    height: 8px;
    width: 8px;
    border-right: 2px solid var(--body-color);
    border-bottom: 2px solid var(--body-color);
    background-color: transparent;
    margin-top: -3px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.select2-container .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.select2-container .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--border-color);
    background-color: var(--white);
    color: var(--paragraph-color);
}

.select2-container .select2-results__option {
    background-color: rgba(var(--main-color-one-rgb), 0.05);
    color: var(--main-color-one);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.select2-container .select2-results__option:nth-child(even) {
    background-color: var(--white);
}

.select2-container .select2-results__option:not(:first-child) {
    border-top: 1px solid rgba(var(--main-color-one-rgb), 0.1);
}

.select2-container .select2-results__option--highlighted {
    background-color: var(--main-color-one) !important;
    color: var(--white) !important;
}

.select2-container .select2-results__option--selected {
    background-color: var(--main-color-one) !important;
    color: var(--white) !important;
}

.select2-container .dropdown-wrapper {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.select2-container .select2-dropdown {
    border: 1px solid var(--border-color);
    background-color: var(--white);
}

.select2-container--one .select2-results__option {
    background-color: var(--white);
    color: var(--paragraph-color);
    border-top: 1px solid var(--border-color);
}

.select2-container--one .select2-results__option--selected {
    background-color: inherit !important;
    color: var(--main-color-one) !important;
    border-color: var(--main-color-one) !important;
}

.select2-container--one .select2-results__option--highlighted {
    background-color: inherit !important;
    color: var(--main-color-one) !important;
    border-color: var(--main-color-one) !important;
}

.select2-container--two.select2-container--open .select2-selection--single {
    border-color: var(--main-color-one);
}

.select2-container--two.select2-container--open .select2-selection__rendered {
    color: var(--main-color-one);
}

.select2-container--two.select2-container--open .select2-selection__arrow::after {
    border-color: var(--main-color-one);
}

.select2-container--two .select2-dropdown {
    border-color: rgba(var(--main-color-one-rgb), 0.3);
}

.select2-container--two .select2-dropdown .select2-search__field {
    border-color: rgba(var(--main-color-one-rgb), 0.3);
}

.select2-container--two .select2-results__option {
    background-color: var(--white);
    color: var(--paragraph-color);
    border-top: 1px solid var(--border-color);
}

.select2-container--two .select2-results__option--selected {
    background-color: rgba(var(--main-color-one-rgb), 0.05) !important;
    color: var(--main-color-one) !important;
    border-color: var(--main-color-one) !important;
}

.select2-container--two .select2-results__option--highlighted {
    background-color: rgba(var(--main-color-one-rgb), 0.05) !important;
    color: var(--main-color-one) !important;
    border-color: var(--main-color-one) !important;
}

.select2-container--three.select2-container--open .select2-selection--single {
    border-color: var(--main-color-one);
}

.select2-container--three.select2-container--open .select2-selection__rendered {
    color: var(--main-color-one);
}

.select2-container--three.select2-container--open .select2-selection__arrow::after {
    border-color: var(--main-color-one);
}

.select2-container--three .select2-dropdown {
    border-color: rgba(var(--main-color-one-rgb), 0.3);
}

.select2-container--three .select2-dropdown .select2-search__field {
    border-color: rgba(var(--main-color-one-rgb), 0.3);
}

.select2-container--three .select2-results__option {
    background-color: var(--search-bg);
    color: var(--paragraph-color);
    border-color: rgba(var(--main-color-one-rgb), 0.3);
    border-top: 1px solid rgba(var(--main-color-one-rgb), 0.3);
}

.select2-container--three .select2-results__option:nth-child(even) {
    background-color: var(--white);
}

.select2-container--three .select2-results__option--selected {
    background-color: var(--main-color-one) !important;
    color: var(--white) !important;
}

.select2-container--three .select2-results__option--highlighted {
    background-color: var(--main-color-one) !important;
    color: var(--white) !important;
}

.select2-container--four.select2-container--open .select2-selection--single {
    border-color: rgba(var(--main-color-one-rgb), 0.5);
}

.select2-container--four.select2-container--open .select2-selection__rendered {
    color: var(--main-color-one);
    background-color: rgba(var(--main-color-one-rgb), 0.05);
}

.select2-container--four.select2-container--open .select2-selection__arrow::after {
    border-color: rgba(var(--main-color-one-rgb), 0.8);
}

.select2-container--four .select2-dropdown {
    border-color: rgba(var(--main-color-one-rgb), 0.3);
}

.select2-container--four .select2-dropdown .select2-search__field {
    border-color: rgba(var(--main-color-one-rgb), 0.3);
}

.select2-container--four .select2-results__option {
    background-color: var(--search-bg);
    color: var(--paragraph-color);
    border-color: rgba(var(--main-color-one-rgb), 0.1);
    border-top: 1px solid rgba(var(--main-color-one-rgb), 0.1);
}

.select2-container--four .select2-results__option:nth-child(even) {
    background-color: var(--white);
}

.select2-container--four .select2-results__option--selected {
    background-color: rgba(var(--main-color-one-rgb), 0.1) !important;
    color: var(--main-color-one) !important;
}

.select2-container--four .select2-results__option--highlighted {
    background-color: rgba(var(--main-color-one-rgb), 0.1) !important;
    color: var(--main-color-one) !important;
}

.select2-container--five .select2-selection--single {
    background-color: var(--white);
    border: 1px solid var(--border-color);
}

.select2-container--five .select2-selection--single .select2-selection__rendered {
    color: var(--paragraph-color);
}

.select2-container--five .select2-results__option {
    background-color: var(--white);
    color: var(--paragraph-color);
    border-top: 1px solid var(--border-color);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.select2-container--five .select2-results__option:nth-child(even) {
    background-color: var(--white);
}

.select2-container--five .select2-results__option--highlighted {
    background-color: var(--section-bg-1) !important;
    color: var(--heading-color) !important;
    font-weight: 700;
}

.select2-container--five .select2-results__option--selected {
    background-color: var(--section-bg-1) !important;
    color: var(--heading-color) !important;
    font-weight: 700;
}

.without_border .select2-container {
    display: inline-block;
}

.without_border .select2-container--default .select2-selection--single {
    border: 0;
    height: 24px;
}

.without_border .select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 24px;
    line-height: 24px;
    padding: 0 50px 0 0;
}

.without_border .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 24px;
    line-height: 24px;
}

.without_border .select2-container--default .select2-selection--single .select2-selection__arrow::after {
    border-right: 2px solid var(--body-color);
    border-bottom: 2px solid var(--body-color);
}

.without_border .select2-container .dropdown-wrapper {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

/* Multiple select  */
.select2-container--multiple {
    height: 48px;
    overflow-y: auto;
}

.select2-container--default .select2-selection--multiple {
    background-color: var(--white);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    cursor: text;
    padding-bottom: 5px;
    padding-right: 5px;
    position: relative;
}

.select2-container--default .select2-selection--multiple:focus {
    border: 1px solid var(--border-color);
}

.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
    margin-top: 0;
    height: 32px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    display: block;
    padding: 0 4px;
    margin: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--search-bg);
    border: 1px solid var(--border-color);
    border-radius: 3px;
    margin: 4px 4px 0 0;
    padding: 0 6px 0 22px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    position: relative;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    margin: 0;
    text-align: center;
    color: var(--delete-color);
    font-weight: bold;
    font-size: 16px;
}

.vendorList__flex {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.vendorList__thumb {
    max-width: 70px;
    flex-shrink: 0;
}

.vendorList__item {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.vendorList__item:not(:last-child) {
    margin-bottom: 10px;
}

.vendorList__label {
    min-width: 160px;
}

.language__list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.language__list li:not(:last-child) {
    margin-bottom: 10px;
}

.language__list__strong {
    font-size: 16px;
}

.language__list__span {
    word-break: break-all;

}

.img-wrap.max-width-100 {
    max-width: 100px;
}

.dashboard__card .note-modal-footer {
    display: inline-table;
    width: 100%;
}

.dashboard__card .note-modal-footer input.btn.note-btn {
    display: inline-block;
    width: 100%;
    background: var(--customer-profile);
    color: var(--white);
    opacity: 1;
}

.table-image {
    max-width: 200px;
}

.table-image.image_150 {
    max-width: 150px;
}

.table-image.image_120 {
    max-width: 120px;
}

.table-image.image_100 {
    max-width: 100px;
}

.table-image.image_90 {
    max-width: 90px;
}

.table-image.image_80 {
    max-width: 80px;
}

.table-image.image_70 {
    max-width: 70px;
}

.table-image.image_60 {
    max-width: 60px;
}

.table-image.image_50 {
    max-width: 50px;
}

.table-image img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.table-fields {
    max-width: 200px;
}

.table-notes {
    max-width: 250px;
}

.widget-handler .content-part input[type="range"] {
    background: var(--customer-profile);
    height: 8px;
}

.wrapper-container {
    overflow: hidden;
}

.item_selected_attributes_flex {
    display: flex;
    align-items: center;
    gap: 10px;
}

.item_selected_attributes_flex .form-group {
    flex: 1;
}

.request__item {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--paragraph-color);
}

.request__item:not(:last-child) {
    margin-bottom: 12px;
}

.request__left {
    min-width: 150px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--paragraph-color);
}

.request__right {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: var(--heading-color);
}

.payment-list li {
    display: flex;
    align-items: baseline;
    flex-wrap: nowrap;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: var(--paragraph-color);
}

.payment-list li:not(:first-child) {
    margin-top: 12px;
}

.payment-list-left {
    min-width: 180px;
}

@media screen and (max-width: 480px) {
    .payment-list-left {
        min-width: 160px;
    }
}

@media screen and (max-width: 375px) {
    .payment-list-left {
        min-width: 150px;
    }
}

.payment-list-right {
    font-weight: 500;
    color: var(--heading-color);
    word-break: break-all;
}

.title__one {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--heading-color);
}

.title__two {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--heading-color);
}

.title__three {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--heading-color);
}

.title__four {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--heading-color);
}

.order__details__single {
    /* border: 1px solid var(--border-two);
  padding: 20px;
  border-radius: 10px; */
}

.order__details__wrap {}

.order__details__item {
    border: 1px solid var(--border-two);
    padding: 20px;
    border-radius: 10px;
}

.order__details__item:not(:first-child) {
    margin-top: 20px;
}

.order__item {}

.order__item__single {
    border-bottom: 1px solid var(--border-two);
    padding-bottom: 20px;
}

.order__item__single:not(:first-child) {
    padding-top: 20px;
}

.order__item__single__flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px 10px;
}

.order__item__product {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.order__item__product__contents {
    max-width: 250px;
}

.order__item__product__thumb {
    max-width: 80px;
}

.order__item__product__name {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: var(--heading-color);
}

.order__item__product__span {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--paragraph-color);
    display: block;
}

.order__item__product__span__right {
    font-weight: 600;
    color: var(--heading-color);
}

.order__item__estimate {
    max-width: 250px;
    margin-left: auto;
}

.order__item__estimate__single {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: var(--paragraph-color);
    padding-top: 10px;
}

.order__item__estimate__single:not(:last-child) {
    border-bottom: 1px solid var(--border-two);
    padding-bottom: 10px;
}

.order__item__estimate__single strong {
    font-weight: 600;
    color: var(--heading-color);
}

.refunded__product {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border: 1px solid var(--border-two);
    padding: 15px;
    border-radius: 7px;
}

@media screen and (max-width: 575px) {
    .refunded__product {
        flex-wrap: wrap;
    }
}

.order__refund__item:not(:last-child) {
    margin-bottom: 24px;
}

.order__refund__item__available__single:not(:first-child) {
    margin-top: 20px;
}

.refunded__product__main {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    max-width: 230px;
}

.refunded__product__thumb {
    flex-shrink: 0;
}

.refunded__product__info {
    flex-grow: 1;
}

.refunded__product__title {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--heading-color);
}

.refunded__product__para {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--paragraph-color);
}

.refunded__product__quantity {}

.refunded__product__quantity__input {
    max-width: 70px;
    text-align: center;
    background: unset;
    padding-inline: 12px;
    height: 42px !important;
}

.refunded__product__left {
    display: flex;
    align-items: center;
    gap: 12px;
}

.refunded__product__price__multiply {
    color: var(--paragraph-color);
}

.refunded__product__price {
    font-weight: 600;
    color: var(--heading-color);
}

.orderRequest__item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--paragraph-color);
}

.orderRequest__item:not(:last-child) {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--border-two);

}

.orderRequest__item__left {
    min-width: 130px;
    word-break: break-all;
}

@media screen and (max-width: 480px) {
    .orderRequest__item__left {
        min-width: 100px;
    }
}

@media screen and (max-width: 375px) {
    .orderRequest__item__left {
        min-width: 80px;
    }
}

.orderRequest__item__right {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: var(--heading-color);
    text-align: right;
    margin: 0;
    word-break: break-all;
}

.gig-order-info ul li {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: var(--paragraph-color);
}

.gig-order-info ul li strong {
    color: var(--heading-color);
}

.gig-order-info ul li:not(:last-child) {
    margin-bottom: 20px;
}



tr td .btn {
    color: var(--paragraph-color);
    font-family: var(--body-font);
    display: inline-block;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    line-height: 20px;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    box-shadow: 0 0 20px var(--border-color);
}

tr td .btn-danger {
    background-color: var(--delete-color);
    color: var(--white);
    border-color: var(--delete-color);
    box-shadow: 0 0 20px rgba(var(--delete-color-rgb), 0.3);
}

tr td .btn-danger:focus,
tr td .btn-danger:hover {
    background-color: rgba(var(--delete-color-rgb), 0.7);
    border-color: rgba(var(--delete-color-rgb), 0.7);
    box-shadow: 0 0 20px rgba(var(--delete-color-rgb), 0.3);
}

tr td .btn-primary {
    background-color: var(--customer-profile);
    color: var(--white);
    border-color: var(--customer-profile);
    box-shadow: 0 0 20px rgba(var(--customer-profile-rgb), 0.3);
}

tr td .btn-primary:focus,
tr td .btn-primary:hover {
    background-color: rgba(var(--customer-profile-rgb), 0.7);
    border-color: rgba(var(--customer-profile-rgb), 0.7);
    box-shadow: 0 0 20px rgba(var(--customer-profile-rgb), 0.3);
}

tr td .btn-secondary {
    background-color: rgba(var(--heading-color-rgb), 0.7);
    color: var(--white);
    border-color: rgba(var(--heading-color-rgb), 0.7);
    box-shadow: 0 0 20px rgba(var(--heading-color-rgb), 0.3);
}


tr td .btn-secondary:focus,
tr td .btn-secondary:hover {
    background-color: var(--heading-color);
    border-color: var(--heading-color);
    box-shadow: 0 0 20px rgba(var(--heading-color-rgb), 0.3);
    box-shadow: none;
}

tr td .btn-info {
    background-color: var(--main-color-two);
    color: var(--white);
    border-color: var(--main-color-two);
    box-shadow: 0 0 20px rgba(var(--main-color-two-rgb), 0.3);
}


tr td .btn-info:focus,
tr td .btn-info:hover {
    color: var(--white);
    background-color: rgba(var(--main-color-two-rgb), 0.7);
    border-color: rgba(var(--main-color-two-rgb), 0.7);
    box-shadow: 0 0 20px rgba(var(--main-color-two-rgb), 0.3);
    box-shadow: none;
}

tr td .btn-warning {
    background-color: var(--review-color);
    color: var(--white);
    border-color: var(--review-color);
    box-shadow: 0 0 20px rgba(var(--review-color-rgb), 0.3);
}


tr td .btn-warning:focus,
tr td .btn-warning:hover {
    color: var(--white);
    background-color: rgba(var(--review-color-rgb), 0.7);
    border-color: rgba(var(--review-color-rgb), 0.7);
    box-shadow: 0 0 20px rgba(var(--review-color-rgb), 0.3);
    box-shadow: none;
}

tr td .btn-dark {
    color: var(--white);
    background-color: var(--heading-color);
    border-color: var(--heading-color);
    box-shadow: 0 0 20px rgba(var(--heading-color-rgb), 0.3);
}

tr td .btn-dark:focus,
tr td .btn-dark:hover {
    background-color: rgba(var(--heading-color-rgb), 0.9);
    color: var(--white);
    border-color: rgba(var(--heading-color-rgb), 0.9);
    box-shadow: 0 0 20px rgba(var(--heading-color-rgb), 0.3);
    box-shadow: none;
}

tr td .btn-success {
    color: var(--white);
    background-color: var(--success-color);
    border-color: var(--success-color);
    box-shadow: 0 0 20px rgba(var(--success-color-rgb), 0.3);
}

tr td .btn-success:focus,
tr td .btn-success:hover {
    background-color: rgba(var(--success-color-rgb), 0.9);
    color: var(--white);
    border-color: rgba(var(--success-color-rgb), 0.9);
    box-shadow: 0 0 20px rgba(var(--success-color-rgb), 0.3);
    box-shadow: none;
}

tr td .btn-light {
    color: var(--heading-color);
    background-color: var(--border-two);
    border-color: var(--border-two);
    box-shadow: 0 0 20px var(--border-two);
}

tr td .btn-light:focus,
tr td .btn-light:hover {
    background-color: var(--border-color);
    color: var(--heading-color);
    border-color: var(--border-color);
    box-shadow: 0 0 20px var(--border-color);
    box-shadow: none;
}

.subOrder__single__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--paragraph-color);
}

.subOrder__single__item.no__between {
    justify-content: flex-start;
}

.subOrder__single__item:not(:last-child) {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--border-two);
}

.subOrder__single__item__right {
    font-size: 14px;
    line-height: 20px;
}

.subOrder__single__item__left h6 {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: var(--heading-color);
}

.subOrder__single__item__right h6 {
    font-size: 14px;
    line-height: 20px;
}

.subOrder__single__flex {
    display: flex;
    align-items: center;
    gap: 20px;
}

.subOrder__single__thumb {
    flex-shrink: 0;
    max-width: 150px;
}

.subOrder__single__contents {
    flex: 1;
}

.subOrder__single__title {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--paragraph-color);
}

.subOrder__single__para {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: var(--paragraph-color);
}

.table__input .table__input__select,
.table__input .form-control {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--paragraph-color);
    height: 48px;
    border: 1px solid var(--border-two);
    border-radius: 5px;
    padding-inline: 15px;
}

.table__input .form-checkbox {
    height: 18px;
    width: 18px;
    border-radius: 2px;
    font-size: 14px;
}

.dashboard__card__productWrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px 10px;
}

.dashboard__card__product {
    display: flex;
    align-items: center;
    gap: 20px;
    flex: 1;
}

.dashboard__card__product__thumb {
    max-width: 350px;
    flex-shrink: 0;
}

.dashboard__card__product__thumb img {
    border-radius: 10px;
}

.dashboard__card__product__title {
    font-family: var(--heading-font);
    margin-bottom: 9px;
    line-height: 1.5;
    color: var(--heading-color);
    font-weight: 500;
    font-size: 20px;
    display: block;
}

@media only screen and (min-width: 1200px) and (max-width: 1399.99px) {
    .dashboard__card__product__title {
        font-size: 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .dashboard__card__product__title {
        font-size: 21px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .dashboard__card__product__title {
        font-size: 18px;
    }
}

@media (max-width: 575px) {
    .dashboard__card__product__title {
        font-size: 18px;
    }
}

.dashboard__card__product__price__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.3;
    color: var(--heading-color);
    display: flex;
    align-items: center;
    gap: 5px;
}

.dashboard__card__product__price__title del {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--body-color);
}

.dashboard__card__product__cate {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 10px;

}

.dashboard__card__product__cate__title {
    font-weight: 500;
    color: var(--heading-color);
    font-size: 18px;
    line-height: 24px;
}

.dashboard__card__product__cate__inner {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.dashboard__card__product__cate__tag {
    font-family: var(--heading-font);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s;
    border: 1px solid transparent;
    background: rgba(var(--customer-profile-rgb), 0.1);
    color: var(--customer-profile);
    text-transform: capitalize;
    padding: 1px 8px;
    font-size: 15px;
    font-weight: 400;
    display: inline-block;
    border-radius: 6px;

}

.dashboard__card__product__cate__tag:hover {
    background: var(--customer-profile);
    color: var(--white);
}

.dashboard__card__product__month {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: var(--paragraph-color);
}

.nice-select.form-control {
    line-height: 48px;
}

.dd-list li:not(.dd-item) {
    display: none;
}

.dd-list li:not(.dd-item)::before {
    display: none;
}

.dd-list .dd-list {
    margin-top: 20px;
}

/* // for frontend  */

.faq-accordion .card:not(:last-child) {
    margin-bottom: 20px;
}

.faq-accordion .card {
    border: 1px solid var(--border-color);
}

.faq-accordion .card-header {
    padding: 12px;
}

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

.faq-form-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    color: var(--heading-color);
}

.faq-accordion .accordion-btn {
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: var(--heading-color);
    border: 0;
}

.faq-accordion .accordion-btn:not(.collapsed) {
    background-color: var(--main-color-one);
    color: var(--white);
}

.faq-accordion .accordion-btn:not(.collapsed) .faq__icons i {
    color: var(--white);
}

.faq-accordion .accordion-btn.collapsed .faq__icons .close {
    display: none;
}

.faq-accordion .accordion-btn:not(.collapsed) .faq__icons .close {
    display: block;
}

.faq-accordion .accordion-btn:not(.collapsed) .faq__icons .open {
    display: none;
}


.faq-accordion .accordion-btn {}

.address-wrapper {
    padding: 20px;
    background-color: var(--gray-two);
    border-radius: 10px;
}

.address-wrapper .address-list {
    margin-top: 24px;
}

.single-address-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.single-address-item:hover .icon-box {
    background-color: var(--btn-color);
    color: var(--white);
    border: 0;
}

.single-address-item:hover .title {
    color: var(--main-color-one);
}

.single-address-item:not(:last-child) {
    margin-bottom: 20px;
}

/* ul.address-list li:first-child {
    display: none;
} */

.single-address-item .icon-box {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    background-color: var(--white);
    color: var(--btn-color);
    border: 1px solid var(--btn-color);
    border-radius: 50%;
    font-size: 20px;
    flex-shrink: 0;
    transition: all .3s;
}

.single-address-item .content {
    flex: 1;
}

.single-address-item .title {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    color: var(--heading-color);
}

.single-address-item .info {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--paragraph-color);
    margin-top: 5px;
}

.get-in-touch-wrapper .custom-form-builder-form,
.custom__form .custom-form-builder-form {
    margin-top: 24px;
}

.address-wrapper .title-section .title {
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    color: var(--heading-color);
}

.get-in-touch-wrapper .title {
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    color: var(--heading-color);
}

.single-blog-list-item-style-1 {
    display: flex;
    align-items: center;
    gap: 24px;
    padding-right: 24px;
}

.single-blog-list-item-style-1:not(:last-child) {
    margin-bottom: 24px;
}

.single-blog-list-item-style-1.single-blog-grid-item-style-1 {
    display: unset;
}

@media screen and (max-width: 767.98px) {
    .single-blog-list-item-style-1 {
        display: grid;
    }


}

.single-blog-list-item-style-1 .img-box {
    flex-shrink: 0;
    max-width: 400px;
}

.single-blog-grid-item-style-1 .img-box,
.single-blog-list-item-style-1.single-blog-grid-item-style-1 .img-box {
    max-width: 100%;
    height: 250px;
    background: var(--gray-two);
    display: flex;
    align-items: center;
    justify-content: center;
}

.single-blog-grid-item-style-1 .img-box img,
.single-blog-list-item-style-1.single-blog-grid-item-style-1 .img-box img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

@media screen and (max-width: 1199.98px) {
    .single-blog-list-item-style-1 .img-box {
        max-width: 350px;
    }
}

@media screen and (max-width: 991.98px) {
    .single-blog-list-item-style-1 .img-box {
        max-width: 300px;
    }
}

@media screen and (max-width: 767.98px) {
    .single-blog-list-item-style-1 .img-box {
        max-width: 100%;
    }

    .single-blog-grid-item-style-1 .img-box,
    .single-blog-list-item-style-1.single-blog-grid-item-style-1 .img-box {
        height: auto;
    }
}

@media screen and (max-width: 575px) {

    .single-blog-grid-item-style-1 .img-box,
    .single-blog-list-item-style-1.single-blog-grid-item-style-1 .img-box {
        height: auto;
    }
}

.post-meta-list {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.post-meta-item a {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: var(--heading-color);
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: all .3s;
}

.post-meta-item a:hover {
    color: var(--main-color-one);
}

.blog-contents-inner-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    color: var(--heading-color);
}

.blog-contents-inner p span,
.blog-contents-inner p,
.blog-contents-inner-info,
.blog-contents-inner-info p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--paragraph-color);
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;

}

.blog-contents-btn {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: var(--heading-color);
    text-decoration: none;
    transition: all .3s;
}

.blog-contents-btn:hover {
    color: var(--main-color-one);
    letter-spacing: 1px;
}

.blog-details-area-inner .main-img img {
    width: 100%;
    object-fit: contain;
}

.blog-details-tag-and-social-link .social-link-wrap,
.blog-details-tag-and-social-link .tag {
    display: flex;
    align-items: baseline;
    gap: 10px;

}

.blog-details-tag-and-social-link .social-link-wrap .name,
.blog-details-tag-and-social-link .tag .name {
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    color: var(--heading-color);

}

.blog-details-tag-and-social-link .social-link-list {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;

}

.blog-details-tag-and-social-link .tag-btn {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: var(--paragraph-color);
    transition: all .3s;
    padding: 5px 15px;
    border: 1px solid var(--border-color);
    border-radius: 5px;
}

.blog-details-tag-and-social-link .tag-btn:hover {
    background-color: var(--main-color-one);
    color: var(--white);
    border-color: var(--main-color-one);
}

.blog-details-tag-and-social-link .social-link-list a {
    font-size: 16px;
    color: var(--paragraph-color);
    transition: all .3s;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 30px;
    border: 1px solid var(--border-color);
    border-radius: 3px;
}

.blog-details-tag-and-social-link .social-link-list a:hover {
    background-color: var(--main-color-one);
    color: var(--white);
    border-color: var(--main-color-one);
    border-radius: 50%;
}

.blog-details-area-inner .content .main-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    color: var(--heading-color);
}

.blog-details-area-inner .content .post-meta {
    margin-top: 15px;
}

.blog-details-area-inner .content {
    margin-top: 24px;
}

.blog-details-area-inner .content p {
    margin-top: 30px;
}

.single-recent-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.single-recent-item:not(:last-child) {
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.single-recent-item .img-box {
    flex-shrink: 0;
    max-width: 90px;
}

.single-recent-item .img-box img {
    object-fit: contain;
}

.widget-area-wrapper {
    position: sticky;
    top: 0;
    z-index: 5;
}

.blog-widget .search-from {
    position: relative;
}

.blog-widget .search-from .form-group {
    padding: 0 !important;
}

.blog-widget .search-from .form-group .form-control {
    height: 48px;
    border: 1px solid var(--border-color);
    border-radius: 5px;
    padding-right: 65px;
    padding-left: 15px;
}

.blog-widget .widget-search-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--main-color-one);
    color: var(--white);
    border: 1px solid var(--main-color-one);
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    height: 48px;
    padding-inline: 15px;
    border-radius: 0 5px 5px 0;
}

.single-recent-item .content .title {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--heading-color);
    transition: all .3s;
}

.single-recent-item .content .title:hover {
    color: var(--main-color-one);
}

.blog-widget .single-category-item:not(:last-child) {
    margin-bottom: 10px;
}

.blog-widget .radio-btn-wrapper {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: var(--paragraph-color);
    transition: all .3s;
}

.blog-widget .radio-btn-wrapper:hover {
    color: var(--main-color-one);
    font-weight: 500;
}

.single-recent-item .content .product-meta {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--paragraph-color);
}

.widget-area-wrapper .blog-widget:not(:last-child) {
    margin-bottom: 30px;
}

.widget-area-wrapper .blog-widget .widget-title {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    color: var(--heading-color);
    transition: all .3s;
}

.widget-area-wrapper .blog-widget .widget-title:hover {
    color: var(--main-color-one);
}

.blog-widget .tag-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.blog-widget .tag-wrap .tag-btn {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: var(--paragraph-color);
    border: 1px solid var(--border-color);
    padding: 5px 15px;
    border-radius: 5px;
    transition: all .3s;
}

.blog-widget .tag-wrap .tag-btn:hover {
    background-color: var(--main-color-one);
    border-color: var(--main-color-one);
    color: var(--white);
}

.pagination-wrapper {}

.pagination-default .pagination .pagination-list,
.pagination-default .pagination,
.pagination-wrapper .pagination {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    margin-top: 30px;
}

.pagination-default .pagination .pagination-list li a,
.pagination-default .page-item .page-link,
.pagination-wrapper .page-item .page-link {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: var(--paragraph-color);
    border: 1px solid var(--border-color);
    padding: 10px 15px;
    background-color: unset;
}

.pagination-default .pagination .pagination-list li a.current,
.pagination-default .page-item.active .page-link,
.pagination-wrapper .page-item.active .page-link {
    color: var(--white);
    background-color: var(--main-color-one);
    border-color: var(--main-color-one);
}

.pagination-default .pagination .pagination-list li a:hover,
.pagination-default .page-item .page-link:hover,
.pagination-wrapper .page-item .page-link:hover {
    color: var(--white);
    background-color: var(--main-color-one);
    border-color: var(--main-color-one);
}

.pagination-default .pagination .pagination-list li a:focus,
.pagination-default .page-item .page-link:focus,
.pagination-wrapper .page-item .page-link:focus {
    box-shadow: none;
}

.toolbox-wrapper {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 24px;
}

.toolbox-right,
.toolbox-left {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    flex-wrap: wrap;
}

.layout-list {
    display: flex;
    align-items: center;
    gap: 10px;
}

.shop-nice-select select,
.toolbox-sort select {
    width: 100%;
    height: 40px;
    border: 1px solid var(--border-color);
    padding-inline: 10px;
    border-radius: 5px;
    color: var(--paragraph-color);
}

shop-nice-select select,
.toolbox-sort .search_location {
    width: 100%;
}

/*----------------------------
    About
-----------------------------*/

.about-area-wrapper .sec {
    margin-bottom: 100px;
}

.about-area-wrapper .sec:last-child {
    margin-bottom: 0;
}


.about-area-wrapper .sec.custom-reverse .content-box {
    margin-right: 40px;
}

.about-area-wrapper .sec.custom-reverse.flex-row-reverse .content-box {
    margin-left: 40px;
}


.about-area-wrapper .content-box .title {
    font-family: var(--heading-font);
    font-size: 36px;
    font-weight: 700;
    color: var(--heading-color);
    line-height: 1.2;
}

@media screen and (max-width: 991.98px) {
    .about-area-wrapper .content-box .title {
        font-size: 36px;
        line-height: 52px;
    }
}

@media screen and (max-width: 480px) {
    .about-area-wrapper .content-box .title {
        font-size: 32px;
        line-height: 36px;
    }
}

@media screen and (max-width: 375px) {
    .about-area-wrapper .content-box .title {
        font-size: 28px;
        line-height: 36px;
    }
}


.about-area-wrapper .content-box .info {
    font-weight: 400;
}

.about-area-wrapper .content-box .info.mt {
    margin-top: 15px;
}

.about-area-wrapper .content-box .btn-wrapper {
    margin-top: 36px;
}

.about-area-wrapper .content-box .btn-wrapper a {
    padding-left: 40px;
    padding-right: 40px;
    font-weight: 600;
}

.about-area-wrapper .advantage-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px;
}

@media screen and (max-width: 991.98px) {
    .about-area-wrapper .sec.custom-reverse .content-box {
        margin-inline: 0px;
    }

    .about-area-wrapper .sec.custom-reverse.flex-row-reverse .content-box {
        margin-left: 0;
    }
}

.about-area-wrapper .advantage-box .support-item-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 50%;
}

.about-area-wrapper .advantage-box .support-item-wrap {
    width: 100%;
    display: flex;
}

@media screen and (max-width: 575px) {
    .about-area-wrapper .advantage-box .support-item-wrap {
        width: auto;
        flex-direction: column;
    }
}

.support-area-wrapper .support-item-wrap .single-support-item .icon-box {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-right: 20px;
}

.support-area-wrapper .support-item-wrap .single-support-item .content {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.support-area-wrapper .support-item-wrap .single-support-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.about-area-wrapper .advantage-box .support-item-wrap .single-support-item {
    margin-bottom: 40px;
    width: 48%;
}

.about-area-wrapper .advantage-box .support-item-wrap .single-support-item {
    margin-bottom: 40px;
    width: 48%;
}

@media screen and (max-width: 575px) {
    .about-area-wrapper .advantage-box .support-item-wrap .single-support-item {
        width: auto;
    }
}

.about-area-wrapper .advantage-box .support-item-wrap .single-support-item .icon-box .icon {
    color: var(--main-color-one);
}

.about-area-wrapper .advantage-box .support-item-wrap .single-support-item::after {
    display: none;
}

.about-area-wrapper .advantage-box .support-item-wrap .single-support-item .content .title {
    margin-bottom: 0;
}

.about-area-wrapper .advantage-box .support-item-wrap .single-support-item:first-child {
    margin-bottom: 40px;
}

.about-area-wrapper .img-box img {
    border-radius: 10px;
}

.support-area-wrapper .support-item-wrap .single-support-item .content .title {
    font-size: 22px;
    line-height: 28px;
    font-weight: 600;
    text-transform: capitalize;
}

@media screen and (max-width: 1399.98px) and (min-width:992px) {
    .support-area-wrapper .support-item-wrap .single-support-item .content .title {
        font-size: 16px;
        line-height: 25px;
    }

    .support-area-wrapper .support-item-wrap .single-support-item .icon-box .icon {
        font-size: 38px;
    }
}

@media screen and (max-width: 767.98px) {
    .support-area-wrapper .support-item-wrap .single-support-item .content .title {
        font-size: 16px;
        line-height: 25px;
    }

    .support-area-wrapper .support-item-wrap .single-support-item .icon-box .icon {
        font-size: 38px;
    }
}

.support-area-wrapper .support-item-wrap .single-support-item .content .info {
    font-size: 12px;
    line-height: 10px;
    font-weight: 400;
    color: #999999;
    padding-top: 10px;
}

.support-area-wrapper .support-item-wrap .single-support-item .icon-box .icon {
    color: var(--main-color-one);
    font-size: 50px;
    display: inline-block;
    line-height: 0;
}

.about-area-wrapper .advantage-box .support-item-wrap .single-support-item .icon-box .icon {
    color: var(--main-color-one);
}


/*-------------------------
    Testimonial Area
--------------------------*/
.testimonial-area-wrapper .single-testimonial-item {
    min-height: 344px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    margin: 0 15px;
    -webkit-box-shadow: 0px 0px 16px -7px #00000045;
    box-shadow: 0px 0px 16px -7px #00000045;
    border-radius: 5px;
    overflow: hidden;
}

.testimonial-area-wrapper .single-testimonial-item .top-box {
    min-height: 180px;
    background-color: #F2F3F5;
    padding: 19px 28px 49px;
    -webkit-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
}

.testimonial-area-wrapper .single-testimonial-item .top-box .info {
    color: #999999;
}

.testimonial-area-wrapper .single-testimonial-item .bottom-box {
    height: 45%;
    position: relative;
}

.testimonial-area-wrapper .single-testimonial-item .bottom-box .img-box {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -35px;
}

.testimonial-area-wrapper .single-testimonial-item .bottom-box .img-box img {
    border: 3px solid #fff;
    border-radius: 50%;
}

.testimonial-area-wrapper .single-testimonial-item .bottom-box .name {
    font-family: var(--heading-font);
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    padding-top: 50px;
    color: #999999;
    text-transform: capitalize;
    -webkit-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
}

.testimonial-area-wrapper .slick-list {
    margin: 0 -15px;
}

.testimonial-area-wrapper .single-testimonial-item .bottom-box .post {
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
    font-style: italic;
    color: #999999;
    -webkit-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
}

.testimonial-area-wrapper .single-testimonial-item .bottom-box .icon-wrap .icon {
    color: #999999;
    -webkit-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
}

.testimonial-area-wrapper .slick-slide.slick-current .top-box .info {
    color: var(--white);
}

.testimonial-area-wrapper .slick-slide.slick-current .bottom-box .name,
.testimonial-area-wrapper .slick-slide.slick-current .bottom-box .post {
    color: var(--heading-color);
}

.testimonial-area-wrapper .slick-slide.slick-current .bottom-box .icon-wrap .icon {
    color: var(--secondary-color);
}

.testimonial-area-wrapper .slick-track {
    padding: 5px 0;
}

.testimonial-area-wrapper .slick-slide.slick-current .top-box {
    background-color: var(--main-color-one);
}

/*---------------------------------------
    ## Button
---------------------------------------*/
.btn-wrapper {
    display: block;
}

.btn-wrapper .btn-default {
    font-size: 16px;
    display: inline-block;
    text-align: center;
    font-weight: 400;
    cursor: pointer;
    border: 1px solid var(--main-color-one);
    background-color: var(--main-color-one);
    color: var(--white);
    text-transform: capitalize;
    padding: 9px 30px 11px;
    -webkit-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
    line-height: 20px;
}

.btn-wrapper .btn-default:hover {
    background-color: transparent;
    color: var(--main-color-one);
}

.btn-wrapper .btn-default.transparent-btn-1 {
    background-color: transparent;
    border-color: var(--white);
    color: var(--white);
}

.btn-wrapper .btn-default.transparent-btn-1:hover {
    background-color: var(--main-color-one);
    border-color: var(--main-color-one);
    color: var(--white);
}

.btn-wrapper .btn-default.transparent-btn-1-reverse {
    background-color: var(--main-color-one);
    border-color: var(--main-color-one);
    color: var(--white);
}

.btn-wrapper .btn-default.transparent-btn-1-reverse:hover {
    background-color: transparent;
    border-color: var(--white);
    color: var(--white);
}

.btn-wrapper .btn-default.transparent-btn-2 {
    background-color: transparent;
    border-color: #DDDDDD;
    color: #999999;
}

.btn-wrapper .btn-default.transparent-btn-2 .icon {
    display: inline-block;
    padding-left: 8px;
}

.btn-wrapper .btn-default.transparent-btn-2:hover {
    background-color: var(--main-color-one);
    border-color: var(--main-color-one);
    color: var(--white);
}

.btn-wrapper .btn-default.rounded-btn {
    border-radius: 25px;
}

.btn-wrapper .btn-default.semi-bold {
    font-weight: 600;
}

.btn-wrapper .shop-now-btn-style-01 {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: var(--secondary-color);
    text-transform: capitalize;
    display: inline-block;
    padding: 7px 16px 9px;
    background-color: var(--white);
    -webkit-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
}

.btn-wrapper .shop-now-btn-style-01:hover {
    background-color: var(--secondary-color);
    color: var(--white);
}

.blog-details-tag-and-social-link {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}

.relatedProducts-slider .slick-track {
    margin-left: 0;
}

.short-description p {
    color: var(--paragraph-color);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

/* ==================================================================
  New Home page
====================================================================*/

@media screen and (min-width: 1550px) {
    .container_1608 {
        max-width: 1400px;
    }
}

@media screen and (min-width: 1700px) {
    .container_1608 {
        max-width: 1632px;
    }
}

/*--------------------------------------------------------------
# Keyframes Animation
--------------------------------------------------------------*/
@-webkit-keyframes floating {
    0% {
        -webkit-transform: translatey(0px);
        transform: translatey(0px);
    }

    50% {
        -webkit-transform: translatey(-50px);
        transform: translatey(-50px);
    }

    100% {
        -webkit-transform: translatey(0px);
        transform: translatey(0px);
    }
}

@keyframes floating {
    0% {
        -webkit-transform: translatey(0px);
        transform: translatey(0px);
    }

    50% {
        -webkit-transform: translatey(-50px);
        transform: translatey(-50px);
    }

    100% {
        -webkit-transform: translatey(0px);
        transform: translatey(0px);
    }
}

@-webkit-keyframes round-moving {
    from {
        -webkit-transform: rotate(0deg) translateX(120px) rotate(0deg);
        transform: rotate(0deg) translateX(120px) rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg) translateX(120px) rotate(-360deg);
        transform: rotate(360deg) translateX(120px) rotate(-360deg);
    }
}

@keyframes round-moving {
    from {
        -webkit-transform: rotate(0deg) translateX(120px) rotate(0deg);
        transform: rotate(0deg) translateX(120px) rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg) translateX(120px) rotate(-360deg);
        transform: rotate(360deg) translateX(120px) rotate(-360deg);
    }
}

@-webkit-keyframes round-moving2 {
    from {
        -webkit-transform: rotate(0deg) translateX(60px) rotate(0deg);
        transform: rotate(0deg) translateX(60px) rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg) translateX(60px) rotate(-360deg);
        transform: rotate(360deg) translateX(60px) rotate(-360deg);
    }
}

@keyframes round-moving2 {
    from {
        -webkit-transform: rotate(0deg) translateX(60px) rotate(0deg);
        transform: rotate(0deg) translateX(60px) rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg) translateX(60px) rotate(-360deg);
        transform: rotate(360deg) translateX(60px) rotate(-360deg);
    }
}

@-webkit-keyframes pulsing {
    0% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }

    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

@keyframes pulsing {
    0% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }

    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

/*----------------------------------------------
  # Nav bar
----------------------------------------------*/
.mobile-logo {
    display: none;
}

@media only screen and (max-width: 991px) {
    .mobile-logo {
        display: block;
    }

    .desktop-logo {
        display: none !important;
    }
}

.navbar-area {
    position: relative;
    z-index: 95;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .navbar-area {
        padding: 0;
    }
}

.navbar-area.nav-absolute {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0px;
    z-index: 99;
}

.navbar-area.nav-two .nav-container .navbar-collapse .navbar-nav {
    text-align: center;
}

.navbar-area.white-nav .nav-container .navbar-collapse .navbar-nav li {
    color: var(--white);
}

.navbar-area.white-nav .nav-container .nav-right-content ul li {
    color: var(--white);
}

.navbar-area.white-nav .nav-container .nav-right-content ul li .track-icon-list .single-icon .icon {
    color: var(--white);
}

.navbar-area.white-nav .nav-container .nav-right-content ul li .track-icon-list .single-icon.hover-color-two:hover .icon:hover {
    color: var(--main-color-two);
}

.navbar-area.white-nav .nav-container .nav-right-content ul li .login-account .accounts {
    color: var(--white);
}

.navbar-area.white-nav .nav-container .nav-right-content ul li .login-account .accounts.hover-color-two:hover {
    color: var(--main-color-two);
}

.navbar-area .nav-container {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0px 15px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .navbar-area .nav-container {
        padding: 5px 0;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .navbar-area .nav-container {
        padding: 15px 0;
    }
}

.navbar-area .nav-container .logo-wrapper .logo img {
    max-width: 200px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .navbar-area .nav-container .logo-wrapper .logo img {
        max-width: 160px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .navbar-area .nav-container .logo-wrapper .logo img {
        max-width: 150px;
    }
}

.navbar-area .nav-container .navbar-collapse .navbar-nav {
    display: block;
    width: 100%;
    text-align: right;
    padding-right: 60px;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav.nav-margin-top {
    margin-top: 15px;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav.desktop-center {
    text-align: center;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li {
    display: inline-block;
    font-size: 16px;
    font-family: var(--body-font);
    text-transform: capitalize;
    color: var(--heading-color);
    font-weight: 400;
    line-height: 32px;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li+li {
    margin-left: 0px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .navbar-area .nav-container .navbar-collapse .navbar-nav li {
        font-size: 15px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .navbar-area .nav-container .navbar-collapse .navbar-nav li {
        font-size: 14px;
    }
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.current-menu-item {
    background: none;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children {
    padding-right: 0;
    position: relative;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children>a {
    padding: 10px 20px;
    position: relative;
    z-index: 0;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children>a {
        padding: 10px 10px;
    }
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children>a::after {
    content: "\f107";
    font-family: "Line Awesome Free";
    font-weight: 900;
    /* IE 9 */
    -webkit-transform: translateY(-50%);
    /* Chrome, Safari, Opera */
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    top: 1px;
    left: 4px;
    position: relative;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
    position: absolute;
    text-align: left;
    min-width: 220px;
    margin: 0;
    padding: 0;
    list-style: none;
    left: 0;
    top: 100%;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
    background-color: var(--white);
    z-index: 992;
    border-bottom: 5px solid var(--main-color-one);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu.column-count-two {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 50px;
    -webkit-column-rule-style: solid;
    -moz-column-rule-style: solid;
    column-rule-style: solid;
    -webkit-column-rule-color: rgba(221, 221, 221, 0.3);
    -moz-column-rule-color: rgba(221, 221, 221, 0.3);
    column-rule-color: rgba(221, 221, 221, 0.3);
    -webkit-column-rule-width: 2px;
    -moz-column-rule-width: 2px;
    column-rule-width: 2px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu.column-count-two {
        -webkit-column-count: unset;
        -moz-column-count: unset;
        column-count: unset;
    }
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu.column-count-two li {
    margin-bottom: -1px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu.column-count-two li {
        margin-bottom: 0;
    }
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {
    display: block;
    margin-left: 0;
    line-height: 24px;
    font-size: 14px;
    margin-bottom: -1px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {
        margin-bottom: 0;
    }
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:last-child {
    margin-bottom: -1px;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li+li {
    border-top: 1px solid #e2e2e2;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
    display: block;
    padding: 10px 30px;
    background-color: var(--white);
    white-space: nowrap;
    color: var(--heading-color);
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
    background-color: var(--main-color-one);
    color: var(--white);
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children {
    position: relative;
    z-index: 0;
    padding-right: 0px;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children>.sub-menu {
    left: 100%;
    top: 0px;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children>.sub-menu .sub-menu .sub-menu {
    left: auto;
    right: 100%;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu li:hover:before {
    color: var(--white);
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li a {
    padding: 10px 28px;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .navbar-area .nav-container .navbar-collapse .navbar-nav li a {
        padding: 7px 15px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .navbar-area .nav-container .navbar-collapse .navbar-nav li a {
        padding: 5px 10px;
    }
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li a:hover {
    color: var(--main-color-one);
    background: none;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .navbar-area .nav-container .nav-right-content {
        display: none;
    }
}

.navbar-area .nav-container .nav-right-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.navbar-area .nav-container .nav-right-content ul li {
    display: inline-block;
    margin: 0 15px;
}

.navbar-area .nav-container .nav-right-content ul li:last-child {
    margin-right: 0;
    margin-left: 0;
}

.navbar-area .nav-container .nav-right-content ul li a {
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.navbar-area .nav-container .nav-right-content ul li .info-bar-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 50px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .navbar-area .nav-container .nav-right-content ul li .info-bar-item {
        gap: 30px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .navbar-area .nav-container .nav-right-content ul li .info-bar-item {
        gap: 30px;
    }
}

.index-02 {
    padding: 0px 0;
}

.index-02 .navbar-inner-all {
    background: var(--main-color-two);
    position: relative;
    z-index: 1;
    padding: 17px 0 18px;
    border-radius: 10px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .index-02 .navbar-inner-all {
        padding: 18px 0 18px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .index-02 .navbar-inner-all {
        padding: 10px 15px;
        background: unset;
    }
}

@media only screen and (max-width: 480px) {
    .index-02 .navbar-inner-all {
        padding: 5px 10px;
    }
}

.index-02 .navbar-inner-all::before {
    content: "";
    position: absolute;
    left: -10%;
    top: 0;
    height: 100%;
    width: 100%;
    background: var(--main-color-two);
    z-index: -1;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .index-02 .navbar-inner-all::before {
        display: none;
    }
}

.navbar-inner-all {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .navbar-inner-all {
        display: block;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .show-nav-right-contents {
        position: absolute;
        right: 0px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 30px;
        color: var(--heading-color);
    }

    .show-nav-right-contents:hover {
        color: var(--heading-color);
    }

    .show-nav-right-contents.white-color {
        color: var(--white);
    }

    .show-nav-right-contents.white-color:hover {
        color: var(--white);
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .navbar-right-content {
        visibility: hidden;
        opacity: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        margin-top: -20px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .navbar-right-content.show {
        visibility: visible;
        opacity: 1;
        margin-top: 10px;
    }
}

.single-right-content .btn-track {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.single-right-content .btn-track:hover {
    color: var(--main-color-one);
}

.single-right-content .btn-track .track-icon {
    color: var(--main-color-one);
}

.single-right-content .user-icon-price {
    background: rgba(var(--main-color-three-rgb), 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.single-right-content .user-icon-price .user-icon {
    font-size: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--main-color-three);
    color: var(--white);
    height: 46px;
    width: 46px;
}

.single-right-content .user-icon-price .user-price {
    font-size: 20px;
    line-height: 30px;
    padding: 0 10px;
    color: var(--main-color-three);
}

@media only screen and (max-width: 991px) {
    .navbar-area.index-02 .nav-container .navbar-collapse.show .navbar-nav {
        background: transparent;
    }

    .navbar-area.index-03 .nav-container .navbar-right-content {
        margin-top: -50px;
    }

    .navbar-area.index-03 .nav-container .navbar-right-content.show {
        margin-top: 10px;
    }

    .navbar-area.white-nav .navbar-toggler {
        border: 1px solid rgba(255, 255, 255, 0.8);
    }

    .navbar-area.index-02.white-nav .navbar-inner-all .navbar-toggler {
        border-color: var(--heading-color);
    }

    .navbar-area.index-02.white-nav .navbar-inner-all .navbar-toggler-icon {
        background: var(--heading-color);
    }

    .navbar-area.index-02.white-nav .navbar-inner-all .navbar-toggler-icon:after,
    .navbar-area.index-02.white-nav .navbar-inner-all .navbar-toggler-icon:before {
        background: var(--heading-color);
    }

    .navbar-area.index-02.white-nav .navbar-inner-all .navbar-toggler.active .navbar-toggler-icon:after,
    .navbar-area.index-02.white-nav .navbar-inner-all .navbar-toggler.active .navbar-toggler-icon:before {
        background: var(--heading-color);
    }

    .navbar-area.index-02.white-nav .navbar-inner-all .navbar-toggler.active .navbar-toggler-icon {
        background: transparent;
    }

    .navbar-area.index-02.white-nav .navbar-inner-all .navbar-collapse.show .navbar-nav {
        background-color: var(--main-color-two);
    }

    .navbar-area.white-nav .navbar-toggler.active .navbar-toggler-icon::before,
    .navbar-area.white-nav .navbar-toggler.active .navbar-toggler-icon::after {
        background: rgba(255, 255, 255, 0.8);
    }

    .navbar-area.white-nav .navbar-toggler .navbar-toggler-icon {
        background: rgba(255, 255, 255, 0.8);
    }

    .navbar-area.white-nav .navbar-toggler .navbar-toggler-icon::before,
    .navbar-area.white-nav .navbar-toggler .navbar-toggler-icon::after {
        background: rgba(255, 255, 255, 0.8);
    }

    .navbar-area .navbar-toggler {
        position: absolute;
        right: 40px;
        top: 50%;
        -webkit-box-shadow: none;
        box-shadow: none;
        /* IE 9 */
        -webkit-transform: translateY(-50%);
        /* Chrome, Safari, Opera */
        transform: translateY(-50%);
        border: 1px solid rgba(0, 0, 0, 0.5);
        outline: none;
    }

    .navbar-area .navbar-toggler.active .navbar-toggler-icon {
        background: none;
    }

    .navbar-area .navbar-toggler.active .navbar-toggler-icon::before,
    .navbar-area .navbar-toggler.active .navbar-toggler-icon::after {
        background: rgba(0, 0, 0, 0.5);
        top: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .navbar-area .navbar-toggler.active .navbar-toggler-icon::after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .navbar-area .navbar-toggler .navbar-toggler-icon {
        background: rgba(0, 0, 0, 0.5);
        display: inline-block;
        width: 25px;
        height: 2px;
        margin: 10px -4px 10px;
        position: relative;
    }

    .navbar-area .navbar-toggler .navbar-toggler-icon::before,
    .navbar-area .navbar-toggler .navbar-toggler-icon::after {
        position: absolute;
        content: "";
        height: 2px;
        width: 25px;
        background: rgba(0, 0, 0, 0.5);
        top: -7px;
        left: 0;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }

    .navbar-area .navbar-toggler .navbar-toggler-icon::after {
        top: auto;
        bottom: -7px;
    }

    .navbar-area .nav-container {
        position: relative;
        z-index: 0;
        min-height: 50px;
        padding: 5px 0px 5px;
    }

    .navbar-area .nav-container .responsive-mobile-menu {
        display: block;
        position: relative;
        width: 100%;
    }

    .navbar-area .nav-container .navbar-brand {
        display: block;
    }

    .navbar-area .nav-container .navbar-brand .navbar-toggler {
        position: absolute;
        right: 10px;
        border: 1px solid #e2e2e2;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .navbar-area .nav-container .navbar-collapse.show .navbar-nav {
        background: #DDD;
        padding-right: 0;
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav {
        display: block;
        margin-top: 30px;
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav li {
        display: block;
        text-align: left;
        line-height: 30px;
        padding: 10px 0;
        border-bottom: 1px solid rgb(118 118 118 / 9%);
        background: var(--white);
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav li a {
        padding: 17px 20px;
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav li:last-child {
        border-bottom: none;
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav li+li {
        margin-left: 0;
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {
        top: 25px;
        right: 20px;
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover {
        padding-bottom: 0;
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover>.sub-menu {
        visibility: visible;
        height: auto;
        opacity: 1;
        background-color: transparent;
        border-bottom: none;
        padding-top: 10px;
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
        position: initial;
        display: block;
        width: 100%;
        border-top: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-left: 0;
        padding-bottom: 0;
        visibility: hidden;
        opacity: 0;
        height: 0;
        overflow: hidden;
        max-height: 250px;
        overflow-y: scroll;
        /* @include transition(height 500ms); */
        -webkit-transition: all 500ms linear;
        transition: all 500ms linear;
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .sub-menu .menu-item-has-children:before {
        content: "\f107";
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {
        padding: 0;
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li.menu-item-has-children:hover:before {
        color: var(--white);
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li+li {
        border-top: none;
    }

    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:first-child {
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }
}

@media only screen and (max-width: 575px) {
    .navbar-area .nav-container {
        padding: 0 15px;
    }

    .navbar-area .nav-container .logo-wrapper .logo img {
        max-width: 140px;
    }
}

.navbar-area.nav-color-two .navbar-collapse .navbar-nav li a:hover {
    color: var(--heading-color);
}

.navbar-area.nav-color-two .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
    border-color: var(--main-color-two);
}

.navbar-area.nav-color-two .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
    background-color: var(--main-color-two);
}

.navbar-area.nav-color-two .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu li:hover:before {
    color: var(--white);
}

.navbar-area.nav-color-three .navbar-collapse .navbar-nav li a:hover {
    color: var(--main-color-three);
}

.navbar-area.nav-color-three .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
    border-color: var(--main-color-three);
}

.navbar-area.nav-color-three .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
    background-color: var(--main-color-three);
}

.navbar-area.nav-color-three .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu li:hover:before {
    color: var(--white);
}

.navbar-area.nav-color-four .navbar-collapse .navbar-nav li a:hover {
    color: var(--main-color-four);
}

.navbar-area.nav-color-four .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
    border-color: var(--main-color-four);
}

.navbar-area.nav-color-four .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
    background-color: var(--main-color-four);
}

.navbar-area.nav-color-four .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu li:hover:before {
    color: var(--white);
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover:hover>.megamenu-area {
    visibility: visible;
    opacity: 1;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover:hover>.megamenu-area {
        height: auto;
        padding: 20px 0;
    }
}

.nav-color-two .megamenu-area .megamenu-single .megamenu-items .megamenu-contents .megamenu-title:hover {
    color: var(--main-color-two);
}

.nav-color-two .megamenu-area .megamenu-single .megamenu-items .megamenu-contents .price-updates .price-title {
    color: var(--main-color-two);
}

.nav-color-two .megamenu-area .megamenu-single .megamenu-items-big .megamenu-contents .megamenu-title:hover {
    color: var(--main-color-two);
}

.nav-color-two .megamenu-area .megamenu-single .megamenu-items-big .megamenu-contents .price-updates .price-title {
    color: var(--main-color-two);
}

.nav-color-two .megamenu-area .megamenu-single .single-category-megamenu:hover .category-contents .titles {
    color: var(--main-color-two);
}

.nav-color-two .megamenu-area .megamenu-single .single-category-megamenu .category-contents .collection-btn:hover {
    color: var(--main-color-two);
}

.nav-color-two .megamenu-area .megamenu-single .new-collection .product-collection-btn:hover {
    background: var(--main-color-two) !important;
}

.nav-color-two .single-right-content .btn-track:hover {
    color: var(--main-color-two);
}

.nav-color-two .single-right-content .btn-track .track-icon {
    color: var(--main-color-two);
}

.nav-color-three .megamenu-area .megamenu-single .megamenu-items .megamenu-contents .megamenu-title:hover {
    color: var(--main-color-three);
}

.nav-color-three .megamenu-area .megamenu-single .megamenu-items .megamenu-contents .price-updates .price-title {
    color: var(--main-color-three);
}

.nav-color-three .megamenu-area .megamenu-single .megamenu-items-big .megamenu-contents .megamenu-title:hover {
    color: var(--main-color-three);
}

.nav-color-three .megamenu-area .megamenu-single .megamenu-items-big .megamenu-contents .price-updates .price-title {
    color: var(--main-color-three);
}

.nav-color-three .megamenu-area .megamenu-single .single-category-megamenu:hover .category-contents .titles {
    color: var(--main-color-three);
}

.nav-color-three .megamenu-area .megamenu-single .single-category-megamenu .category-contents .collection-btn:hover {
    color: var(--main-color-three);
}

.nav-color-three .megamenu-area .megamenu-single .new-collection .product-collection-btn:hover {
    background: var(--main-color-three) !important;
}

.nav-color-three .single-right-content .btn-track:hover {
    color: var(--main-color-three);
}

.nav-color-three .single-right-content .btn-track .track-icon {
    color: var(--main-color-three);
}

.nav-color-four .megamenu-area .megamenu-single .megamenu-items .megamenu-contents .megamenu-title:hover {
    color: var(--main-color-four);
}

.nav-color-four .megamenu-area .megamenu-single .megamenu-items .megamenu-contents .price-updates .price-title {
    color: var(--main-color-four);
}

.nav-color-four .megamenu-area .megamenu-single .megamenu-items-big .megamenu-contents .megamenu-title:hover {
    color: var(--main-color-four);
}

.nav-color-four .megamenu-area .megamenu-single .megamenu-items-big .megamenu-contents .price-updates .price-title {
    color: var(--main-color-four);
}

.nav-color-four .megamenu-area .megamenu-single .single-category-megamenu:hover .category-contents .titles {
    color: var(--main-color-four);
}

.nav-color-four .megamenu-area .megamenu-single .single-category-megamenu .category-contents .collection-btn:hover {
    color: var(--main-color-four);
}

.nav-color-four .megamenu-area .megamenu-single .new-collection .product-collection-btn:hover {
    background: var(--main-color-four) !important;
}

.nav-color-four .single-right-content .btn-track:hover {
    color: var(--main-color-four);
}

.nav-color-four .single-right-content .btn-track .track-icon {
    color: var(--main-color-four);
}

.white-nav .megamenu-area .megamenu-single .new-collection .product-collection-btn {
    background: var(--heading-color);
    color: var(--white);
}

.white-nav .megamenu-area .megamenu-single .new-collection .product-collection-btn:hover {
    background: var(--main-color-two) !important;
}

.megamenu-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #fff;
    padding: 30px;
    -webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.3);
    box-shadow: 0 0 10px rgba(221, 221, 221, 0.3);
    position: absolute;
    top: 100%;
    left: 10%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 9;
    max-width: 1600px;
    width: 1560px;
    max-height: 570px;
    overflow-y: auto;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@media (min-width: 1550px) and (max-width: 1699.98px) {
    .megamenu-area {
        max-width: 1000px;
        gap: 40px;
        min-width: 100%;
        left: 50%;
    }
}

@media (min-width: 1400px) and (max-width: 1549.98px) {
    .megamenu-area {
        max-width: 830px;
        min-width: 100%;
        gap: 40px;
        max-height: 350px;
        overflow-y: auto;
        left: 50%;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .megamenu-area {
        min-width: 100%;
        max-width: 800px;
        gap: 30px;
        left: auto;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        right: 0;
        max-height: 350px;
        overflow-y: auto;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .megamenu-area {
        min-width: 100%;
        max-width: 600px;
        gap: 30px;
        left: auto;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        right: 0;
        max-height: 350px;
        overflow-y: auto;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .megamenu-area {
        max-width: 100%;
        left: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        min-width: 100%;
        position: initial;
        border-top: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-left: 0;
        padding: 0;
        height: 0;
        overflow: hidden;
        max-height: 250px;
        overflow-y: scroll;
        -webkit-transition: all 500ms linear;
        transition: all 500ms linear;
    }
}

.megamenu-area.color-two .megamenu-single .megamenu-items .megamenu-contents .megamenu-title:hover {
    color: var(--main-color-two);
}

.megamenu-area.color-two .megamenu-single .megamenu-items .megamenu-contents .price-updates .price-title {
    color: var(--main-color-two);
}

.megamenu-area.color-three .megamenu-single .megamenu-items .megamenu-contents .megamenu-title:hover {
    color: var(--main-color-three);
}

.megamenu-area.color-three .megamenu-single .megamenu-items .megamenu-contents .price-updates .price-title {
    color: var(--main-color-three);
}

.megamenu-area.color-four .megamenu-single .megamenu-items .megamenu-contents .megamenu-title:hover {
    color: var(--main-color-four);
}

.megamenu-area.color-four .megamenu-single .megamenu-items .megamenu-contents .price-updates .price-title {
    color: var(--main-color-four);
}

.megamenu-single:not(:last-child) {
    margin-right: 45px;
}

.megamenu-single .megamenu-heading-title {
    font-size: 24px;
    font-weight: 500;
    padding: 0px 0 20px 0;
}

.megamenu-single .megamenu-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 5px !important;
}

.megamenu-single .megamenu-items .megamenu-thumbs {
    margin-right: 20px;
    border: 1px solid #DDD;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 80px;
    width: 70px;
    font-size: 30px;
}

.megamenu-single .megamenu-items .megamenu-thumbs i {
    color: var(--main-color-one);
}

.megamenu-single .megamenu-items .megamenu-thumbs.color-two i {
    color: var(--main-color-two);
}

.megamenu-single .megamenu-items .megamenu-thumbs.color-three i {
    color: var(--main-color-three);
}

.megamenu-single .megamenu-items .megamenu-thumbs.color-four i {
    color: var(--main-color-four);
}

.megamenu-single .megamenu-items .megamenu-contents {
    text-align: left;
}

.megamenu-single .megamenu-items .megamenu-contents .megamenu-title {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.megamenu-single .megamenu-items .megamenu-contents .megamenu-title:hover {
    color: var(--main-color-one);
}

.megamenu-single .megamenu-items .megamenu-contents .price-updates .price-title {
    color: var(--main-color-one);
    font-size: 20px;
    font-weight: 500;
}

.megamenu-single .megamenu-items .megamenu-contents .price-updates .old-price {
    color: var(--body-color);
    text-decoration: line-through;
}

.megamenu-single .megamenu-items-big {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0 !important;
}

@media only screen and (max-width: 480px) {
    .megamenu-single .megamenu-items-big {
        display: block;
    }
}

.megamenu-single .megamenu-items-big .megamenu-thumbs {
    height: 200px;
    width: 250px;
    margin-right: 20px;
}

@media only screen and (max-width: 375px) {
    .megamenu-single .megamenu-items-big .megamenu-thumbs {
        margin-right: 0;
    }
}

.megamenu-single .megamenu-items-big .megamenu-thumbs img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.megamenu-single .megamenu-items-big .megamenu-contents {
    text-align: left;
}

@media only screen and (max-width: 480px) {
    .megamenu-single .megamenu-items-big .megamenu-contents {
        margin-top: 15px;
    }
}

.megamenu-single .megamenu-items-big .megamenu-contents .megamenu-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 10px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.megamenu-single .megamenu-items-big .megamenu-contents .megamenu-title:hover {
    color: var(--main-color-one);
}

.megamenu-single .megamenu-items-big .megamenu-contents .price-updates .price-title {
    color: var(--main-color-one);
    font-size: 20px;
    font-weight: 500;
}

.megamenu-single .megamenu-items-big .megamenu-contents .price-updates .old-price {
    color: var(--body-color);
    text-decoration: line-through;
}

.megamenu-single .new-collection {
    padding: 0px 0 !important;
    display: inline-block;
    height: 400px;
    width: 350px;
    position: relative;
    z-index: 2;
}

.megamenu-single .new-collection:hover .product-collection-btn {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media only screen and (max-width: 375px) {
    .megamenu-single .new-collection {
        height: 100%;
        width: 280px;
    }
}

.megamenu-single .new-collection img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.megamenu-single .new-collection .product-collection-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    padding: 10px 20px;
    background: #fff;
    font-size: 16px;
    font-weight: 500;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    visibility: hidden;
    opacity: 0;
}

.megamenu-single .new-collection .product-collection-btn:hover {
    background: var(--main-color-one) !important;
    color: #fff !important;
}

.megamenu-single .single-category-megamenu {
    padding: 30px 50px;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.megamenu-single .single-category-megamenu:hover .category-contents {
    visibility: visible;
    opacity: 1;
    bottom: 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .megamenu-single .single-category-megamenu {
        padding: 30px;
    }
}

@media only screen and (max-width: 375px) {
    .megamenu-single .single-category-megamenu {
        padding: 20px;
    }
}

.megamenu-single .single-category-megamenu .category-thumb {
    height: 200px;
    width: 200px;
    display: inline-block;
}

.megamenu-single .single-category-megamenu .category-thumb img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.megamenu-single .single-category-megamenu .category-contents {
    background: #fff;
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    padding: 30px 20px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.megamenu-single .single-category-megamenu .category-contents .titles:hover {
    color: var(--main-color-one);
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .megamenu-single .single-category-megamenu .category-contents .titles {
        font-size: 28px;
    }
}

@media only screen and (max-width: 375px) {
    .megamenu-single .single-category-megamenu .category-contents .titles {
        font-size: 24px;
    }
}

.megamenu-single .single-category-megamenu .category-contents .collection-btn {
    display: block;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 500;
    padding: 0 !important;
    text-decoration: underline;
    color: var(--paragraph-color);
}

@media only screen and (max-width: 767.98px) {
    .megamenu-single .single-category-megamenu .category-contents .collection-btn {
        font-size: 15px;
    }
}

@media only screen and (max-width: 375px) {
    .megamenu-single .single-category-megamenu .category-contents .collection-btn {
        font-size: 14px;
    }
}

.megamenu-single .single-category-megamenu .category-contents .collection-btn:hover {
    color: var(--main-color-one);
}

/*--------------------------------------------------------------
04. Footer Style
--------------------------------------------------------------*/
.footer-top-border {
    border-bottom: 1px solid #ddd;
}

.footer-top-border.white-color {
    border-color: #DDD;
}

.footer_widget {
    position: relative;
    z-index: 1;
}

.footer_widget__title {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    text-transform: capitalize;
    position: relative;
    font-family: var(--heading-font);
    color: var(--heading-color);
}

.footer_widget__para {
    font-size: 16px;
    line-height: 28px;
    color: var(--paragraph-color);
}

.footer_widget__link {
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer_widget__link__list {
    position: relative;
    z-index: 2;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.footer_widget__link__list:not(:last-child) {
    margin-bottom: 15px;
}

.footer_widget__link__list:hover a {
    color: var(--main-color-one);
}

.footer_widget__link__list a {
    font-size: 16px;
    font-weight: 400;
    color: var(--paragraph-color);
    position: relative;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
    z-index: 1;
}

.footer_widget__link__list a:hover {
    color: var(--main-color-one);
    padding-left: 20px;
}

.footer_widget__link__list a:hover::before {
    visibility: visible;
    opacity: 1;
}

.footer_widget__link__list a::before {
    content: "\f101";
    font-family: "Line Awesome Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.footer_widget__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer_widget__social__list a {
    color: var(--white);
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background: #334755;
    border: 2px solid #66757F;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@media only screen and (max-width: 575.98px) {
    .footer_widget__social__list a {
        font-size: 18px;
        height: 35px;
        width: 35px;
    }
}

@media only screen and (max-width: 375px) {
    .footer_widget__social__list a {
        height: 30px;
        width: 30px;
    }
}

.footer_widget__social__list a:hover {
    color: var(--white);
    background: var(--main-color-one);
    border-color: var(--main-color-one);
}

.footer_widget__social__list:not(:last-child) a {
    margin-right: 10px;
}

.footer_widget__form {
    margin-top: 30px;
}

.footer_widget__form__single {
    position: relative;
    max-width: 380px;
}

.footer_widget__form__single .form--control {
    width: 100%;
    height: 48px;
    line-height: 48px;
    border-radius: 5px;
    background: #334755;
    color: var(--paragraph-color);
    border: 1px solid #66757F;
    padding: 0 100px 0 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 30px;
}

.footer_widget__form__single .form--control::-webkit-input-placeholder {
    color: var(--body-color);
    font-size: 16px;
}

.footer_widget__form__single .form--control::-moz-placeholder {
    color: var(--body-color);
    font-size: 16px;
}

.footer_widget__form__single .form--control:-ms-input-placeholder {
    color: var(--body-color);
    font-size: 16px;
}

.footer_widget__form__single .form--control::-ms-input-placeholder {
    color: var(--body-color);
    font-size: 16px;
}

.footer_widget__form__single .form--control::placeholder {
    color: var(--body-color);
    font-size: 16px;
}

.footer_widget__form__single .form--control:focus {
    border: 1px solid rgba(var(--main-color-one-rgb), 0.7);
    -webkit-box-shadow: 0 0 20px rgba(var(--main-color-one-rgb), 0.1);
    box-shadow: 0 0 20px rgba(var(--main-color-one-rgb), 0.1);
}

.footer_widget__form__single button {
    outline: none;
    border: 0;
    position: absolute;
    top: 3px;
    right: 3px;
    height: calc(100% - 6px);
    padding: 0 20px;
    background: var(--white);
    font-size: 16px;
    color: var(--heading-color);
    cursor: pointer;
    border-radius: 30px;
}

.footer_widget__contact__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 10px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.footer_widget__contact__item:not(:first-child) {
    margin-top: 24px;
}

.footer_widget__contact__item:hover .footer_widget__contact__icon {
    background-color: var(--main-color-one);
    border-color: var(--main-color-one);
    color: var(--white);
}

.footer_widget__contact__item:hover .footer_widget__contact__title {
    color: var(--main-color-one);
}

.footer_widget__contact__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 48px;
    width: 48px;
    border-radius: 50%;
    border: 2px solid #66757F;
    font-size: 24px;
    background-color: #334755;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.footer_widget__contact__contents {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.footer_widget__contact__subtitle {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--paragraph-color);
    margin-bottom: 5px;
}

.footer_widget__contact__title {
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: var(--heading-color);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.white-color .footer_widget__title {
    color: var(--white);
}

.white-color .footer_widget__para {
    color: var(--paragraph-white);
}

.white-color .footer_widget__link__list a {
    color: var(--paragraph-white);
}

.white-color .footer_widget__link__list a:hover {
    color: var(--main-color-one);
}

.white-color .footer_widget__contact__subtitle {
    color: var(--paragraph-white);
}

.white-color .footer_widget__contact__title {
    color: var(--white);
}

.white-color .footer-widget .footer-inner .footer-link-address li .address i {
    color: var(--paragraph-white-2);
}

.white-color .footer-widget .footer-inner .info {
    color: var(--paragraph-white-2);
}

.white-color .footer-widget .footer-inner .footer-link-address li .address:hover i {
    color: var(--main-color-two);
}

.white-color.color-two .footer-widget .footer-inner .footer-link-address li .address:hover i {
    color: var(--main-color-two);
}

.white-color.color-three .footer-widget .footer-inner .footer-link-address li .address:hover i {
    color: var(--main-color-three);
}

.white-color.color-four .footer-widget .footer-inner .footer-link-address li .address:hover i {
    color: var(--main-color-four);
}

.white-color.color-five .footer-widget .footer-inner .footer-link-address li .address:hover i {
    color: var(--main-color-five);
}

/* Banner  */
.bg__blue {
    background-color: var(--blue-color);
}

.bg__yellow {
    background-color: var(--yellow-color);
}

.banner__slider {
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.banner__slider__waveShape {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.banner__slider .slick-dots {
    position: absolute;
    left: 50px;
    bottom: 50px;
}

.banner__slider .slick-dots li.slick-active {
    width: 30px;
    border-radius: 10px;
    background-color: var(--white);
}

.banner__height {
    height: 100%;
}

.banner__card {
    padding: 20px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .banner__card {
        height: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .banner__card {
        height: 100%;
    }
}

.banner__card.text-center .banner__card__contents {
    max-width: 100%;
}

.banner__card__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .banner__card__flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 480px) {
    .banner__card__flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }
}

.banner__card__subtitle {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    color: var(--heading-color);
    text-transform: uppercase;
}

@media (min-width: 1550px) and (max-width: 1699.98px) {
    .banner__card__subtitle {
        font-size: 18px;
    }
}

@media (min-width: 1400px) and (max-width: 1549.98px) {
    .banner__card__subtitle {
        font-size: 18px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .banner__card__subtitle {
        font-size: 18px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .banner__card__subtitle {
        font-size: 18px;
    }
}

@media only screen and (max-width: 480px) {
    .banner__card__subtitle {
        font-size: 16px;
    }
}

.banner__card__title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.1;
    color: var(--heading-color);
    text-transform: uppercase;
    font-family: var(--DmSans-font);
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .banner__card__title {
        font-size: 36px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .banner__card__title {
        font-size: 32px;
    }
}

@media only screen and (max-width: 480px) {
    .banner__card__title {
        font-size: 28px;
    }
}

.banner__card__contents {
    max-width: 214px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.banner__card__thumb {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 465px;
    margin-inline: auto;
}

@media (min-width: 1550px) and (max-width: 1699.98px) {
    .banner__card__thumb {
        max-width: 235px;
        margin-inline: auto;
    }
}

@media (min-width: 1400px) and (max-width: 1549.98px) {
    .banner__card__thumb {
        max-width: 190px;
        margin-inline: auto;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .banner__card__thumb {
        max-width: 200px;
        margin-inline: auto;
    }
}

@media only screen and (max-width: 575.98px) {
    .banner__card__thumb {
        max-width: 200px;
        margin-inline: auto;
    }
}

.banner__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 24px 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    height: 420px;
}

.vidRow .banner__wrap {
    justify-content: space-between;
    align-items: center;
    background: rgba(0, 0, 0, 0.02);
    padding: 5px;
}

.signin-wrappers .nav,
.vendor-signin-wrapper .nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    padding-bottom: 30px;
}

.signin-wrappers .nav li,
.vendor-signin-wrapper li {
    width: 100%;
}

.signin-wrappers .nav li a.active,
.vendor-signin-wrapper .nav li a.active {
    color: #fff !important;
}

.signin-wrappers .nav li a,
.vendor-signin-wrapper .nav li a {
    background: #000;
    color: #fff !important;
    opacity: 0.3;
}

.signin-wrappers .nav li a,
.vendor-signin-wrapper .nav li a {
    text-align: center;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600;
}

.signin-wrappers .nav li a.active,
.vendor-signin-wrapper .nav li a.active {
    background: #578cf8;
    opacity: 1;
}


/* .signin-wrappers .nav li:last-child a,.vendor-signin-wrapper .nav li:last-child a {
  background: #e7483c;
  color: #fff !important;
} */
.vidRow .banner__wrap .videoWrapper {
    order: 2;
}

.vidRow .banner__wrap .banner__contents {
    order: -1;
    margin: 0 auto;
    flex: 0 0 auto;
    width: 50%;
    text-align: center;
}

.bannerImg img {
    width: 100%;
    height: 420px;
    object-fit: cover;
    /* object-fit: scale-down; */
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .banner__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;

    }
}

.banner__wrap__thumb {
    max-width: 350px;
    position: relative;
}

/* .banner__wrap video {
  width: 100%;
  height: 420px;
  object-fit: cover;
} */
.vidWrapper video {
    width: 400px;
    height: 166px;
    object-fit: cover;
    margin: 0 auto;
    display: block;
}

.vidWrapper {
    flex: 0 0 auto;
    width: 100%;
    margin: 0 auto;
}

.banner__wrap__thumb__quality {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    background-color: var(--white);
    border-radius: 30px;
    padding: 5px 20px;
    color: var(--heading-color);
    position: absolute;
    bottom: 200px;
    left: -100px;
}

.banner__wrap video+.banner__contents {
    /* position: absolute; */
    background: transparent;
    text-align: center;
    /* left: calc(100% - 65%); */
    /* top: calc(100% - 70%); */
}

.banner__wrap video+.banner__contents .banner__contents__title {
    font-size: 3rem;
    color: var(--black);
    line-height: 4rem;
    font-family: 'Lora';
}

.banner__slider__item {
    height: 420px;
}

.btn_wrapper a:hover {
    box-shadow: unset;
}

.banner__wrap video+.banner__contents .banner__contents__subtitle {
    font-size: 20px;

    color: var(--white);
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .banner__wrap__thumb__quality {
        left: 0;
    }
}

.banner__wrap__thumb__quality span {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: var(--heading-color);
}

.banner__contents {
    /* max-width: 525px;
  padding: 30px 0 30px 0px; */
    max-width: 525px;
    padding: 30px;
    position: absolute;
    left: 12%;
    top: 20%;
    color: #fff !important;
    background: #fff;
    display: none;
}

.no__banner__contents {
    text-align: center;
    margin-top: 40px;
}

.video__banner__contents {
    /* max-width: 525px;
  padding: 30px 0 30px 0px; */
    padding: 30px;
    text-align: center;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .banner__contents {
        max-width: unset;
        padding: 50px 0 0px 20px;
    }
}

.banner__contents__subtitle {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    color: var(--heading-color);
    text-transform: uppercase;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .banner__contents__subtitle {
        font-size: 18px;
    }
}

@media only screen and (max-width: 480px) {
    .banner__contents__subtitle {
        font-size: 16px;
    }
}

.banner__contents__title {
    font-size: 4 0px;
    font-weight: 700;
    line-height: 1.1;
    color: var(--heading-color);
    font-family: var(--DmSans-font);
}

@media (min-width: 1400px) and (max-width: 1549.98px) {
    .banner__contents__title {
        font-size: 52px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .banner__contents__title {
        font-size: 52px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .banner__contents__title {
        font-size: 48px;
    }
}

@media only screen and (max-width: 767.98px) {
    .banner__contents__title {
        font-size: 42px;
    }
}

@media only screen and (max-width: 575.98px) {
    .banner__contents__title {
        font-size: 36px;
    }
}

@media only screen and (max-width: 480px) {
    .banner__contents__title {
        font-size: 32px;
    }
}

.btn_bg_yellow {
    background-color: var(--yellow-color);
}

.btn_bg_black {
    background-color: var(--heading-color);
}

/* Topbar new */
.topBar__bg {
    background-color: #00192B;
}

.topBar {
    padding: 15px 0;
}

.topBar__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.topBar__contact__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.topBar__contact__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.topBar__contact__item__icon {
    font-size: 18px;
    color: #cecece;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.topBar__contact__item__icon:hover {
    color: var(--main-color-one);
}

.topBar__contact__item__para {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #cecece;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.topBar__contact__item__para:hover {
    color: var(--main-color-one);
}

.topBar__right__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.topBar__right__item__icon {
    font-size: 18px;
    color: #cecece;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.topBar__right__item__icon:hover {
    color: var(--main-color-one);
}

.topBar__right__item__para {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #cecece;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.topBar__right__item__para:hover {
    color: var(--main-color-one);
}

/* Category nav css */
.category__nav {
    -webkit-box-shadow: 0px 10px 30px #f5f5f5;
    box-shadow: 0px 10px 30px #f5f5f5;
    padding: 10px 0;
}

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

@media only screen and (max-width: 375px) {
    .category__nav__flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.category__nav__logoWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px 48px;
    -ms-flex-preferred-size: 65%;
    flex-basis: 65%;
}

@media (min-width: 1400px) and (max-width: 1549.98px) {
    .category__nav__logoWrapper {
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .category__nav__logoWrapper {
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .category__nav__logoWrapper {
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
    }
}

.category__nav__logo {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.category__nav__logo::before {
    content: "";
    position: absolute;
    height: 70%;
    width: 1px;
    background-color: #ddd;
    right: -12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.category__nav__right__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .category__nav__right__content {
        gap: 10px;
    }
}

.category__nav__item__icon {
    font-size: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    border: 1px solid rgba(var(--main-color-one-rgb), 0.3);
    color: var(--main-color-one);
    border-radius: 50%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.category__navWrap {
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
}

@media only screen and (max-width: 767.98px) {
    .category__navWrap {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
}

.category__navWrap__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    gap: 12px 24px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .category__navWrap__flex {
        gap: 12px 10px;
    }
}

.category__menu {
    position: relative;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

.category__menu__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: var(--main-color-one);
    cursor: pointer;
    padding: 10px 0;
}

.category__menu__btn i {
    font-size: 24px;
    color: var(--main-color-one);
}

.category__menu__list {
    border: 1px solid #ddd;
    background-color: var(--white);
    position: absolute;
    top: 100%;
    left: 0;
    width: 180px;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.category__menu__list.show {
    visibility: visible;
    opacity: 1;
}

.category__menu__list__item {
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: var(--paragraph-color);
    background-color: var(--white);
    padding: 10px 20px;
}

.category__menu__list__item:not(:first-child) {
    border-top: 1px solid #ddd;
}

.category__search__form {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
}

.category__search__form__overlay.show {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 8;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .category__search__form.show .category__search__single {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

.category__search__form__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 48px;
    width: 48px;
    border: 1px solid var(--border-color);
    font-size: 24px;
    color: var(--paragraph-color);
    border-radius: 5px;
    cursor: pointer;
}

@media only screen and (max-width: 767.98px) {
    .category__search__form__icon {
        height: 40px;
        width: 40px;
        font-size: 20px;
        border-radius: 50%;
    }
}

.category__search__single {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .category__search__single {
        position: fixed;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
        z-index: 9;
        width: 90vw;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
}

.category__search__single__close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 48px;
    width: 48px;
    border: 1px solid var(--danger-color);
    font-size: 24px;
    color: var(--danger-color);
    background-color: var(--white);
    border-radius: 5px;
    cursor: pointer;
}

.category__search__single__input {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.category__search__single__input .form--control {
    height: 48px;
    color: var(--main-color-one);
    font-size: 14px;
    border-radius: 5px;
}

.category__search__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--main-color-one);
    height: 48px;
    border: 1px solid #ddd;
    font-size: 20px;
    padding: 0 15px;
    cursor: pointer;
    background-color: var(--white);
    border-radius: 5px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.category__search__btn:hover {
    background-color: var(--main-color-one);
    color: var(--white);
    border-color: var(--main-color-one);
}

.from_control,
.from__control,
.form--control {
    height: 55px;
    font-size: 15px;
    border: 1px solid var(--border-color);
    width: 100%;
    padding: 0 15px;
    color: var(--body-color);
}

/* Products card css */
.product__offer {
    position: absolute;
    right: 0px;
    top: 10px;
    background-color: var(--main-color-two);
    padding: 5px 10px;
    border-radius: 3px 0 0 3px;
}

.product__offer.color_main {
    background-color: var(--main-color-one);
}

.product__offer__para {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    color: var(--white);
    display: block;
}

.product__card {
    position: relative;
}

.product__card__thumb {
    background: var(--gray-two);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 250px;
    overflow: hidden;
}

.product__card__thumb img {
    border-radius: 5px;
    object-fit: contain;
}

.product__card__review {
    background-color: rgba(var(--review-rgb), 0.2);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 20px;
    color: var(--review-color);
}

.product__card__thumb {
    position: relative;

    .total-ratings {
        color: #000;
    }
}

.product__card__review {
    position: absolute;
    bottom: 0;
}

.product__card__contents__title {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    min-height: 45px;
}

.product__card__cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product__card__cart__btn {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    background-color: var(--main-color-one);
    border: 1px solid var(--main-color-one);
    color: var(--white);
    padding: 8px 20px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    max-width: 250px;
}

.product__card__cart__btn:hover {
    background-color: unset;
    color: var(--main-color-one);
}

.product__card__cart__btn.btn__black {
    background-color: var(--heading-color);
    border-color: var(--heading-color);
    color: var(--white);
}

.product__card__cart__btn.btn__black:hover {
    color: var(--heading-color);
    background-color: unset;
}

.product__card__cart__outline {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    background-color: unset;
    border: 1px solid var(--main-color-one);
    color: var(--main-color-one);
    padding: 8px 20px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    max-width: 250px;
}

.product__card__cart__outline:hover {
    background-color: var(--main-color-one);
    border-color: var(--main-color-one);
    color: var(--white);
}

.product__card__cart__outline.color-two {
    border: 1px solid var(--main-color-two);
    color: var(--main-color-two);
}

.product__card__cart__outline.color-two:hover {
    background-color: var(--main-color-two);
    border: 1px solid var(--main-color-two);
    color: var(--white);
}

.product__card__cart__outline.color-three {
    border: 1px solid var(--main-color-three);
    color: var(--main-color-three);
}

.product__card__cart__outline.color-three:hover {
    background-color: var(--main-color-three);
    border: 1px solid var(--main-color-three);
    color: var(--white);
}

.product__card__cart__outline.color-four {
    border: 1px solid var(--main-color-four);
    color: var(--main-color-four);
}

.product__card__cart__outline.color-four:hover {
    background-color: var(--main-color-four);
    border: 1px solid var(--main-color-four);
    color: var(--white);
}

.product__card__cart__outline.color-five {
    border: 1px solid var(--main-color-five);
    color: var(--main-color-five);
}

.product__card__cart__outline.color-five:hover {
    background-color: var(--main-color-five);
    border: 1px solid var(--main-color-five);
    color: var(--white);
}

.product__card__cart__outline.btn__black {
    background-color: unset;
    border-color: var(--heading-color);
    color: var(--heading-color);
}

.product__card__cart__outline.btn__black:hover {
    background-color: var(--heading-color);
    color: var(--white);
    border-color: var(--heading-color);
}

.product__card__cart__btn__icon {
    background-color: unset;
    border: 1px solid var(--main-color-one);
    color: var(--main-color-one);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.product__card__cart__btn__icon:hover {
    background-color: var(--main-color-one);
    color: var(--white);
}

.product__card__cart__btn__icon.color-two {
    border-color: var(--main-color-two);
    color: var(--main-color-two);
}

.product__card__cart__btn__icon.color-two:hover {
    background-color: var(--main-color-two);
    color: var(--white);
}

.product__card__cart__btn__icon.color-three {
    border-color: var(--main-color-three);
    color: var(--main-color-three);
}

.product__card__cart__btn__icon.color-three:hover {
    background-color: var(--main-color-three);
    color: var(--white);
}

.product__card__cart__btn__icon.color-four {
    border-color: var(--main-color-four);
    color: var(--main-color-four);
}

.product__card__cart__btn__icon.color-four:hover {
    background-color: var(--main-color-four);
    color: var(--white);
}

.product__card__cart__btn__icon.color-five {
    border-color: var(--main-color-five);
    color: var(--main-color-five);
}

.product__card__cart__btn__icon.color-five:hover {
    background-color: var(--main-color-five);
    color: var(--white);
}

.product__card__cart__btn__icon.btn__black {
    background-color: unset;
    border-color: var(--heading-color);
    color: var(--heading-color);
}

.product__card__cart__btn__icon.btn__black:hover {
    color: var(--white);
    background-color: var(--heading-color);
    border-color: var(--heading-color);
}

.product__card__cart__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.product__price {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
}

.product__price__current {
    color: var(--main-color-one);
}

.product__price__current.color-two {
    color: var(--main-color-two);
}

.product__price__current.color-three {
    color: var(--main-color-three);
}

.product__price__current.color-four {
    color: var(--main-color-four);
}

.product__price__current.color-five {
    color: var(--main-color-five);
}

.product__price s,
.product__price__old {
    color: var(--body-color);
    font-weight: 400;
    font-size: 15px;
}

/* Category css start */
.single__category.text-center .single__category__thumb {
    margin-inline: auto;
}

.single__category__thumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 110px;
    width: 110px;
    background-color: var(--gray-two);
    border-radius: 50%;
    overflow: hidden;
}

.single__category__thumb img {
    max-width: 100%;
}


.single__category__thumb img {
    width: 80%;
}

.single__category__title {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: var(--heading-color);
}

.append_category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}

.append_category .prev-icon,
.append_category .next-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    background-color: var(--white);
    color: var(--heading-color);
    border: 1px solid var(--border-dark);
    font-size: 18px;
    border-radius: 2px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.append_category .prev-icon:hover,
.append_category .next-icon:hover {
    background-color: var(--main-color-one);
    color: var(--white);
    border-color: var(--main-color-one);
}

.bg__dullPink {
    background-color: #DE84A8;
}

.bg__fadedOrange {
    background-color: var(--main-color-two);
}

.bg__darkBlue {
    background-color: #7499C6;
}

.bg__dustyGray {
    background-color: #A39A93;
}

.bg__birdFlower {
    background-color: #E1CC33;
}

.bg__bluishCyan {
    background-color: #1DB3E6;
}

.bg__magentaPurple {
    background-color: #CEA1DA;
}

.bg__magentaPurple {
    background-color: var(--main-color-two);
}

/* Promo css start */
.promo__wrapper {
    -webkit-box-shadow: 0 0 20px var(--box-shadow);
    box-shadow: 0 0 20px var(--box-shadow);
    padding: 50px 24px;
    border-radius: 20px;
}

.promo__item__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px 12px;
}

.promo__item__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 70px;
    width: 70px;
    font-size: 40px;
    border-radius: 50%;
    border: 1px solid var(--main-color-one);
    background-color: rgba(var(--main-color-one-rgb), 0.1);
    color: var(--main-color-one);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.promo__item__icon svg path {
    stroke: var(--main-color-one);
}

.promo__item__title {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    color: var(--heading-color);
}

.promo__item__para {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: var(--paragraph-color);
}

div[class*=col]:nth-child(4n+2) .promo__item__icon {
    border-color: #FD8D14;
    background-color: rgba(253, 141, 20, 0.1);
}

div[class*=col]:nth-child(4n+2) .promo__item__icon svg path {
    stroke: #FD8D14;
}

div[class*=col]:nth-child(4n+3) .promo__item__icon {
    border-color: #525FE1;
    background-color: rgba(82, 95, 225, 0.1);
}

div[class*=col]:nth-child(4n+3) .promo__item__icon svg path {
    stroke: #525FE1;
}

div[class*=col]:nth-child(4n+4) .promo__item__icon {
    border-color: #2CD4D9;
    background-color: rgba(44, 212, 217, 0.1);
}

div[class*=col]:nth-child(4n+4) .promo__item__icon svg path {
    stroke: #2CD4D9;
}

/* All Product css */
.allProduct__tab ul li {
    border-radius: 5px;
    overflow: hidden;
}

.allProduct__item {
    -webkit-box-shadow: 0 0 20px var(--box-shadow);
    box-shadow: 0 0 20px var(--box-shadow);
    overflow: hidden;
}

.allProduct__item__thumb {
    height: 100px;
    background: #f7f7f7;
}

.allProduct__item__thumb a {
    display: block;
    height: 100%;
    width: 100%;
}

.allProduct__item__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.allProduct__item__contents {
    padding: 0 20px 20px;
}

.allProduct__item__brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 70px;
    width: 70px;
    background-color: #F2F4F7;
    border-radius: 50%;
    border: 2px solid var(--white);
    margin-top: -35px;
    position: relative;
    -webkit-box-shadow: 0 0 5px var(--box-shadow);
    box-shadow: 0 0 5px var(--box-shadow);
}

.allProduct__item__title {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    color: var(--heading-color);
    min-height: 48px;
    word-break: break-all;
}

/* Brand Logo Css */
.brand__item__thumb {
    height: 90px;
    width: 100%;
    vertical-align: middle;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid var(--border-two);
    padding: 10px;
}

.brand__item__thumb img {
    margin-inline: auto;
    height: 100%;
    max-width: 100%;
    object-fit: contain;
}

/* Winter Product Css */
.winter__bg1 {
    background-color: #E0F5FF;
}

.winter__bg2 {
    background-color: #FCE6DF;
}

.winter__bg3 {
    background-color: rgba(243, 245, 101, 0.2);
}

.winterProduct__contents {
    padding: 75px 0 75px 50px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .winterProduct__contents {
        padding: 55px 0 55px 50px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .winterProduct__contents {
        padding: 40px 0 40px 30px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .winterProduct__contents {
        padding: 75px 0 75px 30px;
    }
}

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

.winterProduct__title {
    font-size: 64px;
    font-weight: 700;
    line-height: 1.1;
    color: var(--main-color-three);
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .winterProduct__title {
        font-size: 54px;
    }
}

.winterProduct__subtitle {
    font-size: 40px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--main-color-three);
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .winterProduct__subtitle {
        font-size: 30px;
    }
}

.winterProduct__list__item {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--main-color-three);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 5px;
}

.winterProduct__list__item:not(:first-child) {
    margin-top: 10px;
}

.winterProduct__list__item::before {
    content: "\f00c";
    font-family: "Line Awesome Free";
    font-weight: 900;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.winterProduct__moreBtn {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--main-color-three);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 5px;
}

.winterProduct__moreBtn::before {
    content: "\f067";
    font-family: "Line Awesome Free";
    font-weight: 900;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

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

.winterProduct__single__contents {
    padding: 40px 0;
}

.winterProduct__single__contents__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.1;
    color: var(--heading-color);
    text-transform: uppercase;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .winterProduct__single__contents__title {
        font-size: 18px;
    }
}

/* Counter Css */
.counter__shadow {
    -webkit-box-shadow: 0px -20px 20px var(--box-shadow);
    box-shadow: 0px -20px 20px var(--box-shadow);
}

.counter__item.text-center .counter__item__icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-inline: auto;
}

.counter__item__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 70px;
    width: 70px;
    border-radius: 50%;
    background-color: rgba(var(--main-color-two-rgb), 0.1);
    color: var(--main-color-two);
    border: 1px solid var(--main-color-two);
}

.counter__item__icon svg path {
    stroke: var(--main-color-two);
}

.counter__item__title {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    color: var(--heading-color);
}

.counter__item__para {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: var(--paragraph-color);
}

div[class*=col]:nth-child(3n+2) .counter__item__icon {
    background-color: rgba(var(--main-color-three-rgb), 0.1);
    color: var(--main-color-three);
    border: 1px solid var(--main-color-three);
}

div[class*=col]:nth-child(3n+2) .counter__item__icon svg path {
    stroke: var(--main-color-three);
}

div[class*=col]:nth-child(3n+3) .counter__item__icon {
    background-color: rgba(var(--main-color-one-rgb), 0.1);
    color: var(--main-color-one);
    border: 1px solid var(--main-color-one);
}

div[class*=col]:nth-child(3n+3) .counter__item__icon svg path {
    stroke: var(--main-color-one);
}

/*-------------------------
  Section Title
-------------------------*/
.section__title {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}

.section__title.text-left {
    text-align: left;
}

.section__title.text-center {
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.section__title.white-color {
    color: var(--white);
}

.section__title.white-color .title {
    color: var(--white);
}

.section__title.section_borderBottom {
    border-bottom: 1px solid rgba(221, 221, 221, 0.4);
    padding-bottom: 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .section__title.section_borderBottom {
        padding-bottom: 20px;
    }
}

.section__title .title {
    font-size: 28px;
    font-weight: 600;
    line-height: 32px;
    color: var(--heading-color);
    margin: -6px 0 0 0;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .section__title .title {
        font-size: 30px;
        line-height: 36px;
    }
}

@media only screen and (max-width: 575.98px) {
    .section__title .title {
        font-size: 25px;
        line-height: 32px;
    }
}

@media only screen and (max-width: 375px) {
    .section__title .title {
        font-size: 22px;
        line-height: 28px;
    }
}

.section__title .title-left {
    display: -webkit-box;
}

.viewAll_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2px;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: var(--main-color-one);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.viewAll_btn:hover {
    color: var(--main-color-one);
    letter-spacing: 1px;
}

.viewAll_btn i {
    font-size: 20px;
}

/*---------------------------------------
  ## Button
---------------------------------------*/
.btn-wrapper {
    display: block;
}

.cmn_btn {
    color: var(--paragraph-color);
    font-size: 16px;
    font-weight: 500;
    font-family: var(--body-font);
    display: inline-block;
    text-align: center;
    cursor: pointer;
    line-height: 20px;
    padding: 12px 30px;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

@media only screen and (max-width: 575.98px) {
    .cmn_btn {
        padding: 10px 25px;
        font-size: 15px;
    }
}

@media only screen and (max-width: 375px) {
    .cmn_btn {
        padding: 5px 15px;
        font-size: 14px;
    }
}

.cmn_btn.btn_bg_1 {
    background: var(--main-color-one);
    color: var(--white);
    border: 2px solid var(--main-color-one);
}

.cmn_btn.btn_bg_1:hover {
    background: none;
    color: var(--main-color-one);
}

.cmn_btn.btn_bg_2 {
    background: var(--main-color-two);
    color: var(--white);
    border: 2px solid var(--main-color-two);
}

.cmn_btn.btn_bg_2:hover {
    background: none;
    color: var(--main-color-two);
}

.cmn_btn.btn_bg_3 {
    background: var(--main-color-three);
    color: var(--white);
    border: 2px solid var(--main-color-three);
}

.cmn_btn.btn_bg_3:hover {
    background: none;
    color: var(--main-color-three);
}

.cmn_btn.btn_bg_yellow {
    background: var(--yellow-color);
    color: var(--heading-color);
}

.cmn_btn.btn_bg_yellow:hover {
    background: var(--main-color-one);
    color: var(--white);
}

.cmn_btn.btn_bg_black {
    background: var(--heading-color);
    color: var(--white);
    border: 2px solid var(--heading-color);
}

.cmn_btn.btn_bg_black:hover {
    background-color: var(--main-color-one);
    color: var(--white);
    border-color: var(--main-color-one);
}

/*---------------------------------------
  ## Back Top
---------------------------------------*/
.back-to-top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    width: 50px;
    height: 50px;
    background-color: var(--main-color-one);
    color: var(--white);
    text-align: center;
    line-height: 50px;
    border-radius: 5px;
    z-index: 99;
    font-size: 25px;
    cursor: pointer;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    display: none;
}

@media only screen and (max-width: 575.98px) {
    .back-to-top {
        height: 40px;
        width: 40px;
        font-size: 22px;
        line-height: 40px;
        bottom: 20px;
        right: 20px;
    }
}

.back-to-top.bg-color-two {
    background: var(--black);
}

.back-to-top.bg-color-three {
    background: var(--black);
}

.back-to-top.bg-color-four {
    background: var(--black);
}

/* Tabs Design */
.tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.tabs li {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    cursor: pointer;
    padding: 5px 15px;
    -webkit-transition: 300ms;
    transition: 300ms;
    position: relative;
    color: var(--heading-color);
    background-color: var(--border-color);
    z-index: 0;
}

.tabs li::after,
.tabs li::before {
    content: "";
    position: absolute;
    height: 0%;
    width: 0%;
    left: 0%;
    bottom: 0;
    background-color: var(--main-color-one);
    -webkit-transition: 0.4s;
    transition: 0.4s;
    z-index: -1;
}

.tabs li::before {
    bottom: auto;
    top: 0;
    left: auto;
    right: 0;
    background-color: var(--border-color);
}

.tabs li.active {
    color: var(--white);
}

.tabs li.active::after,
.tabs li.active::before {
    width: 100%;
    height: 100%;
    background-color: var(--main-color-one);
}

.tab_content_item_two,
.tab_content_item {
    display: none;
}

.tab_content_item_two.active,
.tab_content_item.active {
    display: block;
    -webkit-animation: 1s fade-effects;
    animation: 1s fade-effects;
}

@keyframes fade-effects {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

/* Countdown Css */
.global__countdown>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}

.global__countdown__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 5px;
}

.global__countdown__count {
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    color: var(--main-color-one);
    background-color: unset;
    padding: 0;
}

.global__countdown__name {
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    color: var(--main-color-one);
}

/* ==================================================================
  New Home page Style Four
====================================================================*/


.btn-flex,
.btn_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
}

.btn-wrapper .cmn-btn {
    line-height: 28px;
    position: relative;
}

.btn-wrapper .cmn-btn.btn-bg-5 {
    background: var(--main-color-one);
    color: var(--white);
    border: 2px solid var(--main-color-one);
    z-index: 0;
}

.btn-wrapper .cmn-btn.btn-bg-5::after,
.btn-wrapper .cmn-btn.btn-bg-5::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 0%;
    left: 0;
    top: 0;
    background-color: var(--heading-color);
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.btn-wrapper .cmn-btn.btn-bg-5::before {
    background-color: var(--white);
    left: auto;
    right: 0;
}

.btn-wrapper .cmn-btn.btn-bg-5:hover {
    color: var(--white);
}

.btn-wrapper .cmn-btn.btn-bg-5:hover::after,
.btn-wrapper .cmn-btn.btn-bg-5:hover::before {
    visibility: visible;
    opacity: 1;
    width: 100%;
}

.btn-wrapper .cmn-btn.btn-bg-5:hover::before {
    width: 100%;
}

.btn-wrapper .cmn-btn.btn-outline-five,
.btn-wrapper .cmn-btn.btn-outline-5 {
    border: 2px solid var(--main-color-one);
    z-index: 0;
    color: var(--main-color-one);
}

.btn-wrapper .cmn-btn.btn-outline-five.color-five,
.btn-wrapper .cmn-btn.btn-outline-5.color-five {
    color: var(--main-color-one);
}

.btn-wrapper .cmn-btn.btn-outline-five::after,
.btn-wrapper .cmn-btn.btn-outline-five::before,
.btn-wrapper .cmn-btn.btn-outline-5::after,
.btn-wrapper .cmn-btn.btn-outline-5::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 0%;
    left: 0;
    top: 0;
    background-color: var(--main-color-one);
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
}

.btn-wrapper .cmn-btn.btn-outline-five::before,
.btn-wrapper .cmn-btn.btn-outline-5::before {
    background-color: var(--heading-color);
    left: auto;
    right: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.btn-wrapper .cmn-btn.btn-outline-five:hover,
.btn-wrapper .cmn-btn.btn-outline-5:hover {
    color: var(--white);
}

.btn-wrapper .cmn-btn.btn-outline-five:hover::after,
.btn-wrapper .cmn-btn.btn-outline-five:hover::before,
.btn-wrapper .cmn-btn.btn-outline-5:hover::after,
.btn-wrapper .cmn-btn.btn-outline-5:hover::before {
    visibility: visible;
    opacity: 1;
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.btn-wrapper .cmn-btn.btn-outline-five:hover::before,
.btn-wrapper .cmn-btn.btn-outline-5:hover::before {
    width: 100%;
}

/* Topbar Four */
@media only screen and (max-width: 575px) {
    .topbar-four .topbar-left-contents {
        text-align: center;
    }

    .topbar-four .topbar-left-contents .topbar-social {
        justify-content: center;
    }
}

.topbar-four .topbar-left-contents .call-us {
    font-size: 15px;
    margin: 0;
}

.topbar-four .topbar-left-contents .call-us:hover {
    color: var(--heading-color);
}

.topbar-four .language-content {
    z-index: 980;
}

.topbar-four .language-content .nice-select {
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 15px;
    font-weight: 400;
}

.topbar-four .language-content.country-content .nice-select {
    width: auto;
}

@media only screen and (max-width: 375px) {
    .topbar-four .language-content.country-content .nice-select {
        width: unset;
    }
}

.topbar-four .topbar-select-item:not(:last-child)::after {
    background-color: rgba(var(--white-rgb), 0.8);
    right: -5px;
}

.topbar-four .topbar-right-flex {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

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

@media only screen and (max-width: 767.98px) {
    .topbar-four .topbar-right-offer {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .topbar-right-contents .list,
    .topbar-right-offer .list {
        justify-content: center;
    }
}

.topbar-four .topbar-right-offer-item:not(:last-child)::after {
    background-color: rgba(var(--white-rgb), 0.8);
}

.topbar-four .topbar-right-offer-para {
    color: rgba(var(--white-rgb), 0.8);
    font-size: 15px;
}

.topbar-four .topbar-right-offer-para strong {
    color: var(--white);
}

.topbar-four .topbar-right-offer-buy {
    color: var(--white);
    font-size: 15px;
}

.topbar-four .topbar-right-offer-buy:hover {
    color: var(--white);
}

@media only screen and (max-width: 767.98px) {
    .topbar-four .topbar-select-content {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.topbar-select-item {
    position: relative;
}

.topbar-select-item:not(:last-child)::after {
    content: "";
    position: absolute;
    height: 70%;
    width: 2px;
    right: -10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: var(--extra-light-color);
}

.topbar-right-offer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.topbar-right-offer-item {
    position: relative;
    font-family: var(--inter-font);
}

.topbar-right-offer-item:not(:last-child) {
    padding-right: 10px;
    margin-right: 10px;
}

.topbar-right-offer-item:not(:last-child)::after {
    content: "";
    position: absolute;
    height: 70%;
    width: 2px;
    right: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: var(--extra-light-color);
}

.topbar-right-offer-para {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    color: var(--paragraph-color);
    font-family: var(--inter-font);
}

.topbar-right-offer-buy {
    font-weight: 500;
    color: var(--heading-color);
    border-bottom: 1px solid;
}

.topbar-right-offer-buy:hover {
    color: var(--main-color-one);
}

/* Topbar Bottom Css */
.topbar-bottom-four {
    /* padding: 10px 0; */
    padding: 0px 0;
    background: #f5f5f5;
}

.topbar-bottom-four .category-searchbar .form--control {
    padding: 0 75px 0 20px;
}

.topbar-bottom-four .right-position-button {
    background-color: var(--main-color-one);
}

.color-two.topbar-bottom-four .right-position-button {
    background-color: var(--main-color-two);
}

.color-three.topbar-bottom-four .right-position-button {
    background-color: var(--main-color-three);
}

.color-four.topbar-bottom-four .right-position-button {
    background-color: var(--main-color-four);
}

.color-five.topbar-bottom-four .right-position-button {
    background-color: var(--main-color-five);
}

.topbar-bottom-four .topbar-bottom-right-flex {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 12px 24px;
}

@media only screen and (max-width: 767.98px) {
    .topbar-bottom-four .topbar-bottom-right-flex {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.topbar-bottom-four .track-icon-list {
    gap: 12px 24px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .topbar-bottom-four .track-icon-list {
        gap: 12px 10px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .topbar-bottom-four .track-icon-list {
        gap: 12px 10px;
    }
}

.topbar-bottom-four .track-icon-single:hover {
    color: var(--main-color-one);
}

.color-two.topbar-bottom-four .track-icon-single:hover {
    color: var(--main-color-two);
}

.color-three.topbar-bottom-four .track-icon-single:hover {
    color: var(--main-color-three);
}

.color-four.topbar-bottom-four .track-icon-single:hover {
    color: var(--main-color-four);
}

.color-five.topbar-bottom-four .track-icon-single:hover {
    color: var(--main-color-five);
}

.topbar-bottom-four .track-icon-single .icon {
    color: var(--main-color-one);
}

.color-two.topbar-bottom-four .track-icon-single .icon {
    color: var(--main-color-two);
}

.color-three.topbar-bottom-four .track-icon-single .icon {
    color: var(--main-color-three);
}

.color-four.topbar-bottom-four .track-icon-single .icon {
    color: var(--main-color-four);
}

.color-five.topbar-bottom-four .track-icon-single .icon {
    color: var(--main-color-five);
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .topbar-bottom-four .track-icon-single .icon-title {
        display: none;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .track-icon-list-item .icon-title {
        display: none;
    }
}

.track-icon-single {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3px;
    font-size: 14px;
    font-weight: 400;
    color: var(--paragraph-color);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.track-icon-single:hover {
    color: var(--main-color-one);
}

.track-icon-single .icon {
    font-size: 22px;
    color: var(--main-color-one);
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .track-icon-single .icon-title {
        display: none;
    }
}

.topbar-bottom-four .topbar-bottom-right-content {
    margin-left: 0;
}

.single-right-content .login-account .account-list-item.hover-color-five .list a:hover {
    background: var(--main-color-one);
}

.single-right-content .login-account .account-list-item .list a:hover {
    background: var(--black);
    color: var(--white);
}

.color-two .single-right-content .login-account .account-list-item .list a:hover {
    background: var(--main-color-two);
    color: var(--white);
}

.color-three .single-right-content .login-account .account-list-item .list a:hover {
    background: var(--main-color-three);
    color: var(--white);
}

.color-four .single-right-content .login-account .account-list-item .list a:hover {
    background: var(--main-color-four);
    color: var(--white);
}

.color-five .single-right-content .login-account .account-list-item .list a:hover {
    background: var(--main-color-five);
    color: var(--white);
}

.single-right-content .login-account .accounts {
    gap: 5px;
    font-size: 14px;
}

.single-right-content .login-account .accounts i {
    color: var(--black);
}

.color-two .single-right-content .login-account .accounts i {
    color: var(--main-color-two);
}

.color-three .single-right-content .login-account .accounts i {
    color: var(--main-color-three);
}

.color-four .single-right-content .login-account .accounts i {
    color: var(--main-color-four);
}

.color-five .single-right-content .login-account .accounts i {
    color: var(--main-color-five);
}

.single-right-content .login-account .accounts:hover {
    color: var(--black);
}

.color-two .single-right-content .login-account .accounts:hover {
    color: var(--main-color-two);
}

.color-three .single-right-content .login-account .accounts:hover {
    color: var(--main-color-three);
}

.color-four .single-right-content .login-account .accounts:hover {
    color: var(--main-color-four);
}

.color-five .single-right-content .login-account .accounts:hover {
    color: var(--main-color-five);
}

.single-right-content .login-account .accounts:hover i {
    color: var(--black);
}

.color-two .single-right-content .login-account .accounts:hover i {
    color: var(--main-color-two);
}

.color-three .single-right-content .login-account .accounts:hover i {
    color: var(--main-color-three);
}

.color-four .single-right-content .login-account .accounts:hover i {
    color: var(--main-color-four);
}

.color-five .single-right-content .login-account .accounts:hover i {
    color: var(--main-color-five);
}

.single-right-content .track-icon-list {
    gap: 20px 12px;
    margin: 0;
    padding-top: 10px;
}

.single-right-content .track-icon-list .track-icon-single:hover {
    color: var(--main-color-one);
}

.single-right-content .track-icon-list .track-icon-single:hover .icon {
    color: var(--main-color-one);
}

.single-right-content .track-icon-list .single-icon {
    margin: 0;
    color: var(--paragraph-color);
    margin-left: 5px;
}

.single-right-content .track-icon-list .single-icon:hover {
    color: var(--main-color-one);
}

.single-right-content .track-icon-list .single-icon .icon {
    font-size: 22px;
}

.single-right-content .track-icon-list .single-icon .icon-notification {
    top: -10px;
    right: auto;
    left: 0;
    background: var(--btn-hover);
    font-size: 12px;
}

.color-two .single-right-content .track-icon-list .single-icon .icon-notification {
    background-color: var(--main-color-two);
}

.color-three .single-right-content .track-icon-list .single-icon .icon-notification {
    background-color: var(--main-color-three);
}

.color-four .single-right-content .track-icon-list .single-icon .icon-notification {
    background-color: var(--main-color-four);
}

.color-five .single-right-content .track-icon-list .single-icon .icon-notification {
    background-color: var(--main-color-five);
}

/* navbar css */

.navbar-area.nav-five .navbar-collapse .navbar-nav li a {
    padding: 7px 12px;
    font-size: 0.9rem;
}

.navbar-area.nav-five .navbar-collapse .navbar-nav li a:hover {
    color: var(--btn-hover);
}

.navbar-area.nav-five.color-two .navbar-collapse .navbar-nav li a:hover {
    color: var(--main-color-two);
}

.navbar-area.nav-five.color-three .navbar-collapse .navbar-nav li a:hover {
    color: var(--main-color-three);
}

.navbar-area.nav-five.color-four .navbar-collapse .navbar-nav li a:hover {
    color: var(--main-color-four);
}

.navbar-area.nav-five.color-five .navbar-collapse .navbar-nav li a:hover {
    color: var(--main-color-five);
}

.navbar-area.nav-five .navbar-collapse .navbar-nav li.menu-item-has-children>a {
    padding: 10px 12px;
}

.navbar-area.nav-five .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
    border-color: var(--fmain-color-five);
}

.navbar-area.nav-five .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
    padding: 10px 12px;
}

.navbar-area.nav-five .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
    background-color: var(--main-color-one);
}

.navbar-area.nav-five.color-two .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
    background-color: var(--main-color-two);
}

.navbar-area.nav-five.color-three .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
    background-color: var(--main-color-three);
}

.navbar-area.nav-five.color-four .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
    background-color: var(--main-color-four);
}

.navbar-area.nav-five.color-five .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
    background-color: var(--main-color-five);
}

.navbar-area.nav-five .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu li:hover:before {
    color: var(--white);
}

.navbar-area.nav-five .cart-shopping .btn-wrapper .cart-btn {
    background-color: var(--main-color-one);
    border: 2px solid var(--main-color-one);
}

.navbar-area.nav-five .cart-shopping .btn-wrapper .cart-btn:hover {
    background: none;
    color: var(--main-color-one);
}

.color-two.navbar-area.nav-five .cart-shopping .btn-wrapper .cart-btn {
    background-color: var(--main-color-two);
    border: 2px solid var(--main-color-two);
}

.color-two.navbar-area.nav-five .cart-shopping .btn-wrapper .cart-btn:hover {
    color: var(--main-color-two);
    background: none;
}

.navbar-area.nav-five .cart-shopping .btn-wrapper .cart-btn.cart-btn-outline {
    color: var(--main-color-one);
    border: 2px solid var(--main-color-one);
    background-color: transparent;
}

.navbar-area.nav-five .cart-shopping .btn-wrapper .cart-btn.cart-btn-outline:hover {
    color: var(--white);
    background-color: var(--main-color-one);
}

.color-two.navbar-area.nav-five .cart-shopping .btn-wrapper .cart-btn.cart-btn-outline {
    color: var(--main-color-two);
    border: 2px solid var(--main-color-two);
    background-color: transparent;
}

.color-two.navbar-area.nav-five .cart-shopping .btn-wrapper .cart-btn.cart-btn-outline:hover {
    color: var(--white);
    background-color: var(--main-color-two);
}

.navbar-area.nav-five .navbar-inner-all {
    width: 100%;
}

.nav-category {
    border-right: 1px solid var(--paragraph-color);
    padding-right: 15px;
    cursor: pointer;
    display: inline-block;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .nav-category {
        border: 1px solid var(--border-color);
        padding: 5px;
        margin: 10px 0 10px;
    }

    .navbar-inner-all--left {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .nav-five.navbar-area .nav-container .responsive-mobile-menu {
        min-height: 40px;
    }

    .responsive-mobile-menu .logo-wrapper img {
        max-width: 170px;
    }
}

@media only screen and (max-width: 480px) {
    .navbar-inner-all--left {
        flex-wrap: wrap;
    }
}

.nav-category .nav-category-bars {
    font-size: 16px;
    color: var(--heading-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
}

.nav-category .nav-category-bars i {
    font-size: 22px;
}

.categoryNav_overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-color: rgba(var(--black-rgb), 0.7);
    z-index: 991;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.categoryNav_overlay.show {
    visibility: visible;
    opacity: 1;
}

.categoryNav {
    position: fixed;
    height: 100vh;
    background-color: var(--white);
    padding: 20px;
    z-index: 992;
    top: 0;
    left: 0;
    width: 300px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.categoryNav.show {
    visibility: visible;
    opacity: 1;
    left: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.categoryNav__close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 30px;
    width: 30px;
    background-color: #f0f0f0;
    color: red;
    font-size: 18px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.categoryNav__close:hover {
    background-color: red;
    color: var(--white);
}

.categoryNav__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--heading-color);
}

.categoryNav__inner {
    position: relative;
}

.categoryNav__inner::-webkit-scrollbar {
    background-color: #ececec;
    width: 5px;
}

.categoryNav__inner::-webkit-scrollbar-thumb {
    background-color: #bdbdbd;
}

.categoryNav__list {
    background-color: #fbfbfb;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.categoryNav__list.menu_visible {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.categoryNav__list.translate-left {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.categoryNav__list.translate-right {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.categoryNav__list li:not(:last-child)>a {
    border-bottom: 1px solid var(--border-color-2);
}

.categoryNav__list li.has_children a::after {
    content: "\f105";
    font-family: "Line Awesome Free";
    font-weight: 900;
}

.categoryNav__list li a {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: var(--paragraph-color);
    padding: 10px 20px;
    display: block;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.categoryNav__list li a:hover {
    background-color: rgba(var(--main-color-one-rgb), 0.1);
}

.categoryNav__list li .mega-menu-main li a {
    padding: 10px 0px;
}

.categoryNav__list .cate-list {
    padding: 0;
    border: 0;
}

.categoryNav__list .cate-list.menu-item-has-children::after {
    top: 8px;
}

.categoryNav__list .cate-list.show>a {
    background-color: rgba(var(--main-color-one-rgb), 0.1);
}

/* .categoryNav__list .cate-list.menu-item-has-children.show::after {
  content: "\f107";
} */

/* .categoryNav__list .cate-list .category-megamenu {
  height: 0;
  padding: 0;
  margin: 0;
  border: 0;
} */

/* .categoryNav__list .cate-list.show .category-megamenu {
  position: initial;
  visibility: visible;
  opacity: 1;
  display: grid;
  width: 100%;
  max-width: 100%;
  min-width: fit-content;
  padding: 10px;
  height: 100%;
} */
.categoryNav__list .cate-list.show .category-megamenu {
    top: 0;
    visibility: visible;
    opacity: 1;
}

@media screen and (max-width: 991.98px) {
    .categoryNav__list .cate-list.show .category-megamenu {
        height: 100%;
    }
}

.categoryNav__list li a.back_mainMenu {
    background-color: var(--heading-color);
    color: var(--white);
}

.categoryNav__list li a.back_mainMenu:hover {
    background-color: var(--heading-color);
    color: var(--white);
}

/* Banner Four */
.dot-style-one.dot-color-five .slick-dots li.slick-active {
    background: var(--main-color-one);
}

.banner-four {
    padding: 50px 0;
}

.banner-four .banner-wrapper {
    position: relative;
    padding-top: 50px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .banner-four .banner-wrapper {
        padding-top: 100px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .banner-four .banner-wrapper {
        padding-top: 100px;
    }
}

.banner-four .banner-wrapper-offer {
    position: absolute;
    right: 0;
    top: 0;
}

.banner-four .banner-wrapper-offer-shape {
    position: absolute;
    left: -30%;
    bottom: -25%;
    z-index: -1;
}

.banner-wrapper-thumb {
    max-height: 550px;
}

.banner-four .middle-content .banner-middle-title {
    font-size: 72px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--heading-color);
    font-family: var(--inter-font);
    -webkit-line-clamp: unset;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .banner-four .middle-content .banner-middle-title {
        font-size: 64px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .banner-four .middle-content .banner-middle-title {
        font-size: 54px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .banner-four .middle-content .banner-middle-title {
        font-size: 48px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .banner-four .middle-content .banner-middle-title {
        font-size: 54px;
    }
}

@media only screen and (max-width: 575.98px) {
    .banner-four .middle-content .banner-middle-title {
        font-size: 42px;
    }
}

@media only screen and (max-width: 480px) {
    .banner-four .middle-content .banner-middle-title {
        font-size: 36px;
    }
}

@media only screen and (max-width: 375px) {
    .banner-four .middle-content .banner-middle-title {
        font-size: 32px;
    }
}

.banner-four .middle-content .middle-para {
    font-size: 16px;
    font-weight: 400;
    color: var(--paragraph-color);
    line-height: 28px;
    max-width: 560px;
    font-family: var(--inter-font);
}

.banner-four .middle-content .middle-price {
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--heading-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: var(--inter-font);
    gap: 5px;
}

.banner-four .middle-content .middle-price s {
    color: var(--paragraph-color);
    font-size: 20px;
    font-weight: 400;
}

.banner-four .banner-wrapper-offer-inner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--heading-color);
    border-radius: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 160px;
    width: 160px;
    color: var(--white);
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .banner-four .banner-wrapper-offer-inner {
        height: 130px;
        width: 130px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .banner-four .banner-wrapper-offer-inner {
        height: 130px;
        width: 130px;
    }
}

.banner-four .banner-wrapper-offer-inner .parcent {
    font-size: 48px;
    line-height: 1.2;
    font-weight: 700;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .banner-four .banner-wrapper-offer-inner .parcent {
        font-size: 42px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .banner-four .banner-wrapper-offer-inner .parcent {
        font-size: 42px;
    }
}

.banner-four .banner-wrapper-offer-inner .off {
    font-size: 32px;
    line-height: 1.2;
    font-weight: 400;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .banner-four .banner-wrapper-offer-inner .off {
        font-size: 28px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .banner-four .banner-wrapper-offer-inner .off {
        font-size: 28px;
    }
}

/* Category */
.browseAl {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: var(--heading-color);
    text-decoration: underline;
    transition: all .3s;
}

.browseAl:hover {
    color: var(--main-color-one);
}

.category_wrapper__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 24px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.category_wrapper__item {
    width: calc(12.5% - 21px);
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .category_wrapper__item {
        width: calc(16.6666666667% - 20px);
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .category_wrapper__item {
        width: calc(20% - 19.2px);
    }
}

@media only screen and (max-width: 767.98px) {
    .category_wrapper__item {
        width: calc(25% - 18px);
    }
}

@media only screen and (max-width: 575.98px) {
    .category_wrapper__item {
        width: calc(33.3333333333% - 16px);
    }
}

@media only screen and (max-width: 375px) {
    .category_wrapper__item {
        width: calc(50% - 12px);
    }
}

.signle_category__thumb img {
    border-radius: 50%;
}

.signle_category__title {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: var(--heading-color);
}

@media screen and (max-width: 991.98px) and (min-width: 576px) {
    .signle_category__title {
        font-size: 16px;
    }
}

/* Flash Sale */
.flashSale_countdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flashSale_countdown__para {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: var(--main-color-one);
}

.loopCounter_global {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px;
}

.desktop-center .loopCounter_global,
.center-text .loopCounter_global,
.text-center .loopCounter_global {
    justify-content: center;
}

@media only screen and (max-width: 375px) {
    .loopCounter_global {
        gap: 20px;
    }
}

.global__countdown__item,
.loopCounter_global__item {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: var(--main-color-one);
    position: relative;
    border: 1px solid var(--main-color-one);
    padding: 5px 10px;
    border-radius: 3px;
}

.loopCounter_global__item:not(:last-child)::after {
    content: ":";
    position: absolute;
    right: -14px;
    color: var(--main-color-one);
    font-weight: 500;
    font-size: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media only screen and (max-width: 375px) {
    .loopCounter_global__item:not(:last-child)::after {
        right: -12px;
    }
}

.loopCounter_global .counter-days,
.loopCounter_global .counter-hours,
.loopCounter_global .counter-minutes,
.loopCounter_global .counter-seconds {
    line-height: 22px;
}

/* Flash Sale Css */
.product_card {
    border: 1px solid var(--border-color);
    overflow: hidden;
    height: 100%;
}

.product_card:hover .product_card__thumb__icons {
    visibility: visible;
    opacity: 1;
}

.product_card:hover .product_card__thumb__icons .lists .icon {
    right: 0px;
}

.product_card__thumb {
    position: relative;
    height: 190px;
    background: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.product_card__thumb__bgImg {
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 194px;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product_card__thumb__bgImg img {
    max-width: 100%;
    max-height: 100%;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .product_card__thumb__bgImg {
        height: 165px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .product_card__thumb__bgImg {
        height: 214px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .product_card__thumb__bgImg {
        height: 214px;
    }
}

@media only screen and (max-width: 767.98px) {
    .product_card__thumb__bgImg {
        height: 244px;
    }
}

@media only screen and (max-width: 575.98px) {
    .product_card__thumb__bgImg {
        height: 218px;
        background-size: cover;
    }
}

@media only screen and (max-width: 375px) {
    .product_card__thumb__bgImg {
        height: 280px;
    }
}

.product_card__thumb img {
    width: 100%;
}

.product_card__thumb__percent {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 9;
    display: block;
}

.product_card__thumb__percent.right-side {
    left: auto;
    right: 10px;
}

.product_card__thumb__percent .percent-box {
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    padding: 5px 15px;
    background-color: var(--white);
    color: var(--heading-color);
    border: 1px solid var(--border-color);
}

.product_card__thumb__percent .percent-box:not(:last-child) {
    margin-bottom: 10px;
}

.product_card__thumb__percent .percent-box.bg-delete {
    background-color: var(--delete-color);
    color: var(--white);
    border-color: var(--delete-color);
}

.product_card__thumb__percent .percent-box.bg-topSale {
    background-color: var(--section-bg);
    color: var(--heading-color);
    border-color: var(--section-bg);
}

.product_card__thumb__percent .percent-box.bg-stock {
    background-color: var(--stock-color);
    color: var(--white);
    border-color: var(--stock-color);
}

.product_card__thumb__percent .percent-box.bg-1 {
    background-color: var(--main-color-one);
    color: var(--white);
    border-color: inherit;
}

.product_card__thumb__percent .percent-box.bg-2 {
    background-color: var(--main-color-two);
    color: var(--white);
    border-color: inherit;
}

.product_card__thumb__percent .percent-box.bg-3 {
    background-color: var(--main-color-three);
    color: var(--white);
    border-color: inherit;
}

.product_card__thumb__percent .percent-box.bg-4 {
    background-color: var(--main-color-four);
    color: var(--white);
    border-color: inherit;
}

.product_card__thumb__percent .percent-box.bg-5 {
    background-color: var(--main-color-one);
    color: var(--white);
    border-color: inherit;
}

.product_card__thumb__icons {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 9;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.product_card__thumb__icons.hover-color-one .lists .icon:hover {
    background: var(--main-color-one);
    color: var(--white);
}

.product_card__thumb__icons.hover-color-two .lists .icon:hover {
    background: var(--main-color-two);
    color: var(--white);
}

.product_card__thumb__icons.hover-color-three .lists .icon:hover {
    background: var(--main-color-three);
    color: var(--white);
}

.product_card__thumb__icons.hover-color-four .lists .icon:hover {
    background: var(--main-color-four);
    color: var(--white);
}

.product_card__thumb__icons.hover-color-five .lists .icon:hover {
    background: var(--main-color-five);
    color: var(--white);
}

.product_card__thumb__icons .lists:not(:last-child) {
    margin-bottom: 5px;
}

.product_card__thumb__icons .lists:nth-child(2n+1) .icon {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    right: -50px;
}

.product_card__thumb__icons .lists:nth-child(2n+2) .icon {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    right: -50px;
}

.product_card__thumb__icons .lists:nth-child(2n+3) .icon {
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    right: -50px;
}

.product_card__thumb__icons .lists:nth-child(2n+4) .icon {
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    right: -50px;
}

.product_card__thumb__icons .lists:nth-child(2n+5) .icon {
    -webkit-transition: all 1s;
    transition: all 1s;
    right: -50px;
}

.product_card__thumb__icons .lists:nth-child(2n+6) .icon {
    -webkit-transition: all 1.2s;
    transition: all 1.2s;
    right: -50px;
}

.product_card__thumb__icons .lists .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 30px;
    width: 30px;
    background: var(--white);
    color: var(--paragraph-color);
    font-size: 16px;
    border: 1px solid var(--border-color);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.product_card__thumb__icons .lists .icon:hover {
    background: var(--main-color-one);
    color: var(--white);
    border-color: inherit;
}

.product_card__contents {
    padding: 12px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.product_card__title {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: var(--heading-color);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.product_card__title:hover {
    color: var(--main-color-one);
}

.product_card__price {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--heading-color);
}

.product_card__price s {
    font-size: 16px;
    font-weight: 400;
    color: var(--extra-light-color);
}

/* updatedOffer Css */
.updatedOffer__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px 5px;
}

@media only screen and (max-width: 375px) {
    .updatedOffer__flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.updatedOffer__contents {
    padding: 20px 0 20px 20px;
}

.updatedOffer__subtitle {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--paragraph-color);
}

.updatedOffer__title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.1;
    color: var(--heading-color);
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .updatedOffer__title {
        font-size: 42px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .updatedOffer__title {
        font-size: 36px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .updatedOffer__title {
        font-size: 36px;
    }
}

.updatedOffer__para {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--paragraph-color);
}

.updatedOffer__thumb {
    max-width: 170px;
}

/* Popular Product Css */
.popularProduct {
    border: 1px solid var(--border-color);
    overflow: hidden;
    padding: 15px;
}

.popularProduct:hover .popularProduct__thumb__icons {
    visibility: visible;
    opacity: 1;
}

.popularProduct:hover .popularProduct__thumb__icons .lists .icon {
    right: 0px;
}

.popularProduct__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .popularProduct__flex {
        gap: 15px;
    }
}

@media only screen and (max-width: 480px) {
    .popularProduct__flex {
        gap: 10px;
    }
}

@media only screen and (max-width: 375px) {
    .popularProduct__flex {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.popularProduct__thumb {
    position: relative;
    max-width: 175px;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f7f7f7;
    height: 175px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .popularProduct__thumb {
        max-width: 150px;
    }
}

@media only screen and (max-width: 375px) {
    .popularProduct__thumb {
        max-width: 120px;
    }
}

.popularProduct__thumb__percent {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 9;
    display: block;
}

.popularProduct__thumb__percent.right-side {
    left: auto;
    right: 10px;
}

.popularProduct__thumb__percent .percent-box {
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    padding: 5px 15px;
    background-color: var(--white);
    color: var(--heading-color);
    border: 1px solid var(--border-color);
}

.popularProduct__thumb__percent .percent-box:not(:last-child) {
    margin-bottom: 10px;
}

.popularProduct__thumb__percent .percent-box.bg-delete {
    background-color: var(--delete-color);
    color: var(--white);
    border-color: var(--delete-color);
}

.popularProduct__thumb__percent .percent-box.bg-topSale {
    background-color: var(--section-bg);
    color: var(--heading-color);
    border-color: var(--section-bg);
}

.popularProduct__thumb__percent .percent-box.bg-stock {
    background-color: var(--stock-color);
    color: var(--white);
    border-color: var(--stock-color);
}

.popularProduct__thumb__percent .percent-box.bg-1 {
    background-color: var(--main-color-one);
    color: var(--white);
    border-color: inherit;
}

.popularProduct__thumb__percent .percent-box.bg-2 {
    background-color: var(--main-color-two);
    color: var(--white);
    border-color: inherit;
}

.popularProduct__thumb__percent .percent-box.bg-3 {
    background-color: var(--main-color-three);
    color: var(--white);
    border-color: inherit;
}

.popularProduct__thumb__percent .percent-box.bg-4 {
    background-color: var(--main-color-four);
    color: var(--white);
    border-color: inherit;
}

.popularProduct__thumb__percent .percent-box.bg-5 {
    background-color: var(--main-color-one);
    color: var(--white);
    border-color: inherit;
}

.popularProduct__thumb__icons {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 9;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.popularProduct__thumb__icons.hover-color-one .lists .icon:hover {
    background: var(--main-color-one);
    color: var(--white);
}

.popularProduct__thumb__icons.hover-color-two .lists .icon:hover {
    background: var(--main-color-two);
    color: var(--white);
}

.popularProduct__thumb__icons.hover-color-three .lists .icon:hover {
    background: var(--main-color-three);
    color: var(--white);
}

.popularProduct__thumb__icons.hover-color-four .lists .icon:hover {
    background: var(--main-color-four);
    color: var(--white);
}

.popularProduct__thumb__icons.hover-color-five .lists .icon:hover {
    background: var(--main-color-one);
    color: var(--white);
}

.popularProduct__thumb__icons .lists:not(:last-child) {
    margin-bottom: 5px;
}

.popularProduct__thumb__icons .lists:nth-child(2n+1) .icon {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    right: -50px;
}

.popularProduct__thumb__icons .lists:nth-child(2n+2) .icon {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    right: -50px;
}

.popularProduct__thumb__icons .lists:nth-child(2n+3) .icon {
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    right: -50px;
}

.popularProduct__thumb__icons .lists:nth-child(2n+4) .icon {
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    right: -50px;
}

.popularProduct__thumb__icons .lists:nth-child(2n+5) .icon {
    -webkit-transition: all 1s;
    transition: all 1s;
    right: -50px;
}

.popularProduct__thumb__icons .lists:nth-child(2n+6) .icon {
    -webkit-transition: all 1.2s;
    transition: all 1.2s;
    right: -50px;
}

.popularProduct__thumb__icons .lists .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 30px;
    width: 30px;
    background: var(--white);
    color: var(--paragraph-color);
    font-size: 16px;
    border: 1px solid var(--border-color);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.popularProduct__thumb__icons .lists .icon:hover {
    background: var(--main-color-one);
    color: var(--white);
    border-color: inherit;
}

.popularProduct__contents {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.popularProduct__title {
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    color: var(--heading-color);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@media screen and (max-width: 1399.98px) and (min-width: 1200px) {
    .popularProduct__title {
        font-size: 16px;
    }
}

@media screen and (max-width: 991.98px) and (min-width: 768px) {
    .popularProduct__title {
        font-size: 16px;
    }
}

.popularProduct__title:hover {
    color: var(--main-color-one);
}

@media only screen and (max-width: 375px) {
    .popularProduct__title {
        font-size: 16px;
        line-height: 20px;
    }
}

.popularProduct__price {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--heading-color);
}

.popularProduct__price s {
    font-size: 16px;
    font-weight: 400;
    color: var(--extra-light-color);
}

.popularProduct__cartBtn {
    display: inline-block;
    padding: 7px 15px;
    background-color: var(--main-color-one);
    color: var(--white);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    position: relative;
    z-index: 0;
}

.popularProduct__cartBtn::after,
.popularProduct__cartBtn::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 0%;
    left: 0;
    top: 0;
    background-color: var(--heading-color);
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.popularProduct__cartBtn::before {
    background-color: var(--white);
    left: auto;
    right: 0;
}

.popularProduct__cartBtn:hover {
    color: var(--white);
}

.popularProduct__cartBtn:hover::after,
.popularProduct__cartBtn:hover::before {
    visibility: visible;
    opacity: 1;
    width: 100%;
}

.popularProduct__cartBtn:hover::before {
    width: 100%;
}

.popularProduct__cartBtn.btn-bg-2 {
    background-color: var(--main-color-two);
}

.popularProduct__cartBtn.btn-bg-3 {
    background-color: var(--main-color-three);
}

.popularProduct__cartBtn.btn-bg-4 {
    background-color: var(--main-color-four);
}

.popularProduct__cartBtn.btn-bg-5 {
    background-color: var(--main-color-one);
}

.popularProduct__cartBtn.btn-outline-5 {
    background-color: unset;
}

/* Choose Brand Css */
.chooseBrand {
    border: 1px solid var(--border-color);
    padding: 15px;
    height: 100%;
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.chooseBrand__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}

.chooseBrand__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
}

.chooseBrand__icon img {
    border-radius: 50%;
    max-width: 45px;
}

.chooseBrand__contents {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.chooseBrand__title {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
    color: var(--heading-color);
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .chooseBrand__title {
        font-size: 16px;
    }
}

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

.chooseBrand__para {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: var(--paragraph-color);
}

/* Top Selling Procuct */
.product_card.without_border {
    border: 0;
    padding: 0;
}

.product_card.without_border .product_card__contents {
    padding: 15px 0 0;
}

/* Offer Campaign css */
.offerCampaign__wrapper {
    background-color: var(--main-color-one);
    padding: 30px;
}

@media only screen and (max-width: 575.98px) {
    .offerCampaign__wrapper {
        padding: 20px;
    }
}

.offerCampaign__title {
    font-size: 60px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--white);
    font-family: var(--inter-font);
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .offerCampaign__title {
        font-size: 54px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .offerCampaign__title {
        font-size: 42px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .offerCampaign__title {
        font-size: 48px;
    }
}

@media only screen and (max-width: 575.98px) {
    .offerCampaign__title {
        font-size: 36px;
    }
}

@media only screen and (max-width: 480px) {
    .offerCampaign__title {
        font-size: 32px;
    }
}

.offerCampaign__countdown .loopCounter_global__item {
    display: -ms-grid;
    display: grid;
    background-color: unset;
    text-align: center;
    gap: 10px;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
}

@media only screen and (max-width: 375px) {
    .offerCampaign__countdown .loopCounter_global__item {
        font-size: 14px;
    }
}

.offerCampaign__countdown .loopCounter_global__item::after {
    display: none;
}

.offerCampaign__countdown .loopCounter_global__item:not(:last-child) .counter-days::after,
.offerCampaign__countdown .loopCounter_global__item:not(:last-child) .counter-hours::after,
.offerCampaign__countdown .loopCounter_global__item:not(:last-child) .counter-minutes::after,
.offerCampaign__countdown .loopCounter_global__item:not(:last-child) .counter-seconds::after {
    content: ":";
    position: absolute;
    right: -14px;
    color: var(--white);
    font-weight: 500;
    font-size: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.offerCampaign__countdown .loopCounter_global__item .counter-days,
.offerCampaign__countdown .loopCounter_global__item .counter-hours,
.offerCampaign__countdown .loopCounter_global__item .counter-minutes,
.offerCampaign__countdown .loopCounter_global__item .counter-seconds {
    background-color: var(--white);
    color: var(--main-color-one);
    padding: 5px 10px;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 600;
    position: relative;
}

@media only screen and (max-width: 375px) {

    .offerCampaign__countdown .loopCounter_global__item .counter-days,
    .offerCampaign__countdown .loopCounter_global__item .counter-hours,
    .offerCampaign__countdown .loopCounter_global__item .counter-minutes,
    .offerCampaign__countdown .loopCounter_global__item .counter-seconds {
        font-size: 20px;
    }
}

.offerCampaign__btn {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--main-color-one);
    background-color: var(--section-bg);
    padding: 10px 20px;
    display: inline-block;
    position: relative;
    z-index: 0;
}

.offerCampaign__btn::after,
.offerCampaign__btn::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 0%;
    left: 0;
    top: 0;
    background-color: var(--heading-color);
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.offerCampaign__btn::before {
    background-color: var(--white);
    left: auto;
    right: 0;
}

.offerCampaign__btn:hover {
    color: var(--white);
}

.offerCampaign__btn:hover::after,
.offerCampaign__btn:hover::before {
    visibility: visible;
    opacity: 1;
    width: 100%;
}

.offerCampaign__btn:hover::before {
    width: 100%;
}

.offerCampaign__salesWrapper {
    position: relative;
    padding-top: 50px;
}

@media only screen and (max-width: 767.98px) {
    .offerCampaign__salesWrapper {
        padding-top: 100px;
    }
}

.offerCampaign__salesWrapper__offer {
    position: absolute;
    right: 30px;
    top: 0px;
    z-index: 1;
}

.offerCampaign__salesWrapper__offer__shape {
    position: absolute;
    left: -130px;
    bottom: 0;
    z-index: -1;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .offerCampaign__salesWrapper__offer__shape {
        left: -110px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .offerCampaign__salesWrapper__offer__shape {
        left: -100px;
    }
}

@media only screen and (max-width: 480px) {
    .offerCampaign__salesWrapper__offer__shape {
        display: none;
    }
}

.offerCampaign__salesWrapper__offer__inner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--section-bg);
    border-radius: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 160px;
    width: 160px;
    color: var(--main-color-one);
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .offerCampaign__salesWrapper__offer__inner {
        height: 130px;
        width: 130px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .offerCampaign__salesWrapper__offer__inner {
        height: 130px;
        width: 130px;
    }
}

@media only screen and (max-width: 575.98px) {
    .offerCampaign__salesWrapper__offer__inner {
        height: 130px;
        width: 130px;
    }
}

.offerCampaign__salesWrapper__offer .parcent {
    font-size: 48px;
    line-height: 1.2;
    font-weight: 700;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .offerCampaign__salesWrapper__offer .parcent {
        font-size: 42px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .offerCampaign__salesWrapper__offer .parcent {
        font-size: 42px;
    }
}

@media only screen and (max-width: 575.98px) {
    .offerCampaign__salesWrapper__offer .parcent {
        font-size: 42px;
    }
}

.offerCampaign__salesWrapper__offer .off {
    font-size: 32px;
    line-height: 1.2;
    font-weight: 400;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .offerCampaign__salesWrapper__offer .off {
        font-size: 28px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .offerCampaign__salesWrapper__offer .off {
        font-size: 28px;
    }
}

@media only screen and (max-width: 575.98px) {
    .offerCampaign__salesWrapper__offer .off {
        font-size: 28px;
    }
}

.offerCampaign__salesWrapper__thumb {
    display: inline-block;
    border-radius: 50%;
    position: relative;
    z-index: 0;
    max-width: 300px;
    height: 300px;
    background-color: var(--section-bg);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media only screen and (max-width: 375px) {
    .offerCampaign__salesWrapper__thumb {
        max-width: 250px;
        height: 250px;
    }
}

/* Best Selling Shop css */
.bestSelling_shop {
    border: 1px solid var(--border-color);
    overflow: hidden;
    height: 100%;
}

.bestSelling_shop:hover .bestSelling_shop__thumb__icons {
    visibility: visible;
    opacity: 1;
}

.bestSelling_shop:hover .bestSelling_shop__thumb__icons .lists .icon {
    right: 0px;
}

.bestSelling_shop__thumb {
    position: relative;
    background-color: #f7f7f7;

}

.bestSelling_shop__thumb__bgImg {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100px;
    display: block;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .bestSelling_shop__thumb__bgImg {
        height: 165px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .bestSelling_shop__thumb__bgImg {
        height: 214px;
    }
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .bestSelling_shop__thumb__bgImg {
        height: 214px;
    }
}

@media only screen and (max-width: 767.98px) {
    .bestSelling_shop__thumb__bgImg {
        height: 244px;
    }
}

@media only screen and (max-width: 575.98px) {
    .bestSelling_shop__thumb__bgImg {
        height: 218px;
        background-size: cover;
    }
}

@media only screen and (max-width: 375px) {
    .bestSelling_shop__thumb__bgImg {
        height: 280px;
    }
}

.bestSelling_shop__thumb img {
    width: 100%;
}

.bestSelling_shop__thumb__percent {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 9;
    display: block;
}

.bestSelling_shop__thumb__percent.right-side {
    left: auto;
    right: 10px;
}

.bestSelling_shop__thumb__percent .percent-box {
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    padding: 5px 15px;
    background-color: var(--white);
    color: var(--heading-color);
    border: 1px solid var(--border-color);
}

.bestSelling_shop__thumb__percent .percent-box:not(:last-child) {
    margin-bottom: 10px;
}

.bestSelling_shop__thumb__percent .percent-box.bg-delete {
    background-color: var(--delete-color);
    color: var(--white);
    border-color: var(--delete-color);
}

.bestSelling_shop__thumb__percent .percent-box.bg-topSale {
    background-color: var(--section-bg);
    color: var(--heading-color);
    border-color: var(--section-bg);
}

.bestSelling_shop__thumb__percent .percent-box.bg-stock {
    background-color: var(--stock-color);
    color: var(--white);
    border-color: var(--stock-color);
}

.bestSelling_shop__thumb__percent .percent-box.bg-1 {
    background-color: var(--main-color-one);
    color: var(--white);
    border-color: inherit;
}

.bestSelling_shop__thumb__percent .percent-box.bg-2 {
    background-color: var(--main-color-two);
    color: var(--white);
    border-color: inherit;
}

.bestSelling_shop__thumb__percent .percent-box.bg-3 {
    background-color: var(--main-color-three);
    color: var(--white);
    border-color: inherit;
}

.bestSelling_shop__thumb__percent .percent-box.bg-4 {
    background-color: var(--main-color-four);
    color: var(--white);
    border-color: inherit;
}

.bestSelling_shop__thumb__percent .percent-box.bg-5 {
    background-color: var(--main-color-one);
    color: var(--white);
    border-color: inherit;
}

.bestSelling_shop__thumb__icons {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 9;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.bestSelling_shop__thumb__icons.hover-color-one .lists .icon:hover {
    background: var(--main-color-one);
    color: var(--white);
}

.bestSelling_shop__thumb__icons.hover-color-two .lists .icon:hover {
    background: var(--main-color-two);
    color: var(--white);
}

.bestSelling_shop__thumb__icons.hover-color-three .lists .icon:hover {
    background: var(--main-color-three);
    color: var(--white);
}

.bestSelling_shop__thumb__icons.hover-color-four .lists .icon:hover {
    background: var(--main-color-four);
    color: var(--white);
}

.bestSelling_shop__thumb__icons.hover-color-five .lists .icon:hover {
    background: var(--main-color-one);
    color: var(--white);
}

.bestSelling_shop__thumb__icons .lists:not(:last-child) {
    margin-bottom: 5px;
}

.bestSelling_shop__thumb__icons .lists:nth-child(2n+1) .icon {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    right: -50px;
}

.bestSelling_shop__thumb__icons .lists:nth-child(2n+2) .icon {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    right: -50px;
}

.bestSelling_shop__thumb__icons .lists:nth-child(2n+3) .icon {
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    right: -50px;
}

.bestSelling_shop__thumb__icons .lists:nth-child(2n+4) .icon {
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    right: -50px;
}

.bestSelling_shop__thumb__icons .lists:nth-child(2n+5) .icon {
    -webkit-transition: all 1s;
    transition: all 1s;
    right: -50px;
}

.bestSelling_shop__thumb__icons .lists:nth-child(2n+6) .icon {
    -webkit-transition: all 1.2s;
    transition: all 1.2s;
    right: -50px;
}

.bestSelling_shop__thumb__icons .lists .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 30px;
    width: 30px;
    background: var(--white);
    color: var(--paragraph-color);
    font-size: 16px;
    border: 1px solid var(--border-color);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.bestSelling_shop__thumb__icons .lists .icon:hover {
    background: var(--main-color-one);
    color: var(--white);
    border-color: inherit;
}

.bestSelling_shop__contents {
    padding: 12px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.bestSelling_shop__brand {
    margin-top: -35px;
    max-width: 45px;
    height: 45px;
    position: relative;
    z-index: 5;
    margin-left: auto;
}

.bestSelling_shop__brand img {
    border-radius: 50%;
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.bestSelling_shop__title {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: var(--heading-color);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.bestSelling_shop__title:hover {
    color: var(--main-color-one);
}

.bestSelling_shop__btn {
    display: inline-block;
    font-size: 14px;
    list-style: 1.1;
    font-weight: 400;
    color: var(--main-color-two);
    border-bottom: 1px solid var(--main-color-two);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.bestSelling_shop__btn:hover {
    letter-spacing: 1px;
    color: var(--main-color-one);
    border-color: inherit;
}

/* Mobile App */
.mobileApp__bgShape {
    position: relative;
    display: inline-block;
    padding-top: 50px;
}

.mobileApp__bgShape::before,
.mobileApp__bgShape::after {
    content: "";
    position: absolute;
    height: calc(100% - 50px);
    width: calc(100% - 50px);
    left: -20px;
    top: 0px;
    background-color: var(--main-color-two);
    /* IE 9 */
    -webkit-transform: rotate(-5deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-5deg);
    border-radius: 20px;
    z-index: -1;
}

.mobileApp__bgShape::after {
    background-color: var(--main-color-one);
    /* IE 9 */
    -webkit-transform: rotate(5deg);
    /* Chrome, Safari, Opera */
    transform: rotate(5deg);
    left: auto;
    right: -20px;
    top: 20px;
}

.mobileApp__thumb {
    height: 550px;
}

.mobileApp__thumb img {
    height: 100%;
    border-radius: 30px;
}

.mobileApp__title {
    font-size: 42px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--heading-color);
    font-family: var(--inter-font);
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .mobileApp__title {
        font-size: 36px;
    }
}

@media only screen and (max-width: 767.98px) {
    .mobileApp__title {
        font-size: 36px;
    }
}

@media only screen and (max-width: 480px) {
    .mobileApp__title {
        font-size: 32px;
    }
}

@media only screen and (max-width: 375px) {
    .mobileApp__title {
        font-size: 28px;
    }
}

.mobileApp__para {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    color: var(--paragraph-color);
    -webkit-line-clamp: 5;
    font-family: var(--inter-font);
    margin-top: 30px;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    text-align: justify;
}

.mobileApp__btn {
    max-width: 160px;
    border-radius: 10px;
}

/* Blog Four */
.blogFour {
    border: 1px solid var(--border-color);
}

.blogFour__thumb {
    position: relative;
    background: #f7f7f7;
    height: 195px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.blogFour__thumb img {
    width: 100%;
}

.blogFour__thumb__tag {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.blogFour__thumb__tag.right-side {
    left: auto;
    right: 10px;
}

.blogFour__thumb__tag .tag_item {
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    padding: 3px 12px;
    background-color: var(--white);
    color: var(--heading-color);
    border: 1px solid var(--border-color);
}

.blogFour__thumb__tag .tag_item.bg-delete {
    background-color: var(--delete-color);
    color: var(--white);
    border-color: var(--delete-color);
}

.blogFour__thumb__tag .tag_item.bg-topSale {
    background-color: var(--section-bg);
    color: var(--heading-color);
    border-color: var(--section-bg);
}

.blogFour__thumb__tag .tag_item.bg-stock {
    background-color: var(--stock-color);
    color: var(--white);
    border-color: var(--stock-color);
}

.blogFour__thumb__tag .tag_item.bg-1 {
    background-color: var(--main-color-one);
    color: var(--white);
    border-color: inherit;
}

.blogFour__thumb__tag .tag_item.bg-2 {
    background-color: var(--main-color-two);
    color: var(--white);
    border-color: inherit;
}

.blogFour__thumb__tag .tag_item.bg-3 {
    background-color: var(--main-color-three);
    color: var(--white);
    border-color: inherit;
}

.blogFour__thumb__tag .tag_item.bg-4 {
    background-color: var(--main-color-four);
    color: var(--white);
    border-color: inherit;
}

.blogFour__thumb__tag .tag_item.bg-5 {
    background-color: var(--white);
    color: var(--heading-color);
    border-color: inherit;
}

.blogFour__contents {
    padding: 15px;
}

.blogFour__title {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: var(--heading-color);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.blogFour__title:hover {
    color: var(--main-color-one);
}

.blogFour__para {
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    color: var(--paragraph-color);
}

.blogFour__btn {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: var(--main-color-one);
    border-bottom: 1px solid var(--main-color-one);
    display: inline-block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.blogFour__btn:hover {
    color: var(--main-color-one);
    letter-spacing: 1px;
}

/* footer css */
.footer-four .footer-widget .footer-inner .footer-link-list .list::before {
    color: var(--main-color-one);
}

.footer-four .footer-widget .footer-inner .footer-link-list .list:hover a {
    color: var(--section-bg);
}

.footer-four .footer-widget .footer-inner .footer-social-list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.footer-four .footer-widget .footer-inner .footer-social-list .lists a {
    background-color: var(--section-bg);
    border-radius: 0;
    color: var(--heading-color);
    height: 35px;
    width: 35px;
    font-size: 18px;
}

.footer-four .footer-widget .footer-inner .footer-social-list .lists a:hover {
    color: var(--main-color-one);
    background: var(--white);
}

.footer-four .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control:focus {
    border: 1px solid rgba(var(--main-color-one-rgb), 0.2);
    -webkit-box-shadow: 0 0 20px rgba(var(--main-color-one-rgb), 0.1);
    box-shadow: 0 0 20px rgba(var(--main-color-one-rgb), 0.1);
}

.footer-four .footer-widget .footer-inner .subscribe-form .widget-form-single button {
    background: var(--main-color-one);
}

.footer-four.white-color .footer-widget .widget-title {
    color: var(--white);
}

.footer-four.white-color .footer-widget .footer-inner .widget-para {
    color: var(--paragraph-white-2);
}

.footer-four.white-color .footer-widget .footer-inner .subscribe-para {
    color: var(--paragraph-white-2);
}

.footer-four.white-color .footer-widget .footer-inner .footer-link-list .list a {
    color: var(--paragraph-white-2);
}

.footer-four.white-color .footer-widget .footer-inner .footer-link-list .list a:hover {
    color: var(--section-bg);
}

.footer-four.white-color .footer-widget .footer-inner .footer-social-list .lists a {
    color: var(--heading-color);
}

.footer-four.white-color .footer-widget .footer-inner .footer-social-list .lists a:hover {
    background: var(--white);
    color: var(--main-color-one);
}

.footer-four.white-color .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control {
    -webkit-box-shadow: 0 0 10px rgba(var(--white-rgb), 0.1);
    box-shadow: 0 0 10px rgba(var(--white-rgb), 0.1);
}

.footer-four.white-color .footer-widget .footer-inner .payment-list .list {
    background: rgba(var(--white-rgb), 0.7);
}

.footer-four.white-color .copyright-contents {
    color: rgba(var(--white-rgb), 0.7);
}

.footer-four.white-color .copyright-border {
    border-color: rgba(var(--white-rgb), 0.2);
}

.footer-logo-wrapper {
    max-width: 200px;
}

/* Back to top */
.back-to-top.bg-color-five {
    background-color: var(--main-color-five);
}

.error-wrapper-contents {
    max-width: 600px;
    margin-inline: auto;
}

.error-wrapper-title {
    font-size: 150px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--delete-color);
}

.error-wrapper-error-subtitle {
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--heading-color);
}

.error-wrapper-error-para {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: var(--paragraph-color);
}

.dashboard_posSystem__item__thumb__main {
    height: 150px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--border-color);
}

.dashboard_posSystem__item__thumb__main img {
    object-fit: cover;
}

.dashboard_posSystem__item__title {
    min-height: 48px;
}

.dashboard_posSystem__header__scan__code {
    display: flex;
    gap: 10px !important;
}

.editProduct__contents__title+p {
    color: var(--paragraph-color);
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px;
}

.editProduct__contents__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--heading-color);
}

.dashboard_posSystem__sidebar {
    z-index: 0;
}

.value-input-area .form--input {
    border: 0;
}

.posBtn.btn_bg_1 {
    background-color: var(--main-color-one);
    color: var(--white);
    border: 1px solid var(--main-color-one);
}

.editProduct .shop-details-thumb-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start !important;
    gap: 10px !important;
    flex-wrap: wrap;
    margin-top: 10px;
}

.editProduct .shop-details-thums {
    width: calc(100% / 2 - 5px);
}

.product__card__cart__btn:hover {
    cursor: pointer;
}

.product__card__cart__btn.product-quick-view-ajax {
    background: inherit;
    color: var(--main-color-one);
}

.product__card__cart__btn.product-quick-view-ajax:hover {
    background: var(--main-color-one);
    color: var(--white);
}

.product__card__cart__btn.product-quick-view-ajax.btn__black {
    background: inherit;
    color: var(--heading-color);
}

.product__card__cart__btn.product-quick-view-ajax.btn__black:hover {
    background: var(--heading-color);
    color: var(--white);
}

section.deal-area:last-child {
    padding-bottom: 50px;
}

@media screen and (min-width: 992px) {
    .footer-middle div[class*=col]:nth-child(2) .footer-widget .footer-widget {
        padding-left: 3rem !important;
    }

    .footer-area.footer-bg.footer-color-two div[class*=col]:nth-child(2) .footer-widget {
        padding-left: 3rem !important;
    }
}

.signin__account__para .active,
label.form-check-label .text-active {
    color: var(--main-color-one) !important;
}

.vendor-signin-area {
    height: 100%;
    display: grid;
    place-items: center;
}

/* solve summernote content issue */
.note-editable>p {
    max-width: 100%;
    word-break: break-all;
}

.note-editable>div {
    max-width: 100%;
    word-break: break-all;
    padding: 10px;
}

.note-editable>div pre {
    max-width: 100%;
    word-break: break-all;
    display: contents;
}


.payment-slider-item {
    padding: 5px;
    border: 2px solid #ddd;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.payment-slider-item img {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.payment-slider .prev-icon,
.payment-slider .next-icon {
    width: 30px;
    height: 30px;
    font-size: 18px;
}

.copyright-block a {
    display: inline-block;
    color: var(--customer-profile);
}

.bg-unset {
    background: unset;
}

a.blog-contents-btn.outline-blog-button {
    background: unset;
    color: var(--main-color-one);
    padding: 6px 20px 7px;
}

a.blog-contents-btn.outline-blog-button:hover {
    background: var(--main-color-one);
    color: var(--white);
}

.min-width-100 {
    min-width: 100px;
}

.max-width-200 {
    max-width: 200px;
}

.max-width-300 {
    max-width: 300px;
}

.color-calendar .calendar__days .calendar__day {
    z-index: 0;
}

.color-calendar.basic .calendar__arrow-prev {
    z-index: 0;
}

ul.mega-menu-main .round-menu-product>a {
    height: 150px;
    background: var(--border-color);
    display: block;
}

ul.mega-menu-main .round-menu-product>a img {
    height: 100%;
    object-fit: cover;
}

div#gdpr-cookie-message #gdpr-cookie-close:hover {
    background: var(--white);
    color: var(--delete-color);
    transform: rotate(90deg);
}

.vendor-superMarket-shape svg {
    position: absolute;
    left: 23%;
    top: -21px;
    height: 40px;
    width: 40px;
}

@media (min-width: 1419px) and (max-width: 1620px) {
    .vendor-superMarket-shape svg {
        left: 25%;
    }
}

@media (min-width: 1119px) and (max-width: 1420px) {
    .vendor-superMarket-shape svg {
        left: 26%;
    }
}

@media (min-width: 1020px) and (max-width: 1120px) {
    .vendor-superMarket-shape svg {
        left: 27%;
    }
}

@media (min-width: 920px) and (max-width: 1019px) {
    .vendor-superMarket-shape svg {
        left: 28%;
    }
}

@media (min-width: 820px) and (max-width: 919px) {
    .vendor-superMarket-shape svg {
        left: 29%;
    }
}

@media (min-width: 720px) and (max-width: 820px) {
    .vendor-superMarket-shape svg {
        left: 30%;
    }
}

@media (min-width: 619px) and (max-width: 719px) {
    .vendor-superMarket-shape svg {
        left: 32%;
    }
}

@media (min-width: 519px) and (max-width: 620px) {
    .vendor-superMarket-shape svg {
        left: 35%;
    }
}

@media (min-width: 376px) and (max-width: 520px) {
    .vendor-superMarket-shape svg {
        left: 38%;
    }
}

@media (min-width: 320px) and (max-width: 375px) {
    .vendor-superMarket-shape svg {
        left: 40%;
    }

    .col-3.img-section-left {
        width: 100%;
    }

    section#landing .img-section-left {
        top: -100px;
        position: relative;
        left: 0;
        transform: scale(1.1);
    }

    section#landing .img-section-left img {
        max-width: 75%;
    }

    .col-6.text-block h6 {
        font-size: 1rem;
    }

    .col-6.text-block h1 {
        font-size: 2.1rem;
        line-height: 3rem;
    }

    section#landing .text-block .text-block-content p {
        font-size: 1rem;
        padding: 10px 5%;
        font-weight: 400;
    }

    .min-height-hero {
        min-height: unset;
        height: 1080px;
    }

    section#landing .text-block .text-block-content {
        padding-top: 145px;
    }

    .img-section-right {
        position: relative;
        right: 0;
        bottom: -200px;
        width: 100%;
    }

    .img-section-right img {
        max-width: 75%;
    }

    button.slick-prev-shop.slick-arrow {
        left: 25%;
    }

    section#feature-shops .col-xl-6:last-child {
        margin-top: 65px;
    }

    section#feature-shops .pe-0 {
        padding-right: 10px !important;
    }

    .feature-shops-sec-col {
        background: unset;
    }

    /* .featured-products-wrapper {
  grid-template-columns: 100%;
  grid-row-gap: 30px;
  justify-items:center;
} */
    .classyUptoWrapper {
        grid-template-columns: 100%;
        justify-items: center;
        grid-row-gap: 20px;
    }

    .classyUpToCol h2 {
        font-size: 1.4rem;
        text-align: center;
    }

    p.classyBusinessUserBtn {
        padding: 0.6rem 4rem;
        justify-content: center;
    }

    .stunningDesign-content h3 {
        font-size: 1.6rem;
    }

    .stunningDesign-content {
        transform: translate(0%, 20px);
    }

    .stunningDesign-content p {

        font-size: 0.9rem;
        line-height: 1.5rem;
        padding-top: 10px;
    }

    .stunning-btn-wrapper {
        padding: 0px 0;
    }

    .videoWrapper video {
        width: 100%;
        height: 100%;
    }

    .availnow-wrapper {
        grid-template-columns: 100%;
    }

    section.availnow {
        padding-top: 0px;
    }

    .availnow-imgWrapper img {
        position: static;
    }

    .availnow-wrapper .availnow-col:first-child h3 {
        font-size: 2rem;
    }

    section#gallerySec ul {
        flex-wrap: wrap;
    }

    .shippingSecWrapper {
        flex-wrap: wrap;
    }

    .shippingSec-col {
        border: none;
    }

    .subscribenow-wrapper {
        grid-template-columns: 100%;
    }

    form#subscribenowSubmit {
        flex-wrap: wrap;
    }

    form#subscribenowSubmit input {
        width: 100%;
    }

    .subscribenow-wrapper h3 {
        font-size: 1.6rem;
    }

    .subscribenow-wrapper p {
        width: 100%;
        margin-bottom: 50px;
    }

    .footerWrapper {
        grid-template-columns: 100%;
        padding: 50px 0px;
        grid-row-gap: 30px;
    }

    .footerWrapper .footer-col {
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        padding-bottom: 25px;
        width: 75%;
    }

    .footerWrapper .footer-col:last-child {
        border: 0;
    }

    section#feature-shops .text-block {
        padding: 20px;
    }

    h5.category-title {
        width: 80%;
    }
}


h5.common-title-two svg {
    height: 24px;
    width: 24px;
}

@media (max-width:320px) {
    .navbar-right-content {
        display: none;
    }

    .navbar-right-content.show {
        display: block;
    }

    .navbar-toggler {
        padding: 0.15rem .55rem;
    }

    .responsive-mobile-menu .logo-wrapper img {
        max-width: 100px;
    }

    .nav-five.navbar-area .nav-container .responsive-mobile-menu {
        min-height: 40px;
        display: flex !important;
        align-items: center;
    }

    .vidRow .banner__wrap {
        padding: 15px;
    }

    .banner__wrap video+.banner__contents .banner__contents__title {
        font-size: 1.6rem;
        line-height: 2rem;
    }

    .vidRow .banner__wrap .banner__contents {
        width: 100%;
    }

    .vidRow .banner__wrap .banner__contents {
        width: 100%;
    }

    .banner__contents {
        padding: 50px 20px;
        left: 0;
        display: none;
    }

    .btn-bg-black {
        font-size: 0.8rem;
    }

    .featured-products-wrapper {
        padding: 20px;
        grid-template-columns: 100%;
    }

    section#testimonialWrapper h1 {
        font-size: 2rem;
    }

    .sas h1 {
        font-size: 2rem;
    }

    /* .featuredImg-wrapper {
    margin-right: 20px;
    margin-left: 20px;
    height: auto;
} */
    .testimonialWrapper {
        width: 100%;
    }

    .testimonial-card ul+p {
        font-size: 0.9rem;
    }

    .testimonial-card ul+p+p {
        font-weight: 600;
        font-size: 1rem;
    }

    .feature-brand-box-wrap img {
        width: 80px !important;
        height: 80px !important;
        object-fit: contain;
        padding: 10px;
        border: none !important;

    }

    section#testimonialWrapper {
        padding: 0 10px;
    }

    .testimonial-card {
        padding: 10px 10px;
    }

    #feature-shops h1 {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .feature-shop-wrap a {
        width: 100%;
        height: 100%;
    }

    .feature-shop-wrap a img {
        width: 100%;
        height: 100%;
        padding: 10px 0;

    }

    .feature-shop-wrap p {
        font-weight: 500;
        font-size: 0.9rem;
    }
}

@media (min-width:321px) and (max-width:400px) {
    .col-3.img-section-left {
        width: 100%;
    }

    section#landing .img-section-left {
        top: -100px;
        position: relative;
        left: 0;
        transform: scale(1.1);
    }

    section#landing .img-section-left img {
        max-width: 75%;
    }

    .vidRow .banner__wrap {
        padding: 15px;
    }

    .col-6.text-block h6 {
        font-size: 1rem;
    }

    .col-6.text-block h1 {
        font-size: 2.1rem;
        line-height: 3rem;
    }

    section#landing .text-block .text-block-content p {
        font-size: 1rem;
        padding: 10px 5%;
        font-weight: 400;
    }

    .min-height-hero {
        min-height: unset;
        height: 1080px;
    }

    section#landing .text-block .text-block-content {
        padding-top: 145px;
    }

    .img-section-right {
        position: relative;
        right: 0;
        bottom: -200px;
        width: 100%;
    }

    .img-section-right img {
        max-width: 75%;
    }

    section#feature-shops .col-xl-6:last-child {
        margin-top: 65px;
    }

    button.slick-prev-shop.slick-arrow {
        left: 25%;
    }

    section#feature-shops .pe-0 {
        padding-right: 10px !important;
    }

    /* .featured-products-wrapper {
  grid-template-columns: 100%;
  grid-row-gap: 30px;
  justify-items:center;
} */
    .classyUptoWrapper {
        grid-template-columns: 100%;
        justify-items: center;
        grid-row-gap: 20px;
    }

    .feature-shops-sec-col {
        background: unset;
    }

    .classyUpToCol h2 {
        font-size: 1.4rem;
        text-align: center;
    }

    p.classyBusinessUserBtn {
        padding: 0.6rem 4rem;
        justify-content: center;
    }

    .stunningDesign-content h3 {
        font-size: 1.6rem;
    }

    .stunningDesign-content {
        transform: translate(0%, 20px);
    }

    .stunningDesign-content p {

        font-size: 0.9rem;
        line-height: 1.5rem;
        padding-top: 10px;
    }

    .stunning-btn-wrapper {
        padding: 0px 0;
    }

    .videoWrapper video {
        width: 100%;
        height: 100%;
    }

    section.availnow {
        padding-top: 0px;
    }

    .availnow-wrapper {
        grid-template-columns: 100%;
    }

    .availnow-imgWrapper img {
        position: static;
    }

    .availnow-wrapper .availnow-col:first-child h3 {
        font-size: 2rem;
    }

    section#gallerySec ul {
        flex-wrap: wrap;
    }

    .shippingSecWrapper {
        flex-wrap: wrap;
    }

    .shippingSec-col {
        border: none;
    }

    .subscribenow-wrapper {
        grid-template-columns: 100%;
    }

    form#subscribenowSubmit {
        flex-wrap: wrap;
    }

    form#subscribenowSubmit input {
        width: 100%;
    }

    .subscribenow-wrapper h3 {
        font-size: 1.6rem;
    }

    .subscribenow-wrapper p {
        width: 100%;
        margin-bottom: 50px;
    }

    .footerWrapper {
        grid-template-columns: 100%;
        padding: 50px 0px;
        grid-row-gap: 30px;
    }

    .footerWrapper .footer-col {
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        padding-bottom: 25px;
        width: 75%;
    }

    .footerWrapper .footer-col:last-child {
        border: 0;
    }

    section#feature-shops .text-block {
        padding: 20px;
    }

    h5.category-title {
        width: 80%;
    }

    .navbar-right-content {
        display: none;
    }

    .navbar-right-content.show {
        display: block;
    }

    .navbar-toggler {
        padding: 0.15rem .55rem;
    }

    .responsive-mobile-menu .logo-wrapper img {
        max-width: 100px;
    }

    .nav-five.navbar-area .nav-container .responsive-mobile-menu {
        min-height: 40px;
        display: flex !important;
        align-items: center;
    }

    .banner__wrap video+.banner__contents .banner__contents__title {
        font-size: 1.6rem;
        line-height: 2rem;
    }

    .vidRow .banner__wrap .banner__contents {
        width: 100%;
    }

    .vidRow .banner__wrap .banner__contents {
        width: 100%;
    }

    .banner__contents {
        padding: 50px 20px;
        left: 0;
        display: none;
    }

    .sas h1 {
        font-size: 2rem;
    }

    .sas .featuredImg-wrapper {
        margin-right: 20px;
        margin-left: 20px;
    }

    .btn-bg-black {
        font-size: 0.8rem;
    }

    .featured-products-wrapper {
        padding: 20px;
        grid-template-columns: 100%;
    }

    section#testimonialWrapper h1 {
        font-size: 2rem;
    }

    .testimonialWrapper {
        width: 100%;
    }

    .testimonial-card ul+p {
        font-size: 0.9rem;
    }

    .testimonial-card ul+p+p {
        font-weight: 600;
        font-size: 1rem;
    }

    .feature-brand-box-wrap img {
        width: 130px;
        height: 130px;
        object-fit: contain;
        padding: 10px;

    }

    section#testimonialWrapper {
        padding: 0 10px;
    }

    .testimonial-card {
        padding: 10px 10px;
    }

    #feature-shops h1 {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .feature-shop-wrap a {
        width: 100%;
        height: 100%;
    }

    .feature-shop-wrap a img {
        width: 100%;
        height: 100%;
        padding: 10px 0;

    }

    .feature-shop-wrap p {
        font-weight: 500;
        font-size: 0.9rem;
    }
}

@media (min-width:401px) and (max-width:452px) {
    .col-3.img-section-left {
        width: 100%;
    }

    .navbar-right-content {
        display: none;
    }

    .navbar-right-content.show {
        display: block;
    }

    .navbar-toggler {
        padding: 0.15rem .55rem;
    }

    .responsive-mobile-menu .logo-wrapper img {
        max-width: 100px;
    }

    .nav-five.navbar-area .nav-container .responsive-mobile-menu {
        min-height: 40px;
        display: flex !important;
        align-items: center;
    }

    .banner__wrap video+.banner__contents .banner__contents__title {
        font-size: 1.6rem;
        line-height: 2rem;
    }

    .vidRow .banner__wrap .banner__contents {
        width: 100%;
    }

    .vidRow .banner__wrap .banner__contents {
        width: 100%;
    }

    .banner__contents {
        padding: 50px 20px;
        left: 0;
        display: none;
    }

    .btn-bg-black {
        font-size: 0.8rem;
    }

    .featured-products-wrapper {
        padding: 20px;
        grid-template-columns: 100%;
    }

    .sas h1 {
        font-size: 2rem;
    }

    .sas .featuredImg-wrapper {
        margin-right: 20px;
        margin-left: 20px;
    }

    section#testimonialWrapper {
        padding: 0 10px;
    }

    .testimonial-card {
        padding: 10px 10px;
    }

    section#testimonialWrapper h1 {
        font-size: 2rem;
    }

    #feature-shops h1 {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .testimonialWrapper {
        width: 100%;
    }

    .testimonial-card ul+p {
        font-size: 0.9rem;
    }

    .testimonial-card ul+p+p {
        font-weight: 600;
        font-size: 1rem;
    }

    .feature-brand-box-wrap img {
        width: 130px;
        height: 130px;
        object-fit: contain;
        padding: 10px;

    }

    section#landing .img-section-left {
        top: -100px;
        position: relative;
        left: 0;
        transform: scale(1.1);
    }

    section#landing .img-section-left img {
        max-width: 75%;
    }

    .col-6.text-block h6 {
        font-size: 1rem;
    }

    .col-6.text-block h1 {
        font-size: 2.1rem;
        line-height: 2.5rem;
        margin-bottom: unset !important;
    }

    section#landing .text-block .text-block-content p {
        font-size: 1rem;
        padding: 10px 5%;
        font-weight: 400;
    }

    .min-height-hero {
        min-height: unset;
        height: 1200px;
    }

    section#landing .text-block .text-block-content {
        padding-top: 145px;
    }

    .img-section-right {
        position: relative;
        right: 0;
        bottom: -200px;
        width: 100%;
    }

    .img-section-right img {
        max-width: 75%;
    }

    section#feature-shops .col-xl-6:last-child {
        margin-top: 65px;
    }

    button.slick-prev-shop.slick-arrow {
        left: 25%;
    }

    section#feature-shops .pe-0 {
        padding-right: 10px !important;
    }

    .classyUptoWrapper {
        grid-template-columns: 100%;
        justify-items: center;
        grid-row-gap: 20px;
    }

    .classyUpToCol h2 {
        font-size: 1.4rem;
        text-align: center;
    }

    p.classyBusinessUserBtn {
        padding: 0.6rem 4rem;
        justify-content: center;
    }

    .stunningDesign-content h3 {
        font-size: 1.6rem;
    }

    .stunningDesign-content {
        transform: translate(0%, 20px);
    }

    .stunningDesign-content p {

        font-size: 0.9rem;
        line-height: 1.5rem;
        padding-top: 10px;
    }

    .stunning-btn-wrapper {
        padding: 0px 0;
    }

    .videoWrapper video {
        width: 100%;
        height: 100%;
    }

    section.availnow {
        padding-top: 0px;
    }

    .availnow-wrapper {
        grid-template-columns: 100%;
    }

    .availnow-imgWrapper img {
        position: static;
    }

    .availnow-wrapper .availnow-col:first-child h3 {
        font-size: 2rem;
    }

    section#gallerySec ul {
        flex-wrap: wrap;
    }

    .shippingSecWrapper {
        flex-wrap: wrap;
    }

    .shippingSec-col {
        border: none;
    }

    .subscribenow-wrapper {
        grid-template-columns: 100%;
    }

    form#subscribenowSubmit {
        flex-wrap: wrap;
    }

    form#subscribenowSubmit input {
        width: 100%;
    }

    .subscribenow-wrapper h3 {
        font-size: 1.6rem;
    }

    .subscribenow-wrapper p {
        width: 100%;
        margin-bottom: 50px;
    }

    .footerWrapper {
        grid-template-columns: 100%;
        padding: 50px 0px;
        grid-row-gap: 30px;
    }

    .footerWrapper .footer-col {
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        padding-bottom: 25px;
        width: 75%;
    }

    .footerWrapper .footer-col:last-child {
        border: 0;
    }

    section#feature-shops .text-block {
        padding: 20px;
    }

    h5.category-title {
        width: 80%;
    }

    .feature-shops-sec-col {
        background: unset;
    }

}

@media (min-width:453px) and (max-width:548px) {
    .col-3.img-section-left {
        width: 100%;
    }

    section#landing .img-section-left {
        top: -70px;
        position: relative;
        left: 0;
        transform: scale(1.1);
    }

    section#landing .img-section-left img {
        max-width: 70%;
    }

    .col-6.text-block h6 {
        font-size: 1rem;
    }

    .col-6.text-block h1 {
        font-size: 2.1rem;
        line-height: 2.5rem;
        margin-bottom: unset !important;
    }

    section#landing .text-block .text-block-content p {
        font-size: 1rem;
        padding: 10px 5%;
        font-weight: 400;
    }

    .min-height-hero {
        min-height: unset;
        height: 1300px;
    }

    section#landing .text-block .text-block-content {
        padding-top: 145px;
    }

    .img-section-right {
        position: relative;
        right: 0;
        bottom: -200px;
        width: 100%;
    }

    .img-section-right img {
        max-width: 75%;
    }

    section#feature-shops .col-xl-6:last-child {
        margin-top: 65px;
    }

    button.slick-prev-shop.slick-arrow {
        left: 25%;
    }

    section#feature-shops .pe-0 {
        padding-right: 10px !important;
    }

    .feature-shops-sec-col {
        background: unset;
    }

    .featured-products-wrapper .slick-slide {
        margin-right: 10px;
    }

    .classyUptoWrapper {
        grid-template-columns: 100%;
        justify-items: center;
        grid-row-gap: 20px;
    }

    .classyUpToCol h2 {
        font-size: 1.4rem;
        text-align: center;
    }

    p.classyBusinessUserBtn {
        padding: 0.6rem 4rem;
        justify-content: center;
    }

    .stunningDesign-content h3 {
        font-size: 1.6rem;
    }

    .stunningDesign-content {
        transform: translate(0%, 20px);
    }

    .stunningDesign-content p {

        font-size: 0.9rem;
        line-height: 1.5rem;
        padding-top: 10px;
    }

    .stunning-btn-wrapper {
        padding: 0px 0;
    }

    .videoWrapper video {
        width: 100%;
        height: 100%;
    }

    section.availnow {
        padding-top: 0px;
    }

    .availnow-wrapper {
        grid-template-columns: 100%;
    }

    .availnow-imgWrapper img {
        position: static;
    }

    .availnow-wrapper .availnow-col:first-child h3 {
        font-size: 2rem;
    }

    section#gallerySec ul {
        flex-wrap: wrap;
    }

    .shippingSecWrapper {
        flex-wrap: wrap;
    }

    .shippingSec-col {
        border: none;
    }

    .subscribenow-wrapper {
        grid-template-columns: 100%;
    }

    form#subscribenowSubmit {
        flex-wrap: wrap;
    }

    form#subscribenowSubmit input {
        width: 100%;
    }

    .subscribenow-wrapper h3 {
        font-size: 1.6rem;
    }

    .subscribenow-wrapper p {
        width: 100%;
        margin-bottom: 50px;
    }

    .footerWrapper {
        grid-template-columns: 100%;
        padding: 50px 0px;
        grid-row-gap: 30px;
    }

    .banner__wrap video+.banner__contents {
        left: 0;
    }

    .footerWrapper .footer-col {
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        padding-bottom: 25px;
        width: 75%;
    }

    .footerWrapper .footer-col:last-child {
        border: 0;
    }

    section#feature-shops .text-block {
        padding: 20px;
    }

    h5.category-title {
        width: 80%;
    }

    .navbar-right-content {
        display: none;
    }

    .navbar-right-content.show {
        display: block;
    }

    .navbar-toggler {
        padding: 0.15rem .55rem;
    }

    .responsive-mobile-menu .logo-wrapper img {
        max-width: 100px;
    }

    .nav-five.navbar-area .nav-container .responsive-mobile-menu {
        min-height: 40px;
        display: flex !important;
        align-items: center;
    }

    .banner__wrap video+.banner__contents .banner__contents__title {
        font-size: 1.6rem;
        line-height: 2rem;
    }

    .vidRow .banner__wrap .banner__contents {
        width: 100%;
    }

    .vidRow .banner__wrap .banner__contents {
        width: 100%;
    }

    .banner__contents {
        padding: 50px 0 0 0;
        display: none;
    }

    .btn-bg-black {
        font-size: 0.8rem;
    }

    .featured-products-wrapper {
        padding: 20px;
        grid-template-columns: 100%;
    }

    .sas h1 {
        font-size: 2rem;
    }

    .sas .featuredImg-wrapper {
        margin-right: 20px;
        margin-left: 20px;
    }

    .vidRow .banner__wrap {
        padding: 15px;
    }
}

@media (min-width:549px) and (max-width:600px) {
    .col-3.img-section-left {
        width: 100%;
    }

    section#landing .img-section-left {
        top: -35px;
        position: relative;
        left: 0;
        transform: scale(1.1);
    }

    section#landing .img-section-left img {
        max-width: 70%;
    }

    .col-6.text-block h6 {
        font-size: 1rem;
    }

    .col-6.text-block h1 {
        font-size: 2.1rem;
        line-height: 2.5rem;
        margin-bottom: unset !important;
    }

    section#landing .text-block .text-block-content p {
        font-size: 1rem;
        padding: 10px 5%;
        font-weight: 400;
    }

    .min-height-hero {
        min-height: unset;
        height: 1300px;
    }

    section#landing .text-block .text-block-content {
        padding-top: 180px;
    }

    .img-section-right {
        position: relative;
        right: 0;
        bottom: -200px;
        width: 100%;
    }

    .img-section-right img {
        max-width: 75%;
    }

    section#feature-shops .col-xl-6:last-child {
        margin-top: 65px;
    }

    button.slick-prev-shop.slick-arrow {
        left: 25%;
    }

    section#feature-shops .pe-0 {
        padding-right: 10px !important;
    }

    .featured-products-wrapper .slick-slide {
        margin-right: 10px;
    }

    .classyUptoWrapper {
        grid-template-columns: 100%;
        justify-items: center;
        grid-row-gap: 20px;
    }

    .classyUpToCol h2 {
        font-size: 1.4rem;
        text-align: center;
    }

    p.classyBusinessUserBtn {
        padding: 0.6rem 4rem;
        justify-content: center;
    }

    .stunningDesign-content h3 {
        font-size: 1.6rem;
    }

    .stunningDesign-content {
        transform: translate(0%, 20px);
    }

    .stunningDesign-content p {

        font-size: 0.9rem;
        line-height: 1.5rem;
        padding-top: 10px;
    }

    .stunning-btn-wrapper {
        padding: 0px 0;
    }

    .videoWrapper video {
        width: 100%;
        height: 100%;
    }

    section.availnow {
        padding-top: 0px;
    }

    .availnow-wrapper {
        grid-template-columns: 100%;
    }

    .availnow-imgWrapper img {
        position: static;
    }

    .availnow-wrapper .availnow-col:first-child h3 {
        font-size: 2rem;
    }

    section#gallerySec ul {
        flex-wrap: wrap;
    }

    .shippingSecWrapper {
        flex-wrap: wrap;
    }

    .shippingSec-col {
        border: none;
    }

    .subscribenow-wrapper {
        grid-template-columns: 100%;
    }

    form#subscribenowSubmit {
        flex-wrap: wrap;
    }

    form#subscribenowSubmit input {
        width: 100%;
    }

    .subscribenow-wrapper h3 {
        font-size: 1.6rem;
    }

    .subscribenow-wrapper p {
        width: 100%;
        margin-bottom: 50px;
    }

    .footerWrapper {
        grid-template-columns: 100%;
        padding: 50px 0px;
        grid-row-gap: 30px;
    }

    .footerWrapper .footer-col {
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        padding-bottom: 25px;
        width: 75%;
    }

    .footerWrapper .footer-col:last-child {
        border: 0;
    }

    section#feature-shops .text-block {
        padding: 20px;
    }

    h5.category-title {
        width: 80%;
    }

    .navbar-right-content {
        display: none;
    }

    .navbar-right-content.show {
        display: block;
    }

    .navbar-toggler {
        padding: 0.15rem .55rem;
    }

    .responsive-mobile-menu .logo-wrapper img {
        max-width: 100px;
    }

    .nav-five.navbar-area .nav-container .responsive-mobile-menu {
        min-height: 40px;
        display: flex !important;
        align-items: center;
    }

    .banner__wrap video+.banner__contents .banner__contents__title {
        font-size: 1.6rem;
        line-height: 2rem;
    }

    .vidRow .banner__wrap .banner__contents {
        width: 100%;
    }

    .vidRow .banner__wrap .banner__contents {
        width: 100%;
    }

    .banner__contents {
        padding: 50px 0 0 0;
        display: none;
    }

    .btn-bg-black {
        font-size: 0.8rem;
    }

    .featured-products-wrapper {
        padding: 20px;
        grid-template-columns: 1fr 1fr;
    }

    .sas h1 {
        font-size: 2rem;
    }

    .sas .featuredImg-wrapper {
        margin-right: 20px;
        margin-left: 20px;
    }

    .vidRow .banner__wrap {
        padding: 15px;
    }

}

@media (min-width:601px) and (max-width:720px) {
    .col-3.img-section-left {
        width: 100%;
    }

    section#landing .img-section-left {
        top: -10px;
        position: relative;
        left: 0;
        transform: scale(1);
    }

    section#landing .img-section-left img {
        max-width: 70%;
    }

    .col-6.text-block h6 {
        font-size: 1rem;
    }

    .col-6.text-block h1 {
        font-size: 2.1rem;
        line-height: 3rem;
        margin-bottom: unset !important;
    }

    section#landing .text-block .text-block-content p {
        font-size: 1rem;
        padding: 10px 5%;
        font-weight: 400;
    }

    .min-height-hero {
        min-height: unset;
        height: 1500px;
    }

    section#landing .text-block .text-block-content {
        padding-top: 180px;
    }

    .img-section-right {
        position: relative;
        right: 0;
        bottom: -200px;
        width: 100%;
    }

    .img-section-right img {
        max-width: 75%;
    }

    section#feature-shops .col-xl-6:last-child {
        margin-top: 65px;
    }

    .feature-shops-sec-col {
        background: unset;
    }

    button.slick-prev-shop.slick-arrow {
        left: 85px;
    }

    section#feature-shops .pe-0 {
        padding-right: 10px !important;
    }

    .featured-products-wrapper .slick-slide {
        margin-right: 10px;
    }

    .classyUptoWrapper {
        grid-template-columns: 100%;
        justify-items: center;
        grid-row-gap: 20px;
    }

    .classyUpToCol h2 {
        font-size: 1.4rem;
        text-align: center;
    }

    p.classyBusinessUserBtn {
        padding: 0.6rem 4rem;
        justify-content: center;
    }

    .stunningDesign-content h3 {
        font-size: 1.6rem;
    }

    .stunningDesign-content {
        transform: translate(0%, 50px);
    }

    .stunningDesign-content p {

        font-size: 0.9rem;
        line-height: 1.5rem;
        padding-top: 10px;
    }

    .stunning-btn-wrapper {
        padding: 0px 0;
    }

    .videoWrapper video {
        width: 100%;
        height: 100%;
    }

    section.availnow {
        padding-top: 0px;
    }

    .availnow-wrapper {
        grid-template-columns: 100%;
    }

    .availnow-imgWrapper img {
        position: static;
    }

    .availnow-wrapper .availnow-col:first-child h3 {
        font-size: 2rem;
    }

    section#gallerySec ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .shippingSecWrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .shippingSec-col {
        border: none;
    }

    .subscribenow-wrapper {
        grid-template-columns: 100%;
    }

    form#subscribenowSubmit {
        flex-wrap: wrap;
    }

    form#subscribenowSubmit input {
        width: 100%;
    }

    .subscribenow-wrapper h3 {
        font-size: 1.6rem;
    }

    .subscribenow-wrapper p {
        width: 100%;
        margin-bottom: 50px;
    }

    .footerWrapper {
        grid-template-columns: 100%;
        padding: 50px 0px;
        grid-row-gap: 30px;
    }

    .footerWrapper .footer-col {
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        padding-bottom: 25px;
        width: 75%;
    }

    .footerWrapper .footer-col:last-child {
        border: 0;
    }

    section#feature-shops .text-block {
        padding: 20px;
    }

    h5.category-title {
        width: 80%;
    }

    .availnow-imgWrapper {

        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .navbar-right-content {
        display: none;
    }

    .navbar-right-content.show {
        display: block;
    }

    .navbar-toggler {
        padding: 0.15rem .55rem;
    }

    .responsive-mobile-menu .logo-wrapper img {
        max-width: 100px;
    }

    .nav-five.navbar-area .nav-container .responsive-mobile-menu {
        min-height: 40px;
        display: flex !important;
        align-items: center;
    }

    .banner__wrap video+.banner__contents .banner__contents__title {
        font-size: 1.6rem;
        line-height: 2rem;
    }

    .vidRow .banner__wrap .banner__contents {
        width: 100%;
    }

    .vidRow .banner__wrap .banner__contents {
        width: 100%;
    }

    .banner__contents {
        padding: 50px 0 0 0;
        display: none;
    }

    .btn-bg-black {
        font-size: 0.8rem;
    }

    .featured-products-wrapper {
        padding: 20px;
        grid-template-columns: 1fr 1fr;
    }

    .sas h1 {
        font-size: 2rem;
    }

    .sas .featuredImg-wrapper {
        margin-right: 20px;
        margin-left: 20px;
    }

    .vidRow .banner__wrap {
        padding: 15px;
    }

    section#testimonialWrapper h1 {
        font-size: 2rem;
    }
}

@media (min-width:721px) and (max-width:850px) {
    .col-3.img-section-left {
        width: 100%;
    }

    section#landing .img-section-left {
        top: 45px;
        position: relative;
        left: 0;
        transform: scale(0.8);

    }

    section#landing .img-section-left img {
        max-width: 70%;
    }

    .col-6.text-block h6 {
        font-size: 1rem;
    }

    .col-6.text-block h1 {
        font-size: 2.1rem;
        line-height: 3rem;
        margin-bottom: unset !important;
    }

    section#landing .text-block .text-block-content p {
        font-size: 1rem;
        padding: 10px 5%;
        font-weight: 400;
    }

    .min-height-hero {
        min-height: unset;
        height: 1400px;
    }

    section#landing .text-block .text-block-content {
        padding-top: 180px;
    }

    .img-section-right {
        position: relative;
        right: 0;
        bottom: -200px;
        width: 100%;
    }

    .img-section-right img {
        max-width: 75%;
    }

    .col-lg-9.col-md-9.mainHeader {
        width: 100%;
    }

    section#feature-shops .col-xl-6:last-child {
        margin-top: 65px;
    }

    .feature-shops-sec-col {
        background: unset;
    }

    button.slick-prev-shop.slick-arrow {
        left: 100px;
    }

    section#feature-shops .pe-0 {
        padding-right: 10px !important;
    }

    .featured-products-wrapper .slick-slide {
        margin-right: 10px;
    }

    .classyUptoWrapper {
        grid-template-columns: 100%;
        justify-items: center;
        grid-row-gap: 20px;
    }

    .classyUpToCol h2 {
        font-size: 1.4rem;
        text-align: center;
    }

    p.classyBusinessUserBtn {
        padding: 0.6rem 4rem;
        justify-content: center;
    }

    .stunningDesign-content h3 {
        font-size: 3rem;
    }

    .stunningDesign-content {
        transform: translate(0%, 100px);
    }

    .stunningDesign-content p {

        font-size: 1rem;
        line-height: 1.5rem;
        padding-top: 10px;
    }

    .stunning-btn-wrapper {
        padding: 0px 0;
    }

    .videoWrapper video {
        width: 100%;
        height: 100%;
    }

    section.availnow {
        padding-top: 0px;
    }

    .availnow-wrapper {
        grid-template-columns: 100%;
    }

    .availnow-imgWrapper img {
        position: static;
    }

    .availnow-wrapper .availnow-col:first-child h3 {
        font-size: 2rem;
    }

    section#gallerySec ul {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .shippingSecWrapper {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .shippingSec-col {
        border: none;
    }

    .subscribenow-wrapper {
        grid-template-columns: 100%;
        justify-items: left;
    }

    form#subscribenowSubmit {
        flex-wrap: wrap;
    }

    form#subscribenowSubmit input {
        width: 100%;
    }

    .subscribenow-wrapper h3 {
        font-size: 1.6rem;
    }

    .subscribenow-wrapper p {
        width: 100%;
        margin-bottom: 50px;
    }

    .footerWrapper {
        grid-template-columns: 1fr 1fr;
        padding: 50px 0px;
        grid-row-gap: 30px;
        align-items: center;
    }

    .footerWrapper .footer-col {
        /* border-bottom: 1px solid rgba(0, 0, 0, 0.2); */
        /* padding-bottom: 25px; */
        width: 75%;
    }

    .footerWrapper .footer-col:last-child {
        border: 0;
    }

    section#feature-shops .text-block {
        padding: 20px;
    }

    h5.category-title {
        width: 80%;
    }

    .availnow-imgWrapper {

        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .navbar-right-content {
        display: none;
    }

    .navbar-right-content.show {
        display: block;
    }

    .navbar-toggler {
        padding: 0.15rem .55rem;
    }

    .responsive-mobile-menu .logo-wrapper img {
        max-width: 100px;
    }

    .nav-five.navbar-area .nav-container .responsive-mobile-menu {
        min-height: 40px;
        display: flex !important;
        align-items: center;
    }

    .banner__wrap video+.banner__contents .banner__contents__title {
        font-size: 1.6rem;
        line-height: 2rem;
    }

    .vidRow .banner__wrap .banner__contents {
        width: 100%;
    }

    .vidRow .banner__wrap .banner__contents {
        width: 100%;
    }

    .banner__contents {
        padding: 50px 0 0 0;
        display: none;
    }

    .btn-bg-black {
        font-size: 0.8rem;
    }

    .featured-products-wrapper {
        padding: 20px;
        grid-template-columns: 1fr 1fr;
    }

    .sas h1 {
        font-size: 2rem;
    }

    .sas .featuredImg-wrapper {
        margin-right: 20px;
        margin-left: 20px;
    }

    .vidRow .banner__wrap {
        padding: 15px;
    }

}

@media (min-width:851px) and (max-width:1000px) {
    .col-3.img-section-left {
        width: 100%;
    }

    section#landing .img-section-left {
        top: 120px;
        position: relative;
        left: 0;
        transform: scale(0.8);
    }

    section#landing .img-section-left img {
        max-width: 70%;
    }

    .col-6.text-block h6 {
        font-size: 1rem;
    }

    .col-6.text-block h1 {
        font-size: 2.1rem;
        line-height: 3rem;
    }

    section#landing .text-block .text-block-content p {
        font-size: 1rem;
        padding: 10px 5%;
        font-weight: 400;
    }

    .min-height-hero {
        min-height: unset;
        height: 1600px;
    }

    section#landing .text-block .text-block-content {
        padding-top: 145px;
    }

    .img-section-right {
        position: relative;
        right: 0;
        bottom: -200px;
        transform: scale(0.8);
        width: 100%;
    }

    .img-section-right img {
        max-width: 75%;
    }

    .col-lg-9.col-md-9.mainHeader {
        width: 80%;
    }

    .topbar-bottom-four .col-lg-3 {
        width: 20%;
    }

    section#feature-shops .col-xl-6:last-child {
        margin-top: 65px;
    }

    .feature-shops-sec-col {
        background: unset;
    }

    button.slick-prev-shop.slick-arrow {
        left: 100px;
    }

    section#feature-shops .pe-0 {
        padding-right: 10px !important;
    }

    .featured-products-wrapper .slick-slide {
        margin-right: 10px;
    }

    .classyUptoWrapper {
        grid-template-columns: 100%;
        justify-items: center;
        grid-row-gap: 20px;
    }

    .classyUpToCol h2 {
        font-size: 1.4rem;
        text-align: center;
    }

    p.classyBusinessUserBtn {
        padding: 0.6rem 4rem;
        justify-content: center;
    }

    .stunningDesign-content h3 {
        font-size: 3rem;
    }

    .stunningDesign-content {
        transform: translate(10%, 50%);
    }

    .stunningDesign-content p {

        font-size: 1rem;
        line-height: 1.5rem;
        padding-top: 10px;
    }

    .stunning-btn-wrapper {
        padding: 0px 0;
    }

    .videoWrapper video {
        width: 100%;
        height: 100%;
    }

    section.availnow {
        padding-top: 0px;
    }

    .availnow-wrapper {
        grid-template-columns: 100%;
    }

    .availnow-imgWrapper img {
        position: static;
    }

    .availnow-wrapper .availnow-col:first-child h3 {
        font-size: 2rem;
    }

    section#gallerySec ul {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .shippingSecWrapper {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .shippingSec-col {
        border: none;
    }

    .subscribenow-wrapper {
        grid-template-columns: 100%;
        justify-items: left;
    }

    form#subscribenowSubmit {
        flex-wrap: wrap;
    }

    form#subscribenowSubmit input {
        width: 100%;
    }

    .subscribenow-wrapper h3 {
        font-size: 1.6rem;
    }

    .subscribenow-wrapper p {
        width: 100%;
        margin-bottom: 50px;
    }

    .footerWrapper {
        grid-template-columns: 1fr 1fr 1fr;
        padding: 50px 0px;
        grid-row-gap: 30px;
    }

    .footerWrapper .footer-col {
        /* border-bottom: 1px solid rgba(0, 0, 0, 0.2); */
        /* padding-bottom: 25px; */
        width: 75%;
    }

    .footerWrapper .footer-col:last-child {
        border: 0;
    }

    section#feature-shops .text-block {
        padding: 20px;
    }

    h5.category-title {
        width: 80%;
    }

    .availnow-imgWrapper {

        display: flex;
        flex-direction: column;
        align-items: center;
    }

    section#feature-shops .col-xl-6 {
        width: 100%;
    }

    .navbar-right-content {
        display: none;
    }

    .navbar-right-content.show {
        display: block;
    }

    .navbar-toggler {
        padding: 0.15rem .55rem;
    }

    .responsive-mobile-menu .logo-wrapper img {
        max-width: 100px;
    }

    .nav-five.navbar-area .nav-container .responsive-mobile-menu {
        min-height: 40px;
        display: flex !important;
        align-items: center;
    }

    .banner__wrap video+.banner__contents .banner__contents__title {
        font-size: 1.6rem;
        line-height: 2rem;
    }

    .vidRow .banner__wrap .banner__contents {
        width: 100%;
    }

    .vidRow .banner__wrap .banner__contents {
        width: 100%;
    }

    .banner__contents {
        padding: 50px 0 0 0;
        display: none;
    }

    .btn-bg-black {
        font-size: 0.8rem;
    }

    .featured-products-wrapper {
        padding: 20px;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .sas h1 {
        font-size: 2rem;
    }

    .sas .featuredImg-wrapper {
        margin-right: 20px;
        margin-left: 20px;
    }

    .vidRow .banner__wrap {
        padding: 15px;
    }

    .topbar-bottom-area .container>.row {
        justify-content: center;
    }

    .testimonial-card {
        height: 100%;
    }
}

@media (min-width:1001px) and (max-width:1200px) {
    .col-6.text-block h6 {
        font-size: 1rem;
    }

    .col-6.text-block h1 {
        font-size: 1.8rem;
        line-height: 2.5rem;
        margin-bottom: unset !important;
    }

    section#landing .text-block .text-block-content p {
        font-size: 1rem;
        padding: 10px 10%;
        font-weight: 400;
    }

    .min-height-hero {
        min-height: 470px;
    }

    section#landing .img-section-left {
        transform: scale(1.5);
        top: 80px;
    }

    .col-lg-9.col-md-9.mainHeader {
        width: 80%;
    }

    .topbar-bottom-four .col-lg-3 {
        width: 20%;
    }

    .img-section-right {

        right: 3%;

        transform: scale(1);
    }

    .navbar {
        padding-top: 0;
        padding-bottom: 0;
    }

    .navbar-area.nav-five .navbar-collapse .navbar-nav li a {
        padding: 5px 12px;
    }

    button.followUs-btn {
        width: 18%;
    }

    section#landing .text-block .text-block-content {
        width: 60%;
        position: relative;
        left: 60px;
    }

    section#feature-shops .col-xl-6:last-child {
        margin-top: 65px;
    }

    .feature-shops-sec-col {
        background: unset;
    }

    button.slick-prev-shop.slick-arrow {
        left: 100px;
    }

    section#feature-shops .pe-0 {
        padding-right: 10px !important;
    }

    .featured-products-wrapper .slick-slide {
        margin-right: 10px;
    }

    section#feature-shops {
        background: #f5f5f5;
    }

    .classyUptoWrapper {
        grid-template-columns: 100%;
        justify-items: center;
        grid-row-gap: 20px;
    }

    .classyUpToCol h2 {
        font-size: 1.4rem;
        text-align: center;
    }

    p.classyBusinessUserBtn {
        padding: 0.6rem 4rem;
        justify-content: center;
    }

    /* .stunningDesign-content h3 {
  font-size: 1.6rem;
} */
    .stunningDesign-content {
        transform: translate(3%, 35%);
    }

    /* .stunningDesign-content p {

  font-size: 0.9rem;
        line-height: 1.5rem;
        padding-top: 10px;
} */
    /* .stunning-btn-wrapper {
  padding: 0px 0;
} */
    .videoWrapper video {
        width: 100%;
        height: 100%;
    }

    /* section.availnow {
  padding-top: 0px;
} */
    /* .availnow-wrapper {
  grid-template-columns: 100%;
} */
    /* .availnow-imgWrapper img{
  position:static;
} */
    .availnow-wrapper .availnow-col:first-child h3 {
        font-size: 2rem;
    }

    section#gallerySec ul {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .availnow-imgWrapper img {
        width: 80%;
    }

    .availnow-imgWrapper img:last-child {
        width: 70%;
    }

    .shippingSecWrapper {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .shippingSec-col {
        border: none;
    }

    .subscribenow-wrapper {
        grid-template-columns: 100%;
        justify-items: left;
    }

    form#subscribenowSubmit {
        flex-wrap: wrap;
    }

    form#subscribenowSubmit input {
        width: 100%;
    }

    .subscribenow-wrapper h3 {
        font-size: 1.6rem;
    }

    .subscribenow-wrapper p {
        width: 100%;
        margin-bottom: 50px;
    }

    .footerWrapper {
        grid-template-columns: repeat(3, 1fr);
        padding: 50px 0px;
        grid-row-gap: 30px;
    }

    .footerWrapper .footer-col {
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        padding-bottom: 25px;
        width: 75%;
    }

    .footerWrapper .footer-col:last-child {
        border: 0;
    }

    section#feature-shops .text-block {
        padding: 20px;
    }

    h5.category-title {
        width: 80%;
    }

    .availnow-imgWrapper {

        display: flex;
        flex-direction: column;
        align-items: center;
    }

}

@media (min-width:1201px) and (max-width:1344px) {
    .col-6.text-block h6 {
        font-size: 1rem;
    }

    .col-6.text-block h1 {
        font-size: 2.1rem;
        line-height: 3rem;
    }

    section#landing .text-block .text-block-content p {
        font-size: 1rem;
        padding: 10px 5%;
        font-weight: 400;
    }

    .min-height-hero {
        min-height: 440px;
    }

    button.followUs-btn {
        width: 16%;
    }

    .banner__wrap video+.banner__contents {

        left: calc(100% - 70%);

    }

    section#feature-products h1 {
        margin-bottom: 5px !important;
    }

    section#feature-categories h1 {
        margin-top: 10px;
    }

    .classyUpToCol.invisible {
        display: none;
    }

    section#landing .text-block .text-block-content {
        width: 45%;
        position: relative;
        left: 60px;
    }

    section#feature-shops .col-xl-6:last-child {
        margin-top: 65px;
    }

    .feature-shops-sec-col {
        background: unset;
    }

    button.slick-prev-shop.slick-arrow {
        left: 100px;
    }

    section#feature-shops .pe-0 {
        padding-right: 10px !important;
    }

    /* .featured-products-wrapper {
  grid-template-columns: repeat(3,1fr);
  grid-column-gap:20px;
  grid-row-gap: 30px;
  justify-items:center;
} */
    .featured-products-wrapper .slick-slide {
        margin-right: 10px;
    }

    section#feature-shops {
        background: #f5f5f5;
    }

    .classyUptoWrapper {
        grid-template-columns: 100%;
        justify-items: center;
        grid-row-gap: 20px;
    }

    .classyUpToCol h2 {
        font-size: 1.4rem;
        text-align: center;
    }

    p.classyBusinessUserBtn {
        padding: 0.6rem 4rem;
        justify-content: center;
    }

    /* .stunningDesign-content h3 {
  font-size: 1.6rem;
} */
    .stunningDesign-content {
        transform: translate(15%, 35%);
    }

    /* .stunningDesign-content p {

  font-size: 0.9rem;
        line-height: 1.5rem;
        padding-top: 10px;
} */
    /* .stunning-btn-wrapper {
  padding: 0px 0;
} */
    .videoWrapper video {
        width: 100%;
        height: 100%;
    }

    /* section.availnow {
  padding-top: 0px;
} */
    /* .availnow-wrapper {
  grid-template-columns: 100%;
} */
    /* .availnow-imgWrapper img{
  position:static;
} */
    .availnow-wrapper .availnow-col:first-child h3 {
        font-size: 2rem;
    }

    section#gallerySec ul {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }

    .availnow-imgWrapper img {
        width: 80%;
    }

    .availnow-imgWrapper img:last-child {
        width: 70%;
    }

    .shippingSecWrapper {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }

    .shippingSec-col {
        border: none;
    }

    .subscribenow-wrapper {
        grid-template-columns: 100%;
        justify-items: left;
    }

    form#subscribenowSubmit {
        flex-wrap: wrap;
    }

    form#subscribenowSubmit input {
        width: 100%;
    }

    .subscribenow-wrapper h3 {
        font-size: 1.6rem;
    }

    .subscribenow-wrapper p {
        width: 100%;
        margin-bottom: 50px;
    }

    .footerWrapper {
        grid-template-columns: repeat(3, 1fr);
        padding: 50px 0px;
        grid-row-gap: 30px;
    }

    .footerWrapper .footer-col {
        /* border-bottom: 1px solid rgba(0, 0, 0, 0.2); */
        padding-bottom: 25px;
        width: 75%;
    }

    .footerWrapper .footer-col:last-child {
        border: 0;
    }

    section#feature-shops .text-block {
        padding: 20px;
    }

    h5.category-title {
        width: 80%;
    }

    .availnow-imgWrapper {

        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .navbar {
        padding-top: 0;
        padding-bottom: 0;
    }

    .navbar-area.nav-five .navbar-collapse .navbar-nav li a {
        padding: 5px 12px;
    }
}

@media (min-width:1345px) and (max-width:1465px) {
    .stunningDesign-content {
        top: 15%;
        left: 15%;
        transform: unset;
    }

    .min-height-hero {
        min-height: 400px;
    }

    section#landing .text-block .text-block-content p {
        padding: 20px 10%;
    }

    .navbar-area .nav-container {
        padding: 5px 0;
    }

    .topbar-area {
        padding: 2px 0;
    }

    .feature-brands-slider {
        padding: 5px 0;
    }

    .feature-brand-box-wrap img {
        min-height: 10px;
        transform: scale(0.7);
    }

    #feature-products {
        padding: 30px 20px 70px 20px;
    }

    button.slick-prev-shop.slick-arrow {
        left: 36%;
    }

    section#feature-shops {
        padding-bottom: 30px;
    }

    .topbar-logo a img {
        width: 130px;
        height: 45px;
    }

    .videoWrapper video {
        height: 500px;
        width: 100%;
        object-fit: cover;
    }

    .testimonial-card {
        padding: 30px 20px;
    }

    section.shippingSec {
        display: none;
    }

    section#testimonialWrapper {
        padding: 0px 20px;
        padding-bottom: 30px;
    }


}