/****************************************
Template Name: iMart - Multipurpose eCommerce HTML Template.
Author: NarzoTech 
Author Email: contact.narzotech@gmail.com
Version: 1.0
Description: iMart is a cutting-edge, feature-rich, and completely responsive e-commerce HTML template made for all kinds of online retailers. Whether you own a multi-category marketplace, electronics store, grocery store, furniture store, fashion boutique, or beauty items, iMart offers a chic and effective way to create the ideal e-commerce website. It fits perfectly on various displays and resolutions from regular desktop screens to tablets, iPads, iPhones and small mobile devices.
***************************************

CSS INDEX
===================================
01. GLOBAL CSS 
02. HOME PAGE 01
03. HOME FASHION 02
04. HOME GROCERY
05. HOME BEAUTY
06. ABOUT US
07. BLOG PAGE
08. BLOG DETAILS
09. SHOP PAGE
10. SHOP DETAILS
11. VENDOR PAGE
12. VENDOR DETAILS
13. BECOME A VENDOR
14. CART VIEW 
15. WISHLIST
16. CHECKOUT
17. PAYMENT SUCCESS
18. COMPARE
19. TRACK ORDER
20. PRIVACY POLICY
21. FAQ PAGE
22. ERROR
23. SIGN IN
24. CONTACT US
25. FLASH DEALS
26. DASHBOARD
**********************************/

/*===========================
    GLOBAL CSS START
===========================*/
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Oregano:ital@0;1&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

* {
    margin: 0;
    padding: 0;
}

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

a {
    display: inline-block;
    text-decoration: none;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

a:hover {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-family: var(--headingFont);
    color: var(--colorBlack);
}

p,
span {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    color: var(--paraColor);
}

body {
    overflow-x: hidden;
    scroll-behavior: smooth;
    font-family: var(--bodyFont);
}

img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: all 0.3s 0s ease-out;
    -webkit-transition: all 0.3s 0s ease-out;
    -moz-transition: all 0.3s 0s ease-out;
    -ms-transition: all 0.3s 0s ease-out;
    -o-transition: all 0.3s 0s ease-out;
}

input,
textarea {
    width: 100%;
    padding: 12px 20px;
    outline: none;
    resize: none;
    border: 1px solid #ddd;
    font-size: 16px;
    font-weight: 300;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

input::placeholder,
textarea::placeholder {
    color: #a6a6ac;
}

button {
    border: none;
}

:root {
    --themeColoeOne: #0A69D8;
    --themeColorTwo: #ffa9f9;
    --colorGreen: #05A845;
    --colorOlive: #AB9774;
    --colorYellow: #FFD43A;
    --colorRed: #DB4437;
    --paraColor: #7d7b7b;
    --colorBlack: #333333;
    --colorWhite: #ffffff;
    --lightBg: #edf5ff;
    --lightBg2: #F5F5F5;
    --headingFont: "Jost", serif;
    --bodyFont: "Roboto", serif;
    --cursiveFont: "Oregano", serif;
    --ratingColor: #F9A61C;
    --boxShadow: rgb(149 157 165 / 16%) 0px 3px 22px;
}

.common_btn {
    background: var(--themeColoeOne);
    padding: 12px 25px;
    color: #333333;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 15px;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}

.common_btn i {
    margin-left: 5px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.common_btn:hover i {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.common_btn:after {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.common_btn:hover:after {
    left: 0;
    width: 100%;
}

.section_heading p {
    color: var(--themeColorTwo);
    position: relative;
    margin-bottom: 10px;
    display: inline-block;
    font-weight: 400;
    text-transform: capitalize;
}

.section_heading p::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 15px;
    background: url(../images/line_shapes.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -10px;
    left: 50%;
    z-index: -1;
    opacity: .5;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.section_heading h3,
.section_heading h3 span {
    font-weight: 600;
    font-size: 36px;
    color: var(--colorBlack);
    position: relative;
    text-transform: capitalize;
    z-index: 1;
}

.section_heading_2 p {
    display: block;
}

.section_heading_2 h3 span::after {
    position: absolute;
    content: "";
    width: 100px;
    height: 75px;
    background: url(../images/heading_shapes.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -10px;
    left: -7px;
    z-index: -1;
    opacity: 1;
}

.nextArrow,
.prevArrow {
    width: 40px;
    height: 40px;
    line-height: 40px !important;
    padding: 0;
    text-align: center;
    background: var(--themeColoeOne);
    background: var(--colorWhite);
    color: var(--colorBlack);
    border: 1px solid var(--lightBg);
    font-size: 14px;
    cursor: pointer;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    z-index: 9;
}

.nextArrow:hover,
.prevArrow:hover {
    border-color: var(--themeColoeOne);
    color: var(--colorWhite);
}

.title {
    display: block;
    color: var(--colorBlack);
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    font-family: var(--headingFont);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.title:hover {
    color: var(--themeColoeOne);
}

.play_btn {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: var(--colorWhite);
    color: var(--colorBlack);
    position: relative;
    z-index: 2;
    font-size: 14px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.play_btn::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: var(--colorWhite);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    top: 0;
    left: 0;
    z-index: -1;
    animation: playAnimi 2s infinite;
    -webkit-animation: playAnimi 2s infinite;
}

.play_btn::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: var(--colorWhite);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    top: 0;
    left: 0;
    z-index: -1;
    animation: playAnimi 3s infinite;
    -webkit-animation: playAnimi 3s infinite;
}

@keyframes playAnimi {
    from {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

    to {
        opacity: 0;
        transform: scale(2);
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -ms-transform: scale(2);
        -o-transform: scale(2);
    }
}

.section_heading_beauty h5 {
    font-family: var(--cursiveFont);
    font-weight: 700;
    color: var(--colorOlive);
    letter-spacing: 1px;
    text-transform: capitalize;
}

.section_heading_beauty h3 {
    font-weight: 600;
    font-size: 36px;
    color: var(--colorBlack);
    position: relative;
    text-transform: capitalize;
}

.page_banner {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.page_banner_overlay {
    background: rgb(7 28 31 / 38%);
    padding: 50px 0px 52px 0px;
}

.page_banner_text h1 {
    color: var(--colorWhite);
    font-size: 54px;
    font-weight: 500;
    margin-bottom: 5px;
    text-align: center;
    text-transform: capitalize;
}

.page_banner_text ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px 30px;
}

.page_banner_text ul li a {
    color: var(--colorWhite);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    position: relative;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    opacity: .9;
}

.page_banner_text ul li a:hover {
    opacity: 1;
}

.page_banner_text ul li a i {
    margin-right: 5px;
}

.page_banner_text ul li a::after {
    position: absolute;
    content: "\f054";
    font-family: "font awesome 5 free";
    font-weight: 600;
    font-size: 10px;
    color: var(--colorWhite);
    top: 0px;
    right: -18px;
}

.page_banner_text ul li:last-child a::after {
    display: none;
}

.pagination_area ul {
    gap: 10px;
}

.pagination_area .page-link {
    font-size: 16px;
    font-weight: 500;
    padding: 0;
    width: 45px;
    height: 45px;
    text-align: center;
    color: var(--colorBlack);
    line-height: 45px;
    background: var(--colorWhite) !important;
    border: 1px solid rgba(3, 26, 38, 0.14);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.pagination_area .page-link:hover,
.pagination_area .page-link.active {
    color: var(--colorWhite);
    border-color: var(--themeColorTwo);
}

.pagination_area .page-link:focus {
    outline: 0;
    box-shadow: none;
}

/*===========================
    GLOBAL CSS END
===========================*/


/*===========================
    HOME PAGE 01 START
===========================*/
/* TOPBAR START */
.topbar {
    width: 100%;
    height: 40px;
    background: var(--colorBlack);
    position: sticky;
    z-index: 999;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.topbar .topbar_info {
    gap: 30px;
}

.topbar .topbar_info,
.topbar .topbar_icon {
    line-height: 38px;
    align-items: center;
}

.topbar .topbar_info li a,
.topbar .topbar_info li p {
    color: var(--colorWhite);
    font-family: var(--bodyFont);
    font-size: 12px;
    font-weight: 400;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.topbar .topbar_info li a i,
.topbar .topbar_info li p i {
    margin-right: 5px;
}

.topbar .topbar_icon {
    justify-content: end;
    margin-right: 7px;
}

.topbar .topbar_icon li a {
    font-size: 12px;
    font-weight: 400;
    color: var(--colorWhite);
    position: relative;
    padding-right: 10px;
    margin-left: 10px;
    line-height: 15px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.topbar .topbar_icon li:last-child a::after {
    display: none;
}

.topbar_right .nice-select {
    width: 90px;
    height: 25px;
    line-height: 24px;
    padding-left: 15px;
    padding-right: 30px;
    background: none;
    border: none !important;
    border-right: 1px solid #ffffff61 !important;
}

.topbar_right .nice-select.language {
    border-left: 1px solid #ffffff61 !important;
    width: 110px;
}

.topbar_right .current {
    color: var(--colorWhite);
    font-size: 13px;
    font-weight: 500;
}

.topbar_right .nice-select:after {
    border-bottom: 2px solid var(--colorWhite);
    border-right: 2px solid var(--colorWhite);
    right: 17px;
}

.topbar .nice-select .option {
    padding-left: 14px;
    padding-right: 14px;
}

/* TOPBAR  END */


/* HEADER START */
header {
    width: 100%;
    height: 90px;
    line-height: 90px;
    background: var(--colorWhite);
    position: relative;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    z-index: 2;
}

header .header_logo_area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

header .header_logo {
    width: 170px;
}

header form {
    line-height: 0;
    position: relative;
    border: 1px solid var(--themeColoeOne);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: 10px;
}

header form .select2-container {
    width: 200px !important;
    border-right: 1px solid #b3d6ff;
}

header form .select2-container .select2-selection--single {
    height: 37px;
    border: none;
    background: none;
}

header form .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 37px;
    font-size: 14px;
}

header form .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 2px;
}

header form .input {
    width: 65%;
}

header form input {
    border: none;
    padding: 14px 20px;
    font-size: 14px;
    background: none;
}

header form button {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 37px;
    height: 37px;
    background: var(--themeColoeOne);
    color: var(--colorWhite);
    line-height: 40px;
    text-align: center;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    font-size: 14px;
}

header form button:hover {
    background: var(--colorBlack);
}

header .header_support_user {
    justify-content: end;
    gap: 10px 30px;
}

header .header_support {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: end;
}

header .header_support .icon {
    margin-right: 10px;
    width: 40px;
    height: 40px;
    border: 2px solid #ddd;
    text-align: center;
    line-height: 36px;
    color: var(--themeColoeOne);
    font-size: 17px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

header .header_support h3 {
    font-size: 13px;
    font-weight: 400;
    color: var(--themeColoeOne);
    font-family: var(--bodyFont);
}

header .header_support h3 a span,
header .header_support h3 a {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: var(--colorBlack);
    font-family: var(--headingFont);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    margin-top: 2px;
}

header .header_support h3 a:hover span,
header .header_support h3 a:hover {
    color: var(--themeColoeOne);
}

/* HEADER END */


/* MENU START */
.main_menu {
    width: 100%;
    height: 60px;
    /* background: var(--lightBg); */
    position: relative;
    z-index: 9;
    border-bottom: 1px solid #8585851a;
}

.menu_category_bar {
    background: var(--themeColoeOne);
    width: 100%;
    height: 60px;
    color: var(--colorWhite);
    padding: 0px 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    overflow: hidden;
}

.menu_category_bar i {
    transition: all linear .2s;
    -webkit-transition: all linear .2s;
    -moz-transition: all linear .2s;
    -ms-transition: all linear .2s;
    -o-transition: all linear .2s;
}

.menu_category_bar.ratate_arrow i {
    transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
}

.menu_category_bar p {
    text-transform: capitalize;
    font-weight: 400;
    font-size: 16px;
    color: var(--colorWhite);
    ;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.menu_category_bar span {
    display: block;
    width: 17px;
    height: auto;
    overflow: hidden;
    margin-right: 10px;
    position: relative;
    top: -1px;
}

.menu_category_bar i {
    font-size: 12px;
}

.menu_cat_item {
    background: var(--colorWhite);
    box-shadow: var(--boxShadow);
    width: 100%;
    position: relative;
    z-index: 99;
}

.menu_cat_item li {
    position: relative;
}

.menu_cat_item li a {
    border-bottom: 1px solid #ececec;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    color: var(--colorBlack);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    line-height: initial;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 8px 20px;
    position: relative;
}

.menu_cat_item li.all_category a {
    border: none;
    background: var(--colorWhite) !important;
    padding: 19px 30px !important;
    font-weight: 600;
    color: var(--colorBlack);
}

.menu_cat_item li.all_category a i {
    margin-left: 5px;
}

.menu_cat_item li.all_category a::after {
    display: none;
}

.menu_cat_item li a span {
    display: block;
    width: 35px;
    height: 35px;
    overflow: hidden;
    background: #eee;
    background: var(--lightBg);
    padding: 5px;
    margin-right: 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.menu_cat_item>li:hover>a {
    color: var(--themeColoeOne);
}

.menu_cat_item>li:hover>a span {
    background: var(--colorWhite);
}

.menu_cat_item>li:hover a::after {
    color: var(--themeColoeOne);
    opacity: 1;
}

.menu_cat_item>li>a::after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    font-style: normal;
    position: absolute;
    content: "\f105";
    top: 22px;
    right: 20px;
    color: var(--paraColor);
    opacity: .8;
    font-size: 14px;
    border: none;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.menu_cat_droapdown {
    width: 250px;
    background: var(--colorWhite);
    position: absolute;
    z-index: 1;
    top: 0;
    left: 105%;
    padding: 0;
    box-shadow: var(--boxShadow);
    opacity: 0;
    visibility: hidden;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.menu_cat_droapdown li a {
    padding: 0px 20px !important;
    line-height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menu_cat_droapdown li:last-child a {
    border: none;
}

.menu_cat_droapdown li a i {
    width: auto;
    color: var(--paraColor);
    font-size: 17px;
}

.menu_cat_droapdown li:hover>a {
    color: var(--themeColoeOne);
}

.menu_cat_droapdown li:hover>a i {
    color: var(--themeColoeOne);
}

.menu_cat_item li:hover .menu_cat_droapdown {
    opacity: 1;
    visibility: visible;
    left: 100%;
}

.sub_category {
    width: 250px;
    background: var(--colorWhite);
    position: absolute;
    z-index: 1;
    top: 0;
    left: 105%;
    padding: 0;
    box-shadow: var(--boxShadow);
    opacity: 0;
    visibility: hidden;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.menu_cat_droapdown li:hover .sub_category {
    opacity: 1;
    visibility: visible;
    left: 100%;
}

.menu_item {
    line-height: 60px;
    position: relative;
    margin-left: 25px;
}

.menu_icon {
    line-height: 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    gap: 10px;
    margin-left: auto;
}

.menu_icon li {
    position: relative;
}

.menu_icon li a {
    width: 25px;
    height: 25px;
    line-height: 30px;
    text-align: center;
    color: var(--colorBlack);
    position: relative;
    cursor: pointer;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    padding: 0;
    margin-right: 8px;
}

.menu_icon li a span {
    position: absolute;
    width: 20px;
    height: 20px;
    display: block;
    background: var(--themeColoeOne);
    line-height: 20px;
    font-size: 12px;
    color: var(--colorWhite);
    top: -4px;
    right: -8px;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.menu_icon li a:hover,
.menu_icon li a.active {
    color: var(--themeColoeOne) !important;
    border-color: var(--themeColoeOne);
}

.menu_item li {
    margin-right: 25px;
    float: left;
    position: relative;
}

.menu_item li a {
    text-transform: capitalize;
    color: var(--colorBlack);
    font-weight: 500;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    font-size: 16px;
    opacity: .8;
}

.menu_item li a i {
    margin-left: 3px;
    font-size: 12px;
}

.menu_item>li:hover>a,
.menu_item li a.active {
    color: var(--themeColoeOne);
    opacity: 1;
}

.menu_item li a.flash_sell {
    line-height: initial;
    background: #f00c0c26;
    color: var(--colorRed);
    padding: 6px 15px;
    font-size: 15px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.menu_item li a.flash_sell:hover,
.menu_item li a.flash_sell.active {
    background: var(--colorRed);
    color: var(--colorWhite);
}

.main_menu.menu_fix {
    position: fixed;
    width: 100%;
    left: 0px;
    top: 0;
    z-index: 999;
    animation: menu_animate 1.5s;
    -webkit-animation: menu_animate 1.5s;
    background: var(--colorWhite);
}

@keyframes menu_animate {
    from {
        transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
    }

    to {
        transform: translateY(0%);
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
    }
}

.main_menu .main_menu_area {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.main_menu .menu_category_area {
    width: 280px;
    height: 60px;
}

.menu_category_area .menu_cat_item {
    transform: scaleY(0);
    transform-origin: top;
    opacity: 0;
    visibility: hidden;
    width: 280px !important;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
}

.menu_category_area.show_category .menu_cat_item {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.main_menu.menu_fix .menu_category_bar {
    display: none;
}

.menu_fix .menu_cat_item {
    opacity: 0 !important;
}

.main_menu.menu_fix .menu_logo {
    display: inline-block !important;
    line-height: 58px;
    border-right: 1px solid #ddd;
    padding-right: 50px;
    padding-bottom: 2px;
}

.main_menu.menu_fix .main_menu_area {
    justify-content: space-between;
}

.main_menu.menu_fix .menu_category_area {
    width: 180px;
}

.main_menu.menu_fix .menu_item {
    margin-left: 50px;
}

.menu_droapdown {
    position: absolute;
    top: 120%;
    left: 0;
    background: var(--colorWhite);
    z-index: 999;
    width: 230px;
    max-height: 410px;
    box-shadow: var(--boxShadow);
    line-height: 35px;
    opacity: 0;
    visibility: hidden;
    padding: 10px 0px;
    transition: ease-in-out .2s;
    -webkit-transition: ease-in-out .2s;
    -moz-transition: ease-in-out .2s;
    -ms-transition: ease-in-out .2s;
    -o-transition: ease-in-out .2s;
    overflow: hidden;
    overflow-y: auto;
}

.menu_droapdown::-webkit-scrollbar {
    scrollbar-width: thin !important;
    background: #eee;
    width: 5px;
}

.menu_droapdown::-webkit-scrollbar-thumb {
    background: #ddd;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.menu_droapdown>li {
    margin: 0;
    width: 100%;
    position: relative;
}

.menu_droapdown>li>a {
    color: var(--colorBlack);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    padding: 2px 25px;
    position: relative;
}


.menu_droapdown>li>a>i {
    font-size: 10px;
    margin-right: 5px;
    font-weight: 900;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.menu_droapdown>li>a::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background: var(--themeColoeOne);
    top: 17px;
    left: 20px;
    opacity: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.menu_droapdown>li:hover>a,
.menu_droapdown>li .active {
    color: var(--themeColoeOne);
    padding-left: 30px;
}

.menu_droapdown>li:hover i {
    margin-right: 0;
}

.menu_droapdown>li>a:hover::after,
.menu_droapdown>li>a.active::after {
    opacity: 1;
}

.menu_item li:hover .menu_droapdown,
.menu_item li .menu_droapdown li:hover .child_menu_droapdown {
    top: 100%;
    opacity: 1;
    visibility: visible;
}

.menu_droapdown2 {
    width: 220px;
    position: absolute;
    top: -20px;
    left: 110%;
    background: var(--colorWhite);
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 20px;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: top;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.menu_droapdown2 li {
    width: 100%;
}

.menu_droapdown2 li a {
    color: #575757;
    width: 100%;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.menu_droapdown2>li>a:hover {
    color: #007aff;
}

.menu_droapdown>li:hover .menu_droapdown2 {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.mini_cart .offcanvas-header {
    background: var(--themeColoeOne);
    padding: 10px 20px;
}

.mini_cart .offcanvas-header h5 {
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 600;
    color: var(--colorWhite);
    padding: 10px 0px;
}

.mini_cart .offcanvas-header h5 span {
    color: var(--colorWhite);
    margin-left: 5px;
}

.mini_cart .offcanvas-header .btn-close {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0;
    margin-right: 0px;
    background: var(--colorWhite);
    color: var(--themeColoeOne);
    opacity: 1;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}

.mini_cart .offcanvas-header .btn-close:hover {
    background: var(--colorBlack);
    color: var(--colorWhite);
}

.mini_cart ul {
    display: block;
    overflow-y: auto !important;
    scrollbar-width: thin;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    padding-left: 5px;
    max-height: 660px;
    margin-bottom: 10px;
}

.mini_cart ul::-webkit-scrollbar {
    scrollbar-width: thin !important;
    background: var(--themeColoeOne);
    width: 5px;
}

.mini_cart ul::-webkit-scrollbar-thumb {
    background: #ddd;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.mini_cart li {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    padding-bottom: 10px;
    position: relative;
}

.mini_cart li:last-child {
    margin-bottom: 0;
    border: none;
}

.mini_cart .cart_img {
    width: 85px;
    height: 90px;
    border: 1px solid #eee;
    position: relative;
    overflow: hidden;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.mini_cart .cart_img:hover {
    border-color: var(--themeColoeOne);
}

.del_icon {
    position: absolute;
    top: 50%;
    right: 0;
    color: var(--colorBlack);
    font-size: 18px;
    transform: translateY(-50%);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.del_icon:hover {
    color: red;
}

.mini_cart .cart_text {
    width: 70%;
    margin-left: 15px;
}

.mini_cart .cart_text a {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    color: var(--colorBlack);
    font-family: var(--headingFont);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.mini_cart .cart_text a:hover {
    color: var(--themeColoeOne);
}

.mini_cart .cart_text p {
    font-size: 14px;
    font-weight: 600;
    color: var(--colorBlack);
    margin-top: 2px;
}

.mini_cart .cart_text p del {
    color: var(--paraColor);
    font-weight: 400;
    margin-left: 5px;
    font-size: 12px;
}

.mini_cart .cart_text span {
    display: block;
    font-size: 13px;
    font-weight: 400;
}

.mini_cart .cart_text span b {
    font-weight: 500;
}

.mini_cart h5 {
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    padding: 10px 0px 13px 0px;
}

.mini_cart h5 span {
    color: var(--colorBlack);
    font-weight: 600;
    font-size: 20px;
}

.minicart_btn_area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.minicart_btn_area a {
    width: 100%;
}

.menu_icon li .user_dropdown {
    position: absolute;
    top: 115%;
    left: 20px;
    width: 200px;
    background: var(--colorWhite);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    line-height: 0;
    padding: 10px 25px;
    transition: ease-in-out .2s;
    -webkit-transition: ease-in-out .2s;
    -moz-transition: ease-in-out .2s;
    -ms-transition: ease-in-out .2s;
    -o-transition: ease-in-out .2s;
    opacity: 0;
    visibility: hidden;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.menu_icon li .user_dropdown::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid var(--themeColorTwo);
    top: -10px;
    left: 33px;
}

.menu_icon li .user_dropdown li {
    margin: 15px 0px;
}

.menu_icon li .user_dropdown li a {
    text-transform: capitalize;
    width: 100%;
    text-align: left;
    padding: 0;
    margin: 0;
    font-size: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    line-height: 0;
}

.menu_icon li .user_dropdown li a svg {
    display: block;
    width: 18px;
    height: 18px;
    margin-right: 8px;
}

.menu_icon li .user_dropdown li a:hover {
    color: var(--themeColorTwo) !important;
}

.menu_icon li:hover>.user_dropdown {
    top: 100%;
    opacity: 1;
    visibility: visible;
}

/* MENU END */

/* BANNER SLIDER START */
.banner_area {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
    height: 785px;
    margin-top: -60px;
    padding-top: 60px;
}

.banner_area div {
    height: 100%;
}

.banner_slider_text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}

.banner_slider_text h5 {
    font-size: 18px;
    margin-bottom: 10px;
}

.banner_slider_text h1 {
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 15px;
}

.banner_slider_text p {
    font-size: 26px;
    font-family: var(--cursiveFont);
    margin-bottom: 50px;
    font-weight: 500;
    color: var(--colorBlack);
}

.banner_slider_text p span {
    font-size: 26px;
    font-family: var(--cursiveFont);
    margin-bottom: 50px;
    font-weight: 600;
    color: var(--themeColorTwo);
    position: relative;
    z-index: 1;
}

.banner_slider_text p span::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 25px;
    background: url(../images/line_shapes.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -18px;
    left: -10px;
    z-index: -1;
}

.banner_slider_img {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    align-items: end;
    position: relative;
    z-index: 1;
}

.banner_slider_img::after {
    position: absolute;
    content: "";
    width: 100px;
    height: 100px;
    background: url(../images/arrow_shapes.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 70px;
    right: -50px;
    z-index: 1;
    animation: bannerAnimi linear 1s infinite alternate;
    -webkit-animation: bannerAnimi linear 1s infinite alternate;
}

@keyframes bannerAnimi {
    from {
        margin-right: 0px;
    }

    to {
        margin-right: 30px;
    }
}

.banner_slider_img .img {
    height: 700px;
}

.banner_slider .slick-dots {
    position: absolute;
    top: 0;
    right: 120px;
    z-index: 3;
    width: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.banner_slider .slick-dots li {
    margin-top: -7px;
}

.banner_slider .slick-dots li button {
    color: transparent;
    font-size: 16px;
    font-weight: 700;
    background: none;
    position: relative;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
}

.banner_slider .slick-dots li button::before {
    position: absolute;
    content: "0";
    font-family: var(--headingFont);
    color: transparent;
    font-size: 16px;
    font-weight: 700;
    top: 0px;
    left: -11px;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
}

.banner_slider .slick-dots li button::after {
    position: absolute;
    content: "";
    width: 20px;
    height: 3px;
    background: var(--themeColoeOne);
    top: 10px;
    right: -60px;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
}

.banner_slider .slick-dots li button:hover,
.banner_slider .slick-active button,
.banner_slider .slick-dots li button:hover::before,
.banner_slider .slick-active button::before {
    color: var(--themeColoeOne) !important;
}

.banner_slider .slick-dots li button:hover::after,
.banner_slider .slick-active button::after {
    width: 50px !important;
}

.slick-active .beauty_banner_text h4,
.slick-active .beauty_banner_text h1,
.slick-active .beauty_banner_text p,
.slick-active .beauty_banner_text ul,
.slick-active .beauty_banner_text a,
.slick-active .beauty_banner_img .img,
.slick-active .banner_slider_2_text h3,
.slick-active .banner_slider_img .img,
.slick-active .banner_slider_text h5,
.slick-active .banner_slider_text h1 {
    animation: 1.5s ease 0s 1 normal none running fadeUp;
    -webkit-animation: 1.5s ease 0s 1 normal none running fadeUp;
}

.slick-active .beauty_banner_text h4,
.slick-active .beauty_banner_text h1,
.slick-active .banner_slider_2_text h1,
.slick-active .banner_slider_text p {
    animation: 2s ease 0s 1 normal none running fadeUp;
    -webkit-animation: 2s ease 0s 1 normal none running fadeUp;
}

.slick-active .beauty_banner_text p,
.slick-active .beauty_banner_text ul,
.slick-active .beauty_banner_text a,
.slick-active .banner_slider_2_text a,
.slick-active .banner_slider_text a {
    animation: 2.5s ease 0s 1 normal none running fadeUp;
    -webkit-animation: 2.5s ease 0s 1 normal none running fadeUp;
}

@keyframes fadeUp {
    0% {
        opacity: 0;
        transform: translateY(40px);
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
    }

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

/* BANNER SLIDER END */


/* CATEGORY START */
.category_item {
    background: #F2F3F5;
    padding: 30px 20px;
    display: block;
    margin: 0px 12px;
    border: 1px solid transparent;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.category_item.color_1 {
    background: #e8f8e3;
}

.category_item.color_2 {
    background: #ffe3e9;
}

.category_item.color_3 {
    background: #F5EFED;
}

.category_item.color_4 {
    background: #E6F1DF;
}

.category_item.color_5 {
    background: #ebebeb;
}

.category_item.color_6 {
    background: #F7E9E8;
}

.category_item.color_7 {
    background: #E5F0E2;
}

.category_item.color_8 {
    background: #ffeef1;
}

.category_item.color_9 {
    background: #F5EFED;
}

.category_item.color_10 {
    background: #E6F1DF;
}

.category_item.color_11 {
    background: #F3E3D6;
}

.category_item.color_12 {
    background: #F7E9E8;
}

.category_item.color_13 {
    background: #e8f8e3;
}

.category_item.color_14 {
    background: #ffe3e9;
}

.category_item.color_15 {
    background: #F5EFED;
}

.category_item.color_16 {
    background: #E6F1DF;
}

.category_item.color_17 {
    background: #ebebeb;
}

.category_item.color_18 {
    background: #F7E9E8;
}

.category_item.color_19 {
    background: #E5F0E2;
}

.category_item.color_20 {
    background: #ffeef1;
}

.category_item.color_21 {
    background: #F5EFED;
}

.category_item.color_22 {
    background: #E6F1DF;
}

.category_item.color_23 {
    background: #F3E3D6;
}

.category_item.color_24 {
    background: #F7E9E8;
}

.category_item h3 {
    text-transform: capitalize;
    font-size: 16px;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.category_item p {
    text-align: center;
    color: var(--themeColorTwo);
    text-transform: capitalize;
    font-size: 14px;
    margin-top: 3px;
}

.category_item .img {
    margin: 0 auto;
    margin-top: 20px;
    width: 150px;
    height: 150px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.category_item:hover {
    background: var(--colorWhite) !important;
    border-color: var(--themeColoeOne);
}

.category_item:hover .img img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.flash_sell .nextArrow,
.flash_sell .prevArrow,
.category .nextArrow,
.category .prevArrow {
    position: absolute;
    top: 50%;
    right: -9px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.flash_sell .prevArrow,
.category .prevArrow {
    right: auto;
    left: -9px;
}

/* CATEGORY END */


/* FLASH SELLER START */
.flash_sell .simply-countdown {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 15px;
}

.flash_sell .simply-amount {
    display: block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: var(--lightBg);
    font-size: 20px;
    font-weight: 700;
    position: relative;
    color: var(--themeColorTwo);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.flash_sell .simply-amount::after {
    position: absolute;
    content: ":";
    top: 0;
    right: -10px;
    font-size: 20px;
    font-weight: 700;
    color: var(--themeColorTwo);
}

.flash_sell .simply-amount::before {
    position: absolute;
    content: "";
    width: 52px;
    height: 52px;
    border: 2px solid var(--colorWhite);
    top: 4px;
    left: 4px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}


.flash_sell .simply-seconds-section .simply-amount::after {
    display: none;
}

.flash_sell .simply-word {
    display: none;
}

.product_item {
    border: 1px solid #eee;
    margin-top: 25px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    position: relative;
    overflow: hidden;
}

.product_item .product_img {
    position: relative;
    border-bottom: 1px solid #eee;
    height: 305px;
    overflow: hidden;
}

.product_item .product_img .discount_list {
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 5px;
    position: absolute;
    top: 20px;
    left: -1px;
}

.product_item .product_img .discount_list li {
    background: var(--themeColoeOne);
    padding: 3px 12px;
    color: var(--colorWhite);
    font-size: 14px;
    text-align: center;
    text-transform: capitalize;
}

.product_item .product_img .discount_list .discount {
    background: var(--colorRed);
}

.product_item .product_img .btn_list {
    position: absolute;
    top: 0;
    right: 20px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    opacity: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    z-index: 99;
}

.product_item:hover .product_img .btn_list {
    opacity: 1;
    top: 20px;
}

.product_item .product_img .btn_list li a {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: var(--colorBlack);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.product_item .product_img .btn_list li a img {
    width: 15px !important;
    height: 15px !important;
    display: inline-block !important;
}

.product_item .product_img .btn_list li a:hover {
    background: var(--themeColoeOne);
}

.product_item .product_text {
    padding: 20px 25px 25px 25px;
    position: relative;
}

.product_item .title {
    margin-bottom: 5px;
}

.product_item .price {
    color: var(--themeColorTwo);
    font-weight: 500;
    font-size: 16px;
}

.product_item .price del {
    color: var(--paraColor);
    margin-left: 3px;
    font-size: 14px;
    font-weight: 400;
}

.product_item .rating {
    color: var(--ratingColor);
    margin: 5px 0px 17px 0px;
    font-size: 14px;
}

.product_item .rating span {
    color: var(--paraColor);
    margin-left: 3px;
    text-transform: capitalize;
    font-size: 14px;
}

.product_item .color {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    max-width: 200px;
}

.product_item .color li {
    width: 18px;
    height: 18px;
    cursor: pointer;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: relative;
}

.product_item .color li.active::after {
    position: absolute;
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--colorWhite);
    top: 52%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.product_item .cart_btn {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: var(--themeColoeOne);
    text-align: center;
    color: var(--colorWhite);
    position: absolute;
    bottom: 25px;
    right: 25px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.product_item .cart_btn:hover {
    background: var(--themeColorTwo);
}

.product_item:hover {
    border-color: var(--themeColoeOne);
}

.flash_sell .product_item {
    margin: 0px 12px;
}

.flash_sell .product_item .product_img {
    border-bottom: 0;
    background: var(--lightBg);
}

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

.product_item .out_of_stock {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000038;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 5;
}

.product_item .out_of_stock p {
    color: var(--colorWhite);
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    background: var(--colorRed);
    padding: 5px 15px;
}

.view_all_btn_area {
    display: flex;
    justify-content: end;
    align-items: end;
    height: 100%;
    max-height: 70px;
}

.view_all_btn_area .view_all_btn {
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    font-weight: 400;
    color: var(--colorBlack);
    text-transform: capitalize;
    font-family: var(--headingFont);
    position: relative;
    padding-right: 30px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.view_all_btn_area .view_all_btn::after {
    position: absolute;
    content: "";
    background: url(../images/arrow_icon_black.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 25px;
    height: 15px;
    top: 4px;
    right: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.view_all_btn_area .view_all_btn:hover {
    color: var(--themeColoeOne);
    border-color: var(--themeColoeOne);
}

.view_all_btn_area .view_all_btn:hover::after {
    filter: brightness(0) saturate(100%) invert(27%) sepia(38%) saturate(4948%) hue-rotate(203deg) brightness(93%) contrast(92%);
}

/* FLASH SELLER END */


/* LARGE BANNER START */
.large_banner {
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.large_banner_img {
    height: 475px;
    margin-top: 70px;
}

.large_banner_text h5 {
    font-size: 24px;
    font-family: var(--cursiveFont);
    font-weight: 600;
    letter-spacing: 2px;
    color: var(--themeColorTwo);
}

.large_banner_text h3 {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 46px;
    font-weight: 700;
}

.large_banner_text ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px 40px;
    margin-bottom: 30px;
}

.large_banner_text ul li h4 {
    text-transform: capitalize;
    border-bottom: 1px solid var(--colorWhite);
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 500;
}

.large_banner_text ul li p {
    color: var(--colorBlack);
    font-size: 15px;
    font-weight: 400;
    opacity: .6;
}

.large_banner_text_footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 20px;
}

.large_banner_text_footer h2 {
    font-size: 30px;
    font-weight: 700;
}

/* LARGE BANNER END */


/* TRENDING PRODUCT START */
.trending_product .pws_tabs_controll {
    position: absolute;
    top: 0;
    right: 0;
}

/* TRENDING PRODUCT END */


/* BUNDLE PRODUCT START */
.bundle_product {
    padding-left: 125px;
    padding-right: 125px;
}

.bundle_product_banner {
    display: block;
    height: 900px;
    position: relative;
}

.bundle_product_banner .text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 100px 40px;
}

.bundle_product_banner .text h4 {
    font-weight: 600;
    font-size: 54px;
}

.bundle_product_banner .text h4 span {
    color: var(--themeColorTwo);
    font-family: var(--cursiveFont);
    font-weight: 600;
    font-size: 24px;
    letter-spacing: 1px;
    display: block;
    margin-top: 15px;
}

.bundle_product_banner .text p {
    font-size: 12px;
    margin-bottom: 30px;
    margin-top: 10px;
    color: var(--colorBlack);
    opacity: .7;
}

.bundle_product_item {
    display: block;
    background: #edf5ff;
    margin-top: 25px;
    position: relative;
}

.bundle_product_item .text {
    position: absolute;
    bottom: 5%;
    left: 5%;
    background: #ffffffd1;
    width: 90%;
    padding: 25px;
}

.bundle_product_item .text h4 {
    font-size: 16px;
}

.bundle_product_item .text p {
    font-size: 18px;
    font-weight: 600;
    color: var(--themeColoeOne);
}

.bundle_product .product_item .product_img {
    height: 275px;
    border-color: #e5e2e2;
}

.bundle_product .product_item {
    background: var(--lightBg);
}

/* BUNDLE PRODUCT END */


/* SPECIAL PRODUCT START */
.special_product_banner {
    overflow: hidden;
    position: relative;
    margin-top: 25px;
    height: 563px;
}

.special_product_banner img {
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.special_product_banner .text {
    position: absolute;
    top: 0;
    left: 0;
    padding: 35px;
}

.special_product_banner .text h5 {
    margin-bottom: 10px;
    color: var(--colorWhite);
    font-family: var(--cursiveFont);
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.4px;
}

.special_product_banner .text h3 {
    font-size: 32px;
    font-weight: 700;
    text-transform: capitalize;
}

.special_product_banner .text p {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 30px;
    font-weight: 400;
    color: var(--colorBlack);
    opacity: .7;
}

.special_product_banner .text .black_btn {
    background: var(--colorBlack);
    color: var(--colorWhite);
}

.special_product_banner .text .black_btn:hover span {
    background: var(--colorWhite);
}

.special_product_banner .text .black_btn:hover {
    color: var(--colorPrimary);
}

.special_product_banner:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.special_product_item {
    margin-top: 25px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: var(--lightBg);
    border: 1px solid #ffffff;
    position: relative;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.special_product_img {
    width: 130px;
    height: 120px;
    overflow: hidden;
    margin-right: 20px;
    border-right: 1px solid #ffffff;
}

.special_product_img img {
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.special_product_img .discount {
    background: var(--colorRed);
    position: absolute;
    top: -12px;
    right: 15px;
    color: var(--colorWhite);
    font-family: var(--headingFont);
    font-size: 12px;
    font-weight: 500;
    padding: 3px 8px;
    text-transform: capitalize;
}

.special_product_text {
    width: 50%;
}

.special_product_text a {
    font-size: 16px;
}

.special_product_text span {
    color: var(--ratingColor);
    display: block;
    margin-top: 3px;
    margin-bottom: 3px;
    font-size: 14px;
}

.special_product_text p {
    color: var(--colorBlack);
    font-weight: 500;
    font-size: 16px;
}

.special_product_text p del {
    font-weight: 400;
    color: var(--paraColor);
    margin-left: 5px;
    font-size: 14px;
}

.special_product_item:hover {
    border-color: var(--themeColoeOne);
}

.special_product_item:hover img {
    transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
}

.special_product .section_heading,
.special_product .section_heading p,
.special_product .section_heading h3 {
    text-align: center;
}

/* SPECIAL PRODUCT END */


/* BRAND START */
.brand {
    overflow: hidden;
}

.brand .brand_marquee ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 15px !important;
    margin-right: 15px;
}

.brand .brand_marquee ul li {
    width: 170px;
    max-height: 85px;
    background: var(--lightBg);
    border: 1px solid var(--lightBg);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.brand .brand_marquee ul li:hover {
    border-color: var(--themeColoeOne);
}

.brand .brand_marquee ul li a {
    padding: 20px;
}

/* BRAND END */


/* MULTI PRODUCT START */
.multi_product h3 {
    position: relative;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 0;
    display: inline-block;
    margin-top: 25px;
}

.multi_product h3::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 15px;
    background: url(../images/line_shapes.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -10px;
    left: 50%;
    z-index: -1;
    opacity: .5;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.multi_product_item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    border-top: 1px solid #eee;
    padding-top: 20px;
    margin-top: 20px;
}

.multi_product_item .img {
    width: 130px;
    height: 130px;
    background: var(--lightBg);
}

.multi_product_item .text {
    width: 63%;
}

.multi_product_item .text a {
    font-size: 16px;
}

.multi_product_item .text .rating {
    color: var(--ratingColor);
    margin: 3px 0px 4px 0px;
}

.multi_product_item .text .rating span {
    color: var(--paraColor);
    margin-left: 5px;
    text-transform: capitalize;
    font-size: 14px;
}

.multi_product_item .text .price {
    color: var(--themeColorTwo);
    font-weight: 500;
    font-size: 16px;
}

.multi_product_item .text .price del {
    color: var(--paraColor);
    margin-left: 5px;
    font-size: 14px;
}

/* MULTI PRODUCT END */

/* BLOG START */
.blog_item {
    position: relative;
    padding-bottom: 110px;
}

.blog_item {
    margin-top: 25px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.blog_img {
    display: block;
    width: 100%;
    height: 360px;
    overflow: hidden;
    background: #EFECE7;
}

.blog_img img {
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.blog_text {
    position: absolute;
    bottom: 0;
    background: var(--colorWhite);
    box-shadow: var(--boxShadow);
    padding: 25px 25px 20px 25px;
    width: 90%;
    left: 5%;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.blog_text .top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 25px;
    margin-bottom: 15px;
}

.blog_text .top li {
    font-size: 15px;
    font-weight: 400;
    position: relative;
    color: var(--paraColor);
}

.blog_text .top li i {
    margin-right: 5px;
    color: var(--themeColorTwo);
}

.blog_text .top li::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 12px;
    background: #585c5499;
    top: 5px;
    right: -14px;
}

.blog_text .top li:last-child:after {
    display: none;
}

.blog_text .bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
    border-top: 1px solid #eee;
    padding-top: 15px;
}

.blog_text .bottom li a {
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 600;
    color: var(--paraColor);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.blog_text .bottom li a i {
    margin-left: 5px;
}

.blog_text .bottom li span {
    font-size: 14px;
}

.blog_text .bottom li span i {
    margin-right: 5px;
}

.blog_text .bottom li a:hover {
    color: var(--themeColoeOne);
}

.blog_item:hover .blog_img img {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
}

.blog_item:hover .blog_text {
    box-shadow: 0px 14px 70px 0px rgba(7, 28, 31, 0.14);
}

/* BLOG END */

/* FOOTER START */
footer {
    background: #0a1e48;
}

.footer_info {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding: 50px 40px;
    overflow: hidden;
    position: relative;
    margin-bottom: 100px;
}

.footer_info_item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.footer_info_item .icon {
    width: 85px;
    height: 85px;
    margin-right: 20px;
}

.footer_info_item .text h3 {
    color: var(--colorWhite);
    font-size: 20px;
    font-weight: 500;
}

.footer_info_item .text p {
    color: var(--colorWhite);
    font-size: 14px;
    font-weight: 400;
    margin-top: 3px;
}

.footer_logo_area .footer_logo,
.footer_2_logo_area .footer_logo {
    display: block;
    width: 150px;
}

.footer_logo_area p,
.footer_2_logo_area p {
    color: rgb(183 183 183);
    font-size: 15px;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 30px;
}

.footer_logo_area span {
    display: block;
    color: rgb(183 183 183);
    font-size: 15px;
    position: relative;
    padding-left: 30px;
    margin-bottom: 20px;
}

.footer_logo_area span b {
    position: absolute;
    left: 0;
    top: -1px;
    display: block;
    width: 20px;
}

.footer_logo_area span a {
    color: rgb(183 183 183);
    font-size: 15px;
    font-weight: 400;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.footer_logo_area span a:hover {
    color: var(--themeColorTwo);
}

.footer_link h3 {
    color: var(--colorWhite);
    font-family: var(--bodyFont);
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 30px;
}

.footer_link ul li a {
    color: rgb(183 183 183);
    font-size: 15px;
    display: block;
    font-weight: 400;
    margin-top: 15px;
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.footer_link ul li a:hover {
    color: var(--themeColorTwo);
    padding-left: 5px;
    opacity: 1;
}

.footer_copyright {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #eeeeee24;
    padding: 20px 0px;
}

.footer_copyright .social {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.footer_copyright .social li a {
    background: #052c5a;
    width: 40px;
    height: 40px;
    line-height: 41px;
    text-align: center;
    color: var(--colorWhite);
    font-size: 15px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.footer_copyright .social li a:hover {
    background: var(--themeColorTwo);
}

.footer_copyright p {
    color: rgb(183 183 183);
    font-size: 15px;
}

.footer_copyright p b {
    color: var(--themeColorTwo);
}

.footer_copyright .payment {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
}

.footer_copyright .payment li {
    width: 50px;
    height: 30px;
    overflow: hidden;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.footer_copyright .payment li:first-child {
    width: auto;
    height: auto;
    color: rgb(183 183 183);
    font-size: 15px;
    font-weight: 400;
}

.footer_newsletter p {
    color: rgb(183 183 183);
    font-size: 15px;
    margin-bottom: 20px;
}

.footer_newsletter form input {
    background: #ffffff26;
    border: none;
    color: var(--colorWhite);
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.footer_newsletter form button {
    width: 100%;
    margin-top: 10px;
}

/* FOOTER END */
/*===========================
    HOME PAGE 01 END
===========================*/


/*===========================
    HOME FASHION 02 START
===========================*/
.default_home .container,
.home_beauty .container {
    max-width: 1600px;
}

.default_home .title:hover {
    color: var(--themeColorTwo);
}

.default_home .view_all_btn_area {
    align-items: center;
}

.default_home .view_all_btn_area .view_all_btn:hover {
    color: var(--themeColorTwo);
    border-color: var(--themeColorTwo);
}

.default_home .view_all_btn_area .view_all_btn:hover::after {
    filter: brightness(0) saturate(100%) invert(83%) sepia(38%) saturate(6159%) hue-rotate(358deg) brightness(98%) contrast(108%);
}

.default_home .common_btn {
    background: var(--themeColorTwo);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.default_home .common_btn:after {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.default_home .nextArrow:hover,
.default_home .prevArrow:hover {
    background: var(--themeColorTwo);
    color: var(--colorWhite);
    border-color: var(--themeColorTwo);
}

/* menu 2 start */
.main_menu_2 {
    background: var(--lightBg) !important;
    border: none;
}

.main_menu_2 .menu_item {
    margin: 0 auto;
}

.main_menu_2 .menu_icon {
    margin-left: 0;
}

.main_menu_2 .menu_icon li a.user {
    border-left: 1px solid #ddd;
    padding-left: 20px;
    width: auto;
    margin-left: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 60px;
    line-height: 60px;
    gap: 10px;
    margin-right: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.main_menu_2 .menu_icon li a.user b {
    width: 40px;
    height: 40px;
    line-height: 24px;
    background: var(--colorWhite);
    padding: 6px;
    border: 1px solid #ddd;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.main_menu_2 .menu_icon li a.user h5 {
    font-size: 16px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.default_home .menu_icon li:hover a.user b {
    border-color: var(--themeColorTwo);
}

.default_home .menu_icon li:hover a.user h5 {
    color: var(--themeColorTwo);
}

.main_menu_2 .menu_category_bar {
    background: var(--themeColorTwo);
    border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -ms-border-radius: 10px 10px 0px 0px;
    -o-border-radius: 10px 10px 0px 0px;
}

.main_menu_2 .menu_icon li a span {
    background: var(--themeColorTwo);
}

.main_menu_2 .menu_item>li:hover>a,
.main_menu_2 .menu_item li a.active,
.main_menu_2 .menu_droapdown>li:hover>a,
.main_menu_2 .menu_droapdown>li .active {
    color: var(--themeColorTwo);
}

.main_menu_2 .menu_item li:last-child {
    margin: 0;
}

.main_menu_2 .menu_droapdown>li>a::after {
    background: var(--themeColorTwo);
}

.main_menu_2 .menu_icon li a.user b img {
    filter: brightness(0) saturate(100%) invert(75%) sepia(68%) saturate(3040%) hue-rotate(358deg) brightness(99%) contrast(103%);
}

.default_home .mini_cart .offcanvas-header {
    background: var(--themeColorTwo);
}

.default_home .mini_cart .cart_img {
    border: 1px solid #eee;
    background: var(--lightBg2);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.default_home .mini_cart .cart_img:hover {
    border-color: var(--themeColorTwo);
}

.default_home .mini_cart .cart_text a:hover {
    color: var(--themeColorTwo);
}

.default_home .menu_cat_item {
    border-radius: 0px 0px 8px 8px;
    -webkit-border-radius: 0px 0px 8px 8px;
    -moz-border-radius: 0px 0px 8px 8px;
    -ms-border-radius: 0px 0px 8px 8px;
    -o-border-radius: 0px 0px 8px 8px;
}

.default_home .mini_cart .offcanvas-header .btn-close {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

/* menu 2 end */


/* header 2 start */
.default_home .menu_cat_item li a {
    padding: 7px 20px;
}

.default_home .menu_cat_item>li:hover>a {
    color: var(--themeColorTwo);
    background: var(--lightBg2);
}

.default_home .menu_cat_item>li:hover a::after,
.default_home .menu_cat_droapdown li:hover>a,
.default_home .menu_cat_droapdown li:hover>a i {
    color: var(--themeColorTwo);
}

.default_home .menu_cat_droapdown,
.default_home .sub_category,
.default_home .menu_droapdown {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.header_2 {
    z-index: 99;
}

.header_2 form {
    background: var(--lightBg2);
    border-color: #ddd;
    width: 90%;
}

.header_2 form,
.header_2 form button {
    border-color: #e5e5e5;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.header_2 form .select2-container {
    border-right: 1px solid #ddd;
}

.header_2 .header_support_user {
    justify-content: start;
    margin: 0 auto;
}

.header_2 .topbar_right .current {
    color: var(--colorBlack);
}

.header_2 .topbar_right .nice-select:after {
    border-bottom: 2px solid var(--colorBlack);
    border-right: 2px solid var(--colorBlack);
}

.header_2 .topbar_right .nice-select {
    border: none !important;
    background: var(--lightBg2);
    height: 40px;
    line-height: 40px;
    margin-left: 10px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.header_2 form button {
    background: var(--colorBlack);
}

.header_2 form button:hover {
    background: var(--themeColorTwo);
}

.header_2 .header_support .icon {
    color: var(--colorBlack);
}

.header_2 .header_support h3 {
    color: var(--paraColor);
}

.header_2 .nice-select .option {
    padding-left: 14px;
    padding-right: 14px;
}

.default_home .header_support h3:hover a span {
    color: var(--themeColorTwo);
}

/* header 2 end */


/* banner 2 start */
.banner_2 .menu_cat_item {
    background: var(--colorWhite);
    box-shadow: var(--boxShadow);
    width: 280px;
    position: relative;
    z-index: 9;
    border-radius: 0px 0px 8px 8px;
    -webkit-border-radius: 0px 0px 8px 8px;
    -moz-border-radius: 0px 0px 8px 8px;
    -ms-border-radius: 0px 0px 8px 8px;
    -o-border-radius: 0px 0px 8px 8px;
}

.default_home .menu_cat_item li.all_category a {
    border-radius: 0px 0px 8px 8px;
    -webkit-border-radius: 0px 0px 8px 8px;
    -moz-border-radius: 0px 0px 8px 8px;
    -ms-border-radius: 0px 0px 8px 8px;
    -o-border-radius: 0px 0px 8px 8px;
}

.banner_slider_2 {
    height: 480px;
    margin: 25px 12px 0px 52px;
    position: relative;
    overflow: hidden;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px;
}

.banner_slider_2_text {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    padding: 50px;
    max-width: 65%;
}

.banner_slider_2_text h3 {
    font-size: 22px;
    margin-bottom: 10px;
    font-family: var(--cursiveFont);
    font-weight: 400;
    letter-spacing: 1px;
    color: var(--themeColorTwo);
    text-transform: capitalize;
}

.banner_slider_2_text h1 {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 35px;
    text-transform: capitalize;
}

.banner_slider_2_text p {
    font-size: 16px;
    margin-bottom: 50px;
    font-weight: 400;
    color: var(--colorBlack);
    opacity: .7;
}

.banner_2_add {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding: 50px;
    overflow: hidden;
    height: 480px;
    margin-top: 25px;
    position: relative;
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px;
}

.banner_2_add .text {
    width: 100%;
}

.banner_2_add .text h4 {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 10px;
    font-family: var(--cursiveFont);
    letter-spacing: 2px;
    color: var(--themeColorTwo);
    text-transform: capitalize;
    background: var(--colorWhite);
    display: inline-block;
    padding: 3px 20px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.banner_2_add .text h2 {
    font-size: 24px;
    font-weight: 700;
    margin-top: 5px;
    margin-bottom: 25px;
}

.banner_2 .slick-dots {
    position: absolute;
    bottom: 40px;
    display: flex;
    justify-content: center;
    z-index: 1;
}

.banner_2 .slick-dots li button {
    font-size: 0;
    width: 8px;
    height: 8px;
    background: var(--themeColorTwo);
    margin: 0 3px;
    outline: 0;
    border: none;
    opacity: .3;
    cursor: pointer;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.slick-dots li.slick-active button {
    opacity: 1;
}

/* banner 2 end */

/* features start */
.features_item {
    background: #D9F5F3;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    padding: 20px;
    margin-top: 25px;
    position: relative;
    margin-left: 45px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.features_item .icon {
    background: #00BBAE;
    width: 90px;
    height: 90px;
    padding: 10px;
    position: absolute;
    left: -45px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.features_item .text {
    width: 100%;
    padding: 20px 20px 20px 45px;
}

.features_item .text h3 {
    font-size: 24px;
    margin-bottom: 5px;
}

.features_item.purple {
    background: #fff2da;
}

.features_item.purple .icon {
    background: var(--themeColorTwo);
}

.features_item.orange {
    background: #EAF9E8;
}

.features_item.orange .icon {
    background: #71D863;
}

.features_item.green {
    background: #DCF6FB;
}

.features_item.green .icon {
    background: #16C4E3;
}

/* features end */


/* flash sell 2 start */
.product_item_2 {
    border-color: #ddd !important;
    padding: 15px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.product_item_2:hover {
    border-color: #fff !important;
    box-shadow: var(--boxShadow);
}

.product_item_2:hover .product_img img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.product_item_2 .product_img {
    background: var(--lightBg2) !important;
    height: 265px;
    border: none;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.product_item_2 .product_text {
    padding: 20px 10px 10px 10px;
}

.product_item_2 .product_img .discount_list li {
    padding: 3px 10px;
    font-weight: 500;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.product_item_2 .product_img .discount_list {
    top: 15px;
    left: 15px;
}

.product_item_2 .product_img .btn_list li a {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.product_item_2 .product_img .btn_list li a:hover {
    background: var(--themeColorTwo);
}

.product_item_2 .product_img .btn_list li a {
    line-height: 33px;
}

.product_item_2 .out_of_stock p {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.flash_sell_2 .simply-section>div {
    display: flex;
    align-items: center;
    gap: 5px;
}

.flash_sell_2 .simply-word {
    display: inline-block;
    text-transform: capitalize;
    color: var(--colorWhite);
    font-weight: 600;
    font-size: 12px;
}

.flash_sell_2 .simply-section {
    text-align: center;
    background: var(--themeColorTwo);
    font-size: 20px;
    font-weight: 700;
    position: relative;
    padding: 5px 15px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.flash_sell_2 .simply-amount {
    display: block;
    width: auto;
    height: auto;
    line-height: normal;
    text-align: center;
    background: none;
    font-size: 22px;
    font-weight: 700;
    position: relative;
    color: var(--colorWhite);
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.flash_sell_2 .simply-countdown {
    gap: 5px;
}

.flash_sell_2 .simply-amount::before,
.flash_sell_2 .simply-amount::after {
    display: none;
}

.flash_sell_2 .view_all_btn_area {
    padding-top: 0px;
    display: inline-flex;
    margin-left: 100px;
    margin-top: 5px;
}

.flash_sell_2 .product_item,
.related_products .product_item {
    margin: 20px 12px;
}

/* flash sell 2 start */


/* category 2 start */
.category_2 .category_item {
    background: none;
    border: none;
    padding: 0;
}

.category_2 .category_item .img {
    margin: 20px auto;
    width: 170px;
    height: 170px;
    background: var(--lightBg2);
    padding: 40px;
    border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%;
    -webkit-border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%;
    -moz-border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%;
    -ms-border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%;
    -o-border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%;
}

.category_2 .category_item:hover .img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.category_2 .category_item h3 {
    font-size: 18px;
}

/* category 2 end */

/* special product 2 start */

.special_product_2 .special_product_item {
    background: var(--colorWhite);
    border-color: #ecebeb;
    padding: 10px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.special_product_2 .special_product_img {
    border: none;
    background: var(--lightBg2);
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}

.special_product_2 .special_product_text {
    width: 65%;
}

.special_product_2 .special_product_img .discount {
    padding: 3px 10px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.special_product_2 .special_product_banner {
    height: 645px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.special_product_2 .section_heading h3 {
    position: relative;
    display: inline-block;
    padding-right: 50px;
}

.special_product_2 .section_heading h3::after {
    position: absolute;
    content: "";
    width: 190%;
    height: 1px;
    background: #ddd;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.special_product_2 .section_heading_2 h3 span::after {
    width: 125px;
}

.special_product_2 .special_product_banner .text {
    padding: 55px;
}

/* special product 2 end */


/* trending product 2 start */
.trending_product_2 ul.pws_tabs_controll li a {
    border: 1px solid transparent;
    padding: 3px 15px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.trending_product_2 ul.pws_tabs_controll {
    gap: 5px;
    top: -53px;
}

.trending_product_2 ul.pws_tabs_controll li a.pws_tab_active {
    color: var(--themeColorTwo);
    border-color: var(--themeColorTwo);
}

.trending_product_2 ul.pws_tabs_controll li a:hover {
    color: var(--themeColorTwo);
}

.trending_product_2 ul.pws_tabs_controll li a::after {
    display: none;
}

.trending_product_2 .section_heading_2 h3 span::after {
    width: 150px;
}

/* trending product 2 end */


/* best selling product 2 start */
.best_selling_product_item {
    overflow: hidden;
    margin-top: 25px;
    position: relative;
    height: 400px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.best_selling_product_item .text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 25px;
}

.best_selling_product_item .text p {
    font-size: 24px;
    font-family: var(--cursiveFont);
    letter-spacing: 2px;
    font-weight: 900;
    color: var(--themeColorTwo);
}

.best_selling_product_item .text p del {
    color: var(--paraColor);
    font-size: 14px;
    font-family: var(--bodyFont);
    letter-spacing: initial;
    font-weight: 400;
}

.best_selling_product_item .text .buy_btn {
    text-transform: capitalize;
    border-bottom: 1px solid #ffa500;
    color: var(--colorBlack);
    margin-top: 15px;
    font-size: 14px;
    font-weight: 500;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.best_selling_product_item .text .buy_btn i {
    margin-left: 5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.best_selling_product_item .text .buy_btn:hover {
    color: var(--themeColorTwo);
}

.best_selling_product_item_large {
    height: 400px;
    position: relative;
    overflow: hidden;
    margin-top: 25px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.best_selling_product_item_large .text {
    position: absolute;
    top: 50%;
    left: 30px;
    width: 45%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.best_selling_product_item_large .text .title {
    font-size: 30px;
    margin-bottom: 5px;
}

.best_selling_product_item_large .text p {
    font-size: 28px;
    font-weight: 600;
    color: var(--themeColorTwo);
    margin-bottom: 30px;
}

.best_selling_product_item_large .text p del {
    color: var(--paraColor);
    font-size: 14px;
    font-weight: 500;
}

.best_selling_product_2 .section_heading_2 h3 span::after,
.new_arrival_2 .section_heading_2 h3 span::after {
    width: 90px;
    height: 75px;
    left: -10px;
}

.best_selling_product_item:hover img,
.best_selling_product_item_large:hover img {
    transform: scale(1.07);
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -ms-transform: scale(1.07);
    -o-transform: scale(1.07);
}

/* best selling product 2 end */


/* favourite product 2 start */
.favourite_product_2 .bundle_product_banner {
    overflow: hidden;
    height: 470px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.favourite_product_2 .bundle_product_banner .text {
    padding: 35px;
}

.favourite_product_2 .bundle_product_banner .text h4 {
    font-size: 32px;
}

.favourite_product_2 .section_heading_2 h3 span::after {
    width: 140px;
}

.favourite_product_2 .product_item_2 {
    background: var(--lightBg2);
    border: none;
    box-shadow: none !important;
    margin: 0px 12px;
}

.favourite_product_2 .product_item_2 .product_img {
    height: 245px;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.favourite_product_2 .product_item .rating {
    margin-bottom: 0;
}

.favourite_product_2 .nextArrow,
.favourite_product_2 .prevArrow,
.related_products .nextArrow,
.related_products .prevArrow {
    position: absolute;
    top: -80px;
    right: 60px;
}

.favourite_product_2 .nextArrow,
.related_products .nextArrow {
    right: 10px;
}

.favourite_product_2 .title {
    margin-bottom: 5px;
    -webkit-line-clamp: 1;
}

.favourite_product_2 .product_img .discount_list {
    top: 0;
    left: 0;
}

/* favourite product 2 end */


/* brand 2 start */
.brand_2 ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    justify-content: center;
}

.brand_2 ul li {
    width: 11.39%;
    max-height: 95px;
    background: var(--lightBg2);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border: 1px solid var(--lightBg2);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.brand_2 ul li:hover {
    border-color: var(--themeColorTwo);
}

.brand_2 ul li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 25px;
}

.brand_2 .section_heading_2 h3 span::after {
    width: 125px;
}

/* brand 2 end */

/* subscription 2 start */
.subscription_2 {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.subscription_2_text {
    text-align: center;
    padding: 125px 20px 65px 20px;
}

.subscription_2_text h2,
.subscription_2_text h2 span {
    text-transform: capitalize;
    font-size: 32px;
    font-weight: 600;
    color: var(--colorBlack);
    text-align: center;
}

.subscription_2_text h2 span {
    color: var(--themeColorTwo);
    font-family: var(--cursiveFont);
    font-weight: 900;
    letter-spacing: 1px;
}

.subscription_2_text p {
    color: var(--colorBlack);
    text-transform: capitalize;
    margin-top: 8px;
}

.subscription_2_text form {
    position: relative;
    margin-top: 25px;
}

.subscription_2_text form input {
    padding: 18px 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.subscription_2_text form button {
    position: absolute;
    top: 8px;
    right: 10px;
}

/* subscription 2 end */


/* blog 2 start */
.blog_2 .blog_item {
    padding: 15px;
    overflow: hidden;
    border: 1px solid #ddd;
    background: var(--colorWhite);
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.blog_2 .blog_img {
    height: 300px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.blog_2 .blog_text {
    position: initial;
    width: 100%;
    box-shadow: none !important;
    padding: 25px 15px 5px 15px;
}

.blog_2 .blog_text .title {
    text-align: left;
}

.blog_2 .blog_text .title:hover {
    color: var(--themeColorTwo);
}

.blog_2 .blog_text .top {
    justify-content: start;
    margin-bottom: 10px;
    gap: 20px;
}

.blog_2 .blog_text .top li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.blog_2 .blog_text .top li span {
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -9px;
    margin-right: 3px;
    margin-left: -2px;
}

.blog_2 .blog_text .top li span img {
    filter: brightness(0) saturate(100%) invert(71%) sepia(94%) saturate(2724%) hue-rotate(360deg) brightness(103%) contrast(104%);
}

.blog_2 .blog_text .top li::after {
    display: none;
}

.blog_2 .blog_text .bottom {
    border: none;
    padding: 0;
    margin-top: 15px;
}

.blog_2 .blog_item:hover {
    box-shadow: 0px 14px 70px 0px rgba(7, 28, 31, 0.14);
    border-color: transparent;
}

.blog_2 .blog_text .bottom li a:hover {
    color: var(--themeColorTwo);
}

/* blog 2 end */

/* footer 2 start */
.footer_2 {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.footer_2 .footer_2_logo_area {
    padding-right: 50px;
}

.footer_2 .footer_2_logo_area ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.footer_2 .footer_2_logo_area ul li span {
    font-size: 16px;
    font-weight: 500;
    color: rgb(183 183 183);
}

.footer_2 .footer_2_logo_area ul li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: var(--themeColorTwo);
    font-size: 16px;
    background: #ffffff47;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.footer_2 .footer_2_logo_area ul li a:hover {
    background: var(--colorWhite);
    color: var(--colorBlack);
}

/* footer 2 end */

.default_home .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--themeColorTwo);
}

.default_home .product_item .color {
    max-width: 100% !important;
}

.default_home .mobile_menu_icon {
    background: var(--themeColorTwo);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

/*===========================
    HOME FASHION 02 END
===========================*/


/*===========================
    HOME GROCERY START
===========================*/
.home_grocery .common_btn {
    background: var(--colorGreen);
}

.home_grocery .title:hover {
    color: var(--colorGreen);
}

.home_grocery .slick-arrow:hover,
.home_grocery .slick-arrow:hover {
    background: var(--colorGreen);
    color: var(--colorWhite);
    border-color: var(--colorGreen);
}

.home_grocery .section_heading h5 {
    color: var(--colorGreen);
    position: relative;
    padding-left: 15px;
    font-size: 16px;
    margin-bottom: 10px;
}

.home_grocery .section_heading h5::after {
    position: absolute;
    content: "";
    font-size: 15px;
    font-weight: 600;
    width: 3px;
    height: 100%;
    background: var(--colorGreen);
    color: var(--colorGreen);
    top: 0px;
    left: 0;
}

.home_grocery .topbar,
.home_grocery .menu_category_bar {
    background: var(--colorGreen);
}

.home_grocery .menu_category_bar {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.home_grocery .main_menu {
    background: var(--lightBg2);
    border: none;
}

/* grocery header start */
.home_grocery header form {
    border: 1px solid var(--colorGreen);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.home_grocery header form button {
    background: var(--colorGreen);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.home_grocery header form .select2-container {
    border-right: 1px solid #40ff8b;
}

.home_grocery .header_support .icon {
    color: var(--colorGreen);
    border: 2px solid #00963b57;
}

.home_grocery .header_support h3,
.home_grocery .header_support h3 a:hover span,
.home_grocery .header_support h3 a:hover {
    color: var(--colorGreen);
}

/* grocery header end */


/* grocery menu start */
.home_grocery .menu_item>li:hover>a,
.home_grocery .menu_item li a.active,
.home_grocery .menu_droapdown>li:hover>a,
.home_grocery .menu_droapdown>li .active,
.home_grocery .mini_cart .cart_text a:hover {
    color: var(--colorGreen);
}

.home_grocery .menu_droapdown>li>a::after,
.home_grocery .menu_icon li a span,
.home_grocery .mini_cart .offcanvas-header {
    background: var(--colorGreen);
}

.home_grocery .cart_img {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.home_grocery .mini_cart .cart_img:hover {
    border-color: var(--colorGreen);
}

.home_grocery .menu_category_area .menu_cat_item,
.home_grocery .menu_cat_item li.all_category a,
.home_grocery .menu_cat_droapdown,
.home_grocery .sub_category,
.home_grocery .common_btn {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.home_grocery .menu_cat_item>li:hover>a,
.home_grocery .menu_cat_item>li:hover a::after,
.home_grocery .menu_cat_droapdown li:hover>a,
.home_grocery .menu_cat_droapdown li:hover>a i {
    color: var(--colorGreen);
}

.home_grocery .mini_cart .offcanvas-header .btn-close {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.home_grocery .menu_cat_item li a span {
    padding: 0;
    border: 1px solid #fff;
}

/* grocery menu end */


/* grocery banner start */
.grocery_banner {
    height: 720px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.grocery_banner div {
    height: 100%;
}

.grocery_banner .grocery_banner_text {
    max-width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}

.grocery_banner .grocery_banner_text h3 {
    font-family: var(--cursiveFont);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--colorGreen);
}

.grocery_banner .grocery_banner_text h1 {
    font-size: 60px;
    line-height: initial;
    margin: 5px 0px 0px 0px;
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-weight: 700;
}

.grocery_banner .grocery_banner_text p {
    margin-top: 10px;
    margin-bottom: 45px;
    font-size: 16px;
    max-width: 80%;
}

/* grocery banner end */


/* gocery category start */
.home_grocery .slider_padding {
    padding: 0px 70px;
}

.home_grocery .category_item {
    border: none;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.home_grocery .category_item .icon {
    width: 70px;
    height: 70px;
    margin: 0 auto;
}

.home_grocery .category_item h4 {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    margin-top: 25px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.home_grocery .category_item:hover h4 {
    color: var(--colorWhite);
}

.home_grocery .category_item:hover {
    background: var(--colorGreen) !important;
}

.home_grocery .slick-arrow.nextArrow,
.home_grocery .prevArrow.slick-arrow {
    position: absolute;
    top: 50%;
    right: -60px;
    z-index: 1;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.home_grocery .prevArrow.slick-arrow {
    right: auto;
    left: -60px;
}

/* gocery category end */


/* grocery add banner start */
.add_banner_item {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    margin-top: 25px;
    overflow: hidden;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.add_banner_item_text {
    padding: 45px 45px 40px 45px;
    width: 55%;
}

.add_banner_item_text h4 {
    font-family: var(--cursiveFont);
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 1px;
    color: var(--colorWhite);
}

.add_banner_item_text h2 {
    font-size: 38px;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 40px;
    color: var(--colorWhite);
}

.add_banner_item_text a:hover {
    color: var(--colorWhite);
}

.add_banner_item_text a.bg_blck {
    background: var(--colorBlack);
    color: var(--colorWhite);
}

/* grocery add banner end */


/* grocery product start */
.grocery_product {
    border: 1px solid #eee;
    background: var(--colorWhite);
    overflow: hidden;
    margin-top: 25px;
    transition: all linear .2s;
    -webkit-transition: all linear .2s;
    -moz-transition: all linear .2s;
    -ms-transition: all linear .2s;
    -o-transition: all linear .2s;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.grocery_product_img {
    overflow: hidden;
    position: relative;
    height: 300px;
}

.grocery_product_img img {
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.grocery_product_img ul {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transform: translate(-50%, -50%) scale(.5);
    -webkit-transform: translate(-50%, -50%) scale(.5);
    -moz-transform: translate(-50%, -50%) scale(.5);
    -ms-transform: translate(-50%, -50%) scale(.5);
    -o-transform: translate(-50%, -50%) scale(.5);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.grocery_product_img ul li a {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: var(--colorBlack);
    background: var(--colorWhite);
    color: var(--colorBlack);
    border: 1px solid var(--colorGreen);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.grocery_product_img ul li a:hover {
    background: var(--colorGreen);
    color: var(--colorWhite);
    border-color: var(--colorGreen);
}

.grocery_product_text {
    text-align: center;
    padding: 0px 10px 30px 10px;
}

.grocery_product_text p {
    text-align: center;
    font-family: var(--headingFont);
    font-weight: 600;
    color: var(--colorGreen);
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 18px;
}

.grocery_product_text p del {
    color: var(--paraColor);
    font-weight: 400;
    margin-left: 5px;
    font-size: 14px;
}

.grocery_product_text .cart_btn {
    color: var(--colorGreen);
    font-size: 14px;
    font-weight: 500;
    border: 1px solid rgba(101, 152, 51, 0.15);
    text-transform: capitalize;
    padding: 7px 20px;
    position: relative;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.grocery_product_text .cart_btn i {
    position: absolute;
    top: 50%;
    left: 0;
    opacity: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.grocery_product_text .cart_btn:hover {
    background: var(--colorGreen);
    color: var(--colorWhite);
    padding: 7px 20px 7px 40px;
}

.grocery_product_text .cart_btn:hover i {
    left: 18px;
    opacity: 1;
}

.grocery_product:hover {
    border-color: var(--colorWhite);
    box-shadow: 0px 14px 70px 0px rgba(7, 28, 31, 0.14);
}

.grocery_product:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.grocery_product:hover ul {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
}

.cart_popup_modal .modal-dialog {
    max-width: 900px;
}

.cart_popup_modal .modal-content {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.cart_popup_modal .btn-close {
    z-index: 99;
    position: absolute;
    top: 15px;
    right: 15px;
}

.cart_popup_modal .modal-body {
    padding: 30px;
}

.cart_popup_modal_img {
    height: 100%;
    overflow: hidden;
    margin-right: 0;
}

.cart_popup_modal .product_det_text .price {
    margin-bottom: 20px;
}


.fresh_products .pws_tabs_container ul.pws_tabs_controll li a:hover,
.fresh_products .pws_tabs_container ul.pws_tabs_controll li a.pws_tab_active {
    color: var(--colorGreen);
    border-color: var(--colorGreen);
}

/* grocery product end */


/* grocery countdown start */
.grocery_countdown {
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.grocery_countdown_text {
    padding-right: 50px;
}

.grocery_countdown_text p {
    margin-top: 20px;
    margin-bottom: 45px;
}

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

.grocery_countdown_text .simply-countdown {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}

.grocery_countdown_text .simply-countdown .simply-amount {
    display: block;
    width: 90px;
    height: 90px;
    line-height: 90px;
    background: var(--colorWhite);
    color: var(--colorGreen);
    box-shadow: 0px 10px 30px 0px rgba(13, 23, 18, 0.10);
    text-align: center;
    font-family: var(--cursiveFont);
    font-size: 36px;
    font-weight: 900;
    letter-spacing: 1px;
    margin-bottom: 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.grocery_countdown_text .simply-countdown .simply-word {
    display: block;
    color: var(--colorBlack);
    text-align: center;
    text-transform: capitalize;
}

/* grocery countdown end */


/* grocery best sell start */
.grocery_best_sell .special_product_banner {
    height: 453px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.grocery_best_sell .special_product_banner .text h5 {
    color: var(--colorRed);
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 18px;
}

.grocery_best_sell .special_product_banner .text h3 {
    margin-bottom: 25px;
    color: var(--colorBlack) !important;
}

.grocery_best_sell .grocery_product {
    margin: 25px 12px 0px 12px;
}

.grocery_best_sell .grocery_product:hover {
    box-shadow: 0px 0px 17px 0px rgba(7, 28, 31, 0.08);
}

.grocery_best_sell .slick-arrow.nextArrow,
.grocery_best_sell .prevArrow.slick-arrow {
    top: -65px;
    right: 12px;
    transform: translate(0);
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
}

.grocery_best_sell .prevArrow.slick-arrow {
    left: auto;
    right: 60px;
}

/* grocery best sell end */


/* grocery brand start */
.grocery_brand .brand_marquee {
    overflow: hidden;
    border-bottom: 1px solid #eee;
    padding-bottom: 75px;
}

.grocery_brand .brand_marquee ul {
    gap: 100px !important;
    margin-right: 100px;
}

.grocery_brand .brand_marquee ul li {
    background: none;
    width: 100px;
    height: 100px;
    max-height: initial;
    padding: 0;
    border: none;
}

.grocery_brand .brand_marquee ul li a {
    display: block;
    padding: 0;
    width: 100%;
    height: 100%;
}

.grocery_brand .section_heading,
.grocery_brand .section_heading h5,
.grocery_brand .section_heading h3 {
    text-align: center;
}

.grocery_brand .section_heading h5 {
    display: inline-block;
}

/* grocery brand end */


/* grocery special product start */
.home_grocery .special_product .section_heading,
.home_grocery .special_product .section_heading h5,
.home_grocery .special_product .section_heading h3 {
    text-align: center;
}

.home_grocery .special_product .section_heading h5 {
    display: inline-block;
}

.home_grocery .special_product_banner .text h3 {
    color: var(--colorWhite);
}

.home_grocery .special_product_banner .text p {
    color: var(--colorWhite);
    opacity: .8;
}

.home_grocery .special_product_banner .text .black_btn {
    background: var(--colorWhite);
    color: var(--colorGreen);
}

.home_grocery .special_product_banner .text .black_btn:hover {
    color: var(--colorWhite);
}

.home_grocery .special_product_banner {
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.home_grocery .special_product_item {
    background: var(--lightBg2);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.home_grocery .special_product_item:hover {
    border-color: var(--colorGreen);
}

.home_grocery .special_product_img .discount {
    background: var(--colorGreen);
    padding: 4px 10px;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}

/* grocery special product end */

/* farming start */
.farming {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
}

.farming::before {
    position: absolute;
    content: "";
    background: url(../images/farming_shapes_2.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 240px;
    height: 530px;
    top: 130px;
    right: 0;
    animation: farmingAnimi linear 3s infinite alternate;
    -webkit-animation: farmingAnimi linear 3s infinite alternate;
}

.farming::after {
    position: absolute;
    content: "";
    background: url(../images/farming_shapes_1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100px;
    height: 105px;
    top: 50px;
    left: 50px;
    animation: ratateAnimi linear 5s infinite alternate;
    -webkit-animation: ratateAnimi linear 5s infinite alternate;
}

@keyframes farmingAnimi {
    from {
        top: 110px;
    }

    to {
        top: 170px;
    }
}

.farming_text {
    height: 100%;
    margin-top: 25px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}

.farming_text p {
    margin-top: 20px;
    margin-bottom: 50px;
    max-width: 80%;
    line-height: 26px;
}

.farming_img {
    height: 270px;
    overflow: hidden;
    position: relative;
    margin-top: 25px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.farming_img img {
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.farming_img .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(110 179 86 / 68%);
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    transform: scale(.8);
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.farming_img:hover .overlay {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.farming_img:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

/* farming end */


/* app download start */
.download_img {
    height: 500px;
}

.download_text {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    padding-right: 30px;
}

.download_text p {
    margin-top: 15px;
    margin-bottom: 55px;
}

.download_text ul {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.download_text ul li a {
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 16px;
    font-weight: 500;
    line-height: 34px;
    border: 1px solid rgba(15, 66, 38, 0.10);
    padding: 7px 29px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.download_text ul li a i {
    margin-right: 10px;
    font-size: 20px;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
}

.download_text ul li:first-child a {
    color: var(--colorWhite);
}

.download_text ul li a:hover {
    background: var(--colorGreen);
    color: var(--colorWhite);
}

/* app download end */


/* testimonial start */
.testimonial {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
}

.testimonial_item {
    background: var(--colorWhite);
    box-shadow: 0px 4px 7px 0px rgba(13, 23, 18, 0.20);
    padding: 30px;
    position: relative;
    margin: 0px 12px 12px 12px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.testimonial_item .rating {
    color: var(--ratingColor);
}

.testimonial_item .rating span {
    color: var(--colorBlack);
    font-weight: 600;
    margin-left: 10px;
}

.testimonial_item .review_text {
    margin: 25px 0px 33px 0px;
}

.testimonial_footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.testimonial_footer .img {
    width: 70px;
    height: 70px;
    overflow: hidden;
    margin-right: 15px;
    box-shadow: 0px 4px 7px 0px rgba(13, 23, 18, 0.20);
    border: 3px solid var(--colorWhite);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.testimonial_footer .text h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}

.testimonial_footer .text p {
    font-size: 14px;
    font-weight: 400;
}

.testimonial_item::after {
    position: absolute;
    content: "";
    background: url(../images/testimonial_shapes_3.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 55px;
    height: 45px;
    bottom: 35px;
    right: 35px;
}

.testimonial .slick-dots {
    bottom: -40px;
}

.testimonial .slick-dots {
    position: absolute;
    bottom: -40px;
    display: flex;
    justify-content: center;
}

.testimonial .slick-dots li button {
    font-size: 0;
    width: 25px;
    height: 5px;
    background: var(--colorGreen);
    margin: 0 3px;
    outline: 0;
    border: none;
    opacity: .2;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.testimonial .slick-dots li.slick-active button {
    opacity: 1;
}

.home_grocery .testimonial .section_heading,
.home_grocery .testimonial .section_heading h5,
.home_grocery .testimonial .section_heading h3 {
    text-align: center;
}

.home_grocery .testimonial .section_heading h5 {
    display: inline-block;
}

/* testimonial end */


/* blog grocery start */
.blog_grocery .blog_item {
    border: 1px solid #eee;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    padding: 0;
    overflow: hidden;
}

.blog_grocery .blog_img {
    height: 270px;
}

.blog_grocery .blog_text {
    position: initial;
    width: 100%;
    box-shadow: none !important;
}

.blog_grocery .blog_text p {
    margin-top: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 20px;
}

.blog_grocery .blog_text .bottom {
    margin-top: 0;
    border-top: 0;
    padding-top: 0;
}

.blog_grocery .blog_text .top li i,
.blog_grocery .bottom li a:hover {
    color: var(--colorGreen);
}

.blog_grocery .section_heading,
.blog_grocery .section_heading h5,
.blog_grocery .section_heading h3 {
    text-align: center;
}

.blog_grocery .section_heading h5 {
    display: inline-block;
}

/* blog grocery end */


/* footer grocery start */
.footer_grocery {
    background: #0F4226;
}

.footer_grocery .footer_info {
    background: #EAEFED;
    top: -65px;
    position: relative;
    padding: 30px;
    margin-bottom: 35px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.footer_grocery .footer_info_item .text h3 {
    color: var(--colorBlack);
}

.footer_grocery .footer_info_item .text p {
    color: var(--paraColor);
}

.footer_grocery .footer_info_item .icon {
    width: 70px;
    height: 70px;
    margin-right: 15px;
    background: var(--colorGreen);
    padding: 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.footer_grocery .footer_link ul li a:hover,
.footer_grocery .footer_logo_area span a:hover {
    color: var(--colorWhite);
}

.footer_grocery .footer_newsletter form {
    position: relative;
}

.footer_grocery .footer_newsletter form input {
    padding: 13px 20px;
    border: 1px solid #ffffff66;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.footer_grocery .footer_newsletter form button {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 40px;
    line-height: 40px;
    height: 40px;
    text-align: center;
    margin: 0;
    background: var(--colorGreen);
    color: var(--colorWhite);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.footer_grocery .footer_copyright .social li a {
    background: var(--colorGreen);
}

.footer_grocery .footer_copyright .social li a:hover {
    background: var(--colorWhite);
    color: var(--colorGreen);
}

/* footer grocery end */

.home_grocery .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--colorGreen);
    color: white;
}

.home_grocery .mobile_menu_icon {
    background: var(--colorGreen);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

/*===========================
    HOME GROCERY END
===========================*/


/*===========================
    HOME BEAUTY START
===========================*/
.home_beauty .title:hover {
    color: var(--colorOlive);
}

.home_beauty .view_all_btn_area .view_all_btn:hover {
    color: var(--colorOlive);
    border-color: var(--colorOlive);
}

.home_beauty .view_all_btn_area .view_all_btn:hover::after {
    filter: brightness(0) saturate(100%) invert(72%) sepia(6%) saturate(1520%) hue-rotate(360deg) brightness(84%) contrast(89%);
}

.home_beauty .nextArrow,
.home_beauty .prevArrow {
    border-radius: 15px 0px 15px 0px;
    -webkit-border-radius: 15px 0px 15px 0px;
    -moz-border-radius: 15px 0px 15px 0px;
    -ms-border-radius: 15px 0px 15px 0px;
    -o-border-radius: 15px 0px 15px 0px;
}

.home_beauty .nextArrow,
.home_beauty .nextArrow:hover,
.home_beauty .prevArrow:hover {
    background: var(--colorOlive);
    border-color: var(--colorOlive);
    color: var(--colorWhite);
}

.home_beauty .common_btn {
    background: var(--colorOlive);
    color: var(--colorWhite);
}


/* beauty topbar start */
.home_beauty .topbar {
    background: var(--colorBlack);
}

/* beauty topbar end */

/* beauty menu start */
.home_beauty .main_menu .grocery_logo_area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.home_beauty .main_menu .grocery_logo_area a {
    display: block;
    max-width: 130px;
}

.home_beauty .main_menu .menu_icon li a.user {
    border-color: #d7d7d75e;
}

.home_beauty .main_menu {
    background: transparent !important;
    border-bottom: 1px solid #d7d7d75e;
}

.home_beauty .main_menu.menu_fix {
    background: var(--colorOlive) !important;
}

.home_beauty .main_menu .menu_item {
    margin-right: auto;
    margin-left: 50px;
}

.home_beauty .menu_droapdown li a {
    color: var(--colorBlack) !important;
}

.home_beauty .menu_droapdown>li:hover>a,
.home_beauty .menu_droapdown>li .active {
    color: var(--colorOlive) !important;
}

.home_beauty .main_menu .menu_droapdown>li>a::after {
    background: var(--colorOlive);
}

.home_beauty .main_menu .menu_item li a {
    color: var(--colorWhite);
    font-weight: 400;
    opacity: 1;
}

.home_beauty .main_menu .menu_icon li a b img {
    filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(7471%) hue-rotate(122deg) brightness(109%) contrast(97%);
}

.home_beauty .main_menu .menu_icon li a.user b {
    background: var(--colorOlive);
}

.home_beauty .main_menu .menu_icon li a.user h5 {
    color: var(--colorWhite);
}

.home_beauty .mini_cart .offcanvas-header {
    background: var(--colorOlive);
}

.home_beauty .mini_cart .cart_text a:hover {
    color: var(--colorOlive);
}

.home_beauty .mini_cart .offcanvas-header .btn-close {
    color: var(--colorRed);
}

.home_beauty .mini_cart .offcanvas-header .btn-close:hover {
    color: var(--colorWhite);
}

.home_beauty .mini_cart .cart_img:hover {
    border-color: var(--colorOlive);
}

.home_beauty .menu_icon li .user_dropdown::after {
    border-bottom: 10px solid var(--colorWhite);
}

.home_beauty .menu_icon li .user_dropdown li a:hover {
    color: var(--colorOlive) !important;
}

/* beauty menu end */


/* beauty banner start */
.beauty_banner {
    margin-top: -60px;
    background: #AB9774;
    overflow: hidden;
}

.beauty_banner_slider_item {
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    height: 880px;
}

.beauty_banner_slider_item div {
    height: 100%;
}

.beauty_banner_text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    padding-top: 55px;
}

.beauty_banner_text h4 {
    font-family: var(--cursiveFont);
    font-size: 26px;
    margin-bottom: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--colorWhite);
    text-transform: capitalize;
}

.beauty_banner_text h1 {
    font-size: 68px;
    font-weight: 600;
    margin-bottom: 15px;
    color: var(--colorWhite);
}

.beauty_banner_text p {
    font-size: 16px;
    max-width: 70%;
    margin-bottom: 20px;
    font-weight: 400;
    color: #edecec;
}

.beauty_banner_text ul {
    width: 100%;
    margin-bottom: 50px;
}

.beauty_banner_text ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    border-right: 1px solid #d7d7d75e;
    margin-right: 25px;
    width: 135px;
}

.beauty_banner_text ul li:last-child {
    border: none;
    margin: 0;
}

.beauty_banner_text ul li span {
    display: block;
    width: 35px;
}

.beauty_banner_text ul li span img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(8%) saturate(7479%) hue-rotate(172deg) brightness(107%) contrast(108%);
}

.beauty_banner_text ul li b {
    margin: 0;
    color: var(--colorWhite);
    font-weight: 500;
    font-size: 14px;
    width: 86px;
    text-transform: revert;
}

.beauty_banner_text a {
    border-color: var(--colorWhite) !important;
    color: var(--colorWhite) !important;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    background: none !important;
    border: 1px solid var(--colorWhite);
}

.beauty_banner_text a::after {
    background: var(--colorBlack) !important;
}

.beauty_banner_text a:hover {
    border-color: var(--colorOlive) !important;
    color: var(--colorWhite) !important;
}

.beauty_banner_img {
    display: flex;
    justify-content: center;
    align-items: end;
    position: relative;
    z-index: 1;
}

.beauty_banner_img::before,
.beauty_banner_img::after {
    position: absolute;
    content: "";
    width: 700px;
    height: 700px;
    background: #b4a182;
    bottom: 0;
    left: -25px;
    z-index: -1;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.beauty_banner_img::after {
    background: none;
    border: 1px solid #dddddd96;
    bottom: -40px;
}

.beauty_banner_img .img {
    height: 780px;
    position: relative;
    z-index: 2;
    opacity: 1 !important;
}

.beauty_banner_slider_small_area {
    display: flex;
    justify-content: end;
    align-items: center;
    height: 100%;
    width: 70px;
    margin-left: auto;
}

.beauty_banner_slider_small_item {
    width: 70px !important;
    height: 70px !important;
    background: #b4a182;
    overflow: hidden;
    border: 2px solid #ffffff5c;
    cursor: pointer;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.beauty_banner_slider_small .slick-current .beauty_banner_slider_small_item {
    background: var(--colorWhite);
}

/* beauty banner end */


/* beauty category start */
.beauty_category_item {
    margin: 0 12px;
    display: block;
}

.beauty_category_item .img {
    width: 180px;
    height: 180px;
    overflow: hidden;
    padding: 5px;
    border: 3px solid var(--lightBg2);
    margin: 0 auto;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.beauty_category_item .img img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.beauty_category_item h4 {
    text-transform: capitalize;
    margin-top: 15px;
    font-size: 16px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px 5px;
}

.beauty_category_item h4 span {
    color: var(--colorOlive);
    font-weight: 600;
    font-size: 14px;
}

.beauty_category_item .img:hover {
    border-color: var(--colorWhite);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.beauty_category_item .img:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.beauty_category .nextArrow,
.beauty_category .prevArrow {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.beauty_category .prevArrow {
    right: auto;
    left: 10px;
}

.beauty_category .beauty_category_slider {
    padding: 0px 60px;
}

/* beauty category end */


/* beauty featured products start */
.beauty_featured_products_banner {
    position: relative;
    overflow: hidden;
    height: 610px;
    border-radius: 100px 0px 0px 0px;
    -webkit-border-radius: 100px 0px 0px 0px;
    -moz-border-radius: 100px 0px 0px 0px;
    -ms-border-radius: 100px 0px 0px 0px;
    -o-border-radius: 100px 0px 0px 0px;
}

.beauty_featured_products_banner .text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px;
}

.beauty_featured_products_banner .text h6 {
    font-family: var(--cursiveFont);
    font-size: 26px;
    font-weight: 400;
}

.beauty_featured_products_banner .text h2 {
    font-weight: 600;
    font-size: 32px;
    margin-bottom: 25px;
}

.beauty_product_item {
    margin-top: 25px;
}

.beauty_product_item .img {
    background: #F8F8F8;
    position: relative;
    text-align: center;
    overflow: hidden;
    height: 355px;
}

.beauty_product_item .img .discount_list {
    position: absolute;
    top: 15px;
    left: 15px;
    gap: 5px;
    display: flex;
    flex-direction: column;
}

.beauty_product_item .img .discount_list li {
    background: var(--colorRed);
    padding: 3px 12px;
    color: var(--colorWhite);
    font-size: 14px;
    text-align: center;
    text-transform: capitalize;
}

.beauty_product_item .img .discount_list li.new {
    background: var(--colorOlive);
}

.beauty_product_item .img .btn_list {
    position: absolute;
    top: 0;
    right: 20px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    opacity: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.beauty_product_item .img .btn_list li a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 41px;
    text-align: center;
    background: var(--colorWhite);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    color: var(--colorBlack);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    font-size: 16px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.beauty_product_item .img .btn_list li a:hover {
    background: var(--colorBlack);
    color: var(--colorWhite);
}

.beauty_product_item:hover .img .btn_list {
    opacity: 1;
    top: 20px;
}

.beauty_product_item .img .common_btn {
    position: absolute;
    left: 50%;
    bottom: -20px;
    opacity: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    z-index: 99;
    min-width: 130px;
    text-align: center;
}

.beauty_product_item:hover .img .common_btn {
    bottom: 20px;
    opacity: 1;
}

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

.beauty_product_item .text .rating {
    color: var(--ratingColor);
    font-size: 13px;
    text-align: center;
}

.beauty_product_item .text .rating span {
    font-size: 14px;
    margin-left: 3px;
    text-transform: capitalize;
}

.beauty_product_item .text .title {
    text-align: center;
    margin: 5px 0px;
}

.beauty_product_item .text .price {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}

.beauty_product_item .text .price del {
    font-size: 14px;
    font-weight: 400;
    color: var(--paraColor);
    margin-right: 3px;
}

.beauty_featured_products .beauty_product_item {
    margin: 0px 12px;
}

.beauty_featured_products .beauty_product_item .img {
    height: 395px;
}

.beauty_featured_products .nextArrow,
.beauty_featured_products .prevArrow {
    position: absolute;
    top: -80px;
    right: 10px;
}

.beauty_featured_products .prevArrow {
    right: 65px;
}

.beauty_product_item:hover .img img {
    transform: scale(1.2);
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}

/* beauty featured products end */


/* beauty features start */
.beauty_features {
    background: var(--colorOlive);
}

.beauty_features_item {
    border-right: 1px solid #ffffff3b;
    padding: 50px 0px 45px 0px;
}

.beauty_features_item .icon {
    width: 80px;
    height: 80px;
    padding: 5px;
    margin: 0 auto;
    background: #ffffff;
    border: 1px solid #ab97740d;
    border-radius: 20px 0px 20px 0px;
    -webkit-border-radius: 20px 0px 20px 0px;
    -moz-border-radius: 20px 0px 20px 0px;
    -ms-border-radius: 20px 0px 20px 0px;
    -o-border-radius: 20px 0px 20px 0px;
}

.beauty_features_item .icon img {
    filter: brightness(0) saturate(100%) invert(71%) sepia(2%) saturate(5070%) hue-rotate(1deg) brightness(89%) contrast(68%);
}

.beauty_features_item .text h3 {
    text-align: center;
    font-size: 20px;
    text-transform: capitalize;
    margin-top: 20px;
    margin-bottom: 5px;
    color: var(--colorWhite);
}

.beauty_features_item .text p {
    text-align: center;
    font-size: 14px;
    color: var(--colorWhite);
    opacity: .7;
}

/* beauty features end */


/* beauty add area start */
.beauty_add_large {
    position: relative;
    margin-top: 25px;
    height: 470px;
}

.beauty_add_large .text {
    position: absolute;
    top: 50%;
    left: 0;
    padding: 50px;
    max-width: 70%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.beauty_add_large .text h4 {
    font-size: 22px;
    font-family: var(--cursiveFont);
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 5px;
}

.beauty_add_large .text h2 {
    font-size: 36px;
    font-weight: 600;
    text-transform: revert;
    margin: 5px 0px 35px 0px;
}

.beauty_add_video {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    position: relative;
    height: 470px;
    margin-top: 25px;
    border: 1px solid #eee;
}

.beauty_add_video_text {
    position: absolute;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: start;
    bottom: 0;
    left: 0;
    padding: 25px;
}

.beauty_add_video_text h2 {
    font-size: 35px;
    font-weight: 700;
    color: var(--colorWhite);
}

.beauty_add_video_text a {
    font-size: 16px;
    font-weight: 700;
    font-family: var(--cursiveFont);
    letter-spacing: 1px;
    color: var(--colorWhite);
}

.beauty_add_video_text a i {
    margin-left: 10px;
}

.beauty_add_large_2 .text {
    top: 0;
    padding: 40px;
    max-width: 65%;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}

/* beauty add area end */


/* beauty trending products start */
.beauty_trending_product .pws_tabs_container ul.pws_tabs_controll {
    gap: 10px;
}

.beauty_trending_product .pws_tabs_container ul.pws_tabs_controll li a {
    color: var(--colorOlive);
    padding: 5px 20px;
    border: 1px solid var(--colorOlive);
    font-size: 14px;
    border-radius: 20px 0px 20px 0px;
    -webkit-border-radius: 20px 0px 20px 0px;
    -moz-border-radius: 20px 0px 20px 0px;
    -ms-border-radius: 20px 0px 20px 0px;
    -o-border-radius: 20px 0px 20px 0px;
}

.beauty_trending_product .pws_tabs_container ul.pws_tabs_controll li a.pws_tab_active {
    color: var(--colorWhite);
    background: var(--colorOlive);
}

.beauty_trending_product .pws_tabs_container ul.pws_tabs_controll li a::after {
    display: none;
}

/* beauty trending products end */


/* beauty countdown start */
.beauty_countdown_banner,
.beauty_countdown_area {
    margin-top: 25px;
    position: relative;
    overflow: hidden;
    height: 650px;
}

.beauty_countdown_banner .text {
    position: absolute;
    top: 0;
    left: 0;
    padding: 50px;
    width: 100%;
    height: 100%;
    background: #00000091;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: start;
    background: rgb(0, 0, 0);
    background: linear-gradient(180deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 77%) 60%);
}

.beauty_countdown_banner .text h4 {
    font-family: var(--cursiveFont);
    letter-spacing: 1px;
    color: var(--colorWhite);
}

.beauty_countdown_banner .text h2 {
    font-size: 38px;
    margin: 10px 0px 30px 0px;
    color: var(--colorWhite);
    text-transform: uppercase;
}

.beauty_countdown_area {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.beauty_countdown_area .text {
    padding: 50px;
    max-width: 60%;
}

.beauty_countdown_area .text h5 {
    font-family: var(--cursiveFont);
    letter-spacing: 1px;
    font-weight: 600;
}

.beauty_countdown_area .text h2 {
    font-size: 48px;
    margin-top: 10px;
    text-transform: capitalize;
    font-weight: 600;
}

.beauty_countdown_area .text p {
    color: var(--colorBlack);
    max-width: 70%;
    margin-top: 10px;
    margin-bottom: 25px;
}

.beauty_countdown_area .simply-countdown-one {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-bottom: 30px;
}

.beauty_countdown_area .simply-amount {
    font-size: 30px;
    font-weight: 900;
    color: var(--colorOlive);
    position: relative;
    display: block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-family: var(--cursiveFont);
    background: var(--colorWhite);
    border-radius: 20px 0px 20px 0px;
    -webkit-border-radius: 20px 0px 20px 0px;
    -moz-border-radius: 20px 0px 20px 0px;
    -ms-border-radius: 20px 0px 20px 0px;
    -o-border-radius: 20px 0px 20px 0px;
}

.beauty_countdown_area .simply-word {
    display: block;
    text-align: center;
    text-transform: capitalize;
    color: var(--colorBlack);
    font-size: 13px;
    margin-top: 5px;
}

/* beauty countdown end */


/* beauty brand start */
.beauty_brand_slider {
    border-right: 1px solid #eee;
}

.beauty_brand ul li {
    border: 1px solid #eee;
    margin: 0;
    border-right: 0;
    margin-bottom: -7px;
}

.beauty_brand ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

.beauty_brand ul li img {
    opacity: .6;
}


.beauty_brand ul li:hover img {
    opacity: 1;
}

.beauty_brand .nextArrow,
.beauty_brand .prevArrow {
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.beauty_brand .nextArrow {
    left: auto;
    right: -20px;
}

/* beauty brand end */


/* beauty instagram photo start */
.beauty_instagran_photo {
    padding: 0px 17px;
}

.beauty_instagran_photo_item {
    height: 260px;
    overflow: hidden;
    position: relative;
    margin: 0px 5px;
}

.beauty_instagran_photo_item .text {
    position: absolute;
    background: var(--colorOlive);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    transform: scale(.9);
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
}

.beauty_instagran_photo_item .text h4 {
    color: var(--colorWhite);
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

.beauty_instagran_photo_item .text a {
    display: block;
    width: 50px;
    margin-top: 20px;
    margin-bottom: 15px;
}

.beauty_instagran_photo_item .text p {
    color: var(--colorWhite);
    opacity: .7;
    font-size: 14px;
}

.beauty_instagran_photo_item:hover .text {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

/* beauty instagram photo end */


/* beauty footer start */
.beauty_footer {
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.beauty_footer .footer_link h3 {
    color: var(--colorBlack);
}

.beauty_footer .footer_link ul li a,
.beauty_footer .footer_logo_area p,
.beauty_footer .footer_2_logo_area p,
.beauty_footer .footer_logo_area span,
.beauty_footer .footer_logo_area span a,
.beauty_footer .footer_2_logo_area ul li span,
.beauty_footer .footer_copyright p,
.beauty_footer .footer_copyright .payment li:first-child {
    color: var(--colorBlack);
}

.beauty_footer .footer_link ul li a:hover,
.beauty_footer .footer_logo_area span a:hover {
    color: var(--colorOlive);
}

.beauty_footer .footer_logo_area span b img {
    filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7500%) hue-rotate(277deg) brightness(96%) contrast(94%);
    -webkit-filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7500%) hue-rotate(277deg) brightness(96%) contrast(94%);
}

.beauty_footer .footer_2_logo_area ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.beauty_footer .footer_2_logo_area ul li a {
    color: var(--colorWhite);
    background: var(--colorOlive);
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 16px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.beauty_footer .footer_2_logo_area ul li a:hover {
    color: var(--colorOlive);
    background: var(--colorWhite);
}

.beauty_footer .footer_copyright {
    border-color: #5d5d5d24;
}

/* beauty footer end */

.home_beauty .mobile_menu_icon {
    background: var(--colorBlack);
    color: var(--colorWhite);
}

.home_beauty .view_all_btn_area {
    max-height: 55px;
}

/*===========================
    HOME BEAUTY END
===========================*/


/*===========================
    ABOUT US START
===========================*/
/* about us start */
.about_us_img {
    position: relative;
}

.about_us_img .img {
    overflow: hidden;
    height: 700px;
    border: 10px solid var(--colorWhite);
    box-shadow: var(--boxShadow);
    border-radius: 150px 20px 20px 20px;
    -webkit-border-radius: 150px 20px 20px 20px;
    -moz-border-radius: 150px 20px 20px 20px;
    -ms-border-radius: 150px 20px 20px 20px;
    -o-border-radius: 150px 20px 20px 20px;
}

.about_us_img h3 {
    position: absolute;
    top: 50%;
    right: -90px;
    background: var(--themeColorTwo);
    width: 180px;
    height: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 52px;
    font-weight: 900;
    color: var(--colorWhite);
    padding: 30px;
    text-align: center;
    text-transform: capitalize;
    border: 5px solid var(--colorWhite);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    font-family: var(--cursiveFont);
    letter-spacing: 1px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.about_us_img h3 span {
    display: block;
    color: var(--colorWhite);
    margin-bottom: 10px;
    font-family: var(--bodyFont);
}

.about_us_img p {
    position: absolute;
    background: var(--colorBlack);
    color: var(--colorWhite);
    width: 350px;
    padding: 30px;
    bottom: 50px;
    right: -100px;
    border: 5px solid var(--colorWhite);
    border-radius: 40px 0px 40px 0px;
    -webkit-border-radius: 40px 0px 40px 0px;
    -moz-border-radius: 40px 0px 40px 0px;
    -ms-border-radius: 40px 0px 40px 0px;
    -o-border-radius: 40px 0px 40px 0px;
    font-size: 14px;
}

.about_us_img p span {
    display: block;
    color: var(--themeColorTwo);
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: var(--cursiveFont);
    padding-left: 40px;
    position: relative;
    margin-top: 9px;
}

.about_us_img p span::after {
    position: absolute;
    content: "";
    width: 30px;
    height: 2px;
    background: var(--themeColorTwo);
    left: 0;
    top: 11px;
}

.about_us_text h6 {
    font-family: var(--cursiveFont);
    color: var(--themeColorTwo);
    letter-spacing: 1px;
    font-size: 20px;
    font-weight: 600;
}

.about_us_text h2 {
    font-weight: 600;
    font-size: 36px;
    color: var(--colorBlack);
    position: relative;
    text-transform: capitalize;
    margin-top: 10px;
    margin-bottom: 14px;
}

.about_us_text .description {
    max-width: 85%;
}

.about_us_text ul,
.about_us_text ol {
    display: flex;
    flex-wrap: wrap;
    margin-top: 42px;
}

.about_us_text ul li,
.about_us_text ol li {
    text-transform: capitalize;
    font-size: 16px;
    color: var(--colorBlack);
    padding-left: 70px;
    position: relative;
    margin-bottom: 25px;
}

.about_us_text ul li:last-child,
.about_us_text ol li:last-child {
    margin-bottom: 0;
}

.about_us_text ul li h4 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 5px;
}

.about_us_text ul li p {
    font-size: 14px;
}

.about_us_text ul li::after,
.about_us_text ol li::after,
.about_us_text ul li::before,
.about_us_text ol li::before {
    position: absolute;
    content: "";
    background: url(../images/about_check.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    left: 0;
    width: 45px;
    height: 45px;
}

.about_us_text ul li::before,
.about_us_text ol li::before {
    background: #faf1e1;
    border-radius: 50%;
    top: 5px;
    left: 4px;
    width: 50px;
    height: 50px;
}

/* about us end */


/* why choose us start */
.about_choose {
    background: var(--lightBg2);
}

.about_choose_img {
    width: 400px;
    height: 330px;
    margin-left: auto;
    overflow: hidden;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.about_choose_text .section_heading_2 h3 span::after {
    width: 95px;
}

.about_choose_text_box {
    padding: 20px 20px 20px 50px;
    background: var(--colorWhite);
    margin-top: 25px;
    border-left: 3px solid var(--themeColorTwo);
    position: relative;
    margin-left: 28px;
    transform: skewX(-10deg);
    -webkit-transform: skewX(-10deg);
    -moz-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    -o-transform: skewX(-10deg);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.about_choose_text_box span {
    display: block;
    background: var(--themeColorTwo);
    font-size: 25px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: var(--colorWhite);
    margin-bottom: 10px;
    position: absolute;
    top: 50%;
    left: -32px;
    transform: translateY(-50%) skewX(10deg);
    -webkit-transform: translateY(-50%) skewX(10deg);
    -moz-transform: translateY(-50%) skewX(10deg);
    -ms-transform: translateY(-50%) skewX(10deg);
    -o-transform: translateY(-50%) skewX(10deg);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.about_choose_text_box h4 {
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 5px;
    transform: skewX(10deg);
    -webkit-transform: skewX(10deg);
    -moz-transform: skewX(10deg);
    -ms-transform: skewX(10deg);
    -o-transform: skewX(10deg);
}

.about_choose_text_box p {
    transform: skewX(10deg);
    -webkit-transform: skewX(10deg);
    -moz-transform: skewX(10deg);
    -ms-transform: skewX(10deg);
    -o-transform: skewX(10deg);
    font-size: 14px;
    margin-left: 8px;
}

.about_choose_text_box.orange {
    background: var(--colorPrimary);
}

.about_choose_text_box.orange span {
    background: #ffffff4a;
}

.about_choose_text_box.orange h4,
.about_choose_text_box.black h4 {
    color: var(--colorWhite);
}

.about_choose_text_box.orange p,
.about_choose_text_box.black p {
    color: var(--colorWhite);
}

/* why choose us end */


/* about video area start */
.about_video_area {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    height: 510px;
}

.about_video_area .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #000000b5;
}

.about_video_area .overlay .play_btn {
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 30px;
}

/* about video area end */


/* counter start */
.counter_area {
    background: var(--lightBg2);
    padding: 40px 0px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.counter_area ul {
    display: flex;
    flex-wrap: wrap;
}

.counter_area ul li {
    width: 25%;
    border-right: 1px solid #ddd;
}

.counter_area ul li:last-child {
    border: 0;
}

.counter_area ul li .icon {
    width: 60px;
    height: 60px;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 15px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.counter_area ul li h2,
.counter_area ul li h2 span {
    color: var(--colorBlack);
    text-align: center;
    font-family: var(--headingFont);
    font-size: 32px;
    font-weight: 600;
}

.counter_area ul li p {
    font-family: var(--headingFont);
    text-align: center;
    font-weight: 400;
    margin-top: 3px;
    text-transform: capitalize;
}

/* counter end */

/*===========================
    ABOUT US END
===========================*/


/*===========================
    ALL BLOG PAGE START
===========================*/
.blog_left_sidebar .blog_details_right form {
    margin-left: 0;
    padding-right: 25px;
}

.blog_left_sidebar .blog_details_right_header {
    padding-left: 0;
    padding-right: 25px;
}

.blog_left_sidebar .blog_details_right {
    border-left: 0 !important;
    border-right: 1px solid #ddd;
}

.blog_left_sidebar .blog_details_right form button {
    right: 30px;
}


/*===========================
    ALL BLOG PAGE END
===========================*/


/*=============================
    BLOG DETAILS START
=============================*/
.blog_details_img_1 {
    height: 550px;
    overflow: hidden;
    margin-top: 25px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.blog_details_top {
    gap: 10px 30px;
    margin-top: 35px !important;
    border-bottom: 1px solid #ddd;
    padding-bottom: 25px;
}

.blog_details_top li {
    color: var(--colorBlack) !important;
    padding: 0 !important;
    margin: 0 !important;
}

.blog_details_top li span {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 4px;
    position: relative;
    top: -3px;
}

.blog_details_top li span img {
    filter: brightness(0) saturate(100%) invert(71%) sepia(94%) saturate(2724%) hue-rotate(360deg) brightness(103%) contrast(104%);
}

.blog_details_top li::after {
    display: none !important;
}

.blog_details_left h1,
.blog_details_left h2,
.blog_details_left h3,
.blog_details_left h4,
.blog_details_left h5,
.blog_details_left h6 {
    font-weight: 600;
    margin-top: 30px;
}

.blog_details_left h1 {
    font-size: 46px;
}

.blog_details_left h2 {
    font-size: 42px;
}

.blog_details_left h3 {
    font-size: 38px;
}

.blog_details_left h4 {
    font-size: 34px;
}

.blog_details_left h5 {
    font-size: 30px;
}

.blog_details_left h6 {
    font-size: 26px;
}

.blog_details_left p {
    font-size: 16px;
    line-height: 28px;
    margin-top: 15px;
}

.blog_details_center_img {
    height: 400px;
    overflow: hidden;
    margin-top: 25px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.blog_details_review {
    margin-top: 35px;
    position: relative;
    padding: 60px 50px 60px 108px;
    background: var(--lightBg2);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.blog_details_review p {
    margin-top: 0;
    font-size: 20px;
    font-weight: 400;
    font-family: var(--headingFont);
}

.blog_details_review::after {
    position: absolute;
    content: "";
    top: 63px;
    left: 50px;
    width: 45px;
    height: 39px;
    background: url(../images/review.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.blog_details_left ul,
.blog_details_left ol {
    margin-top: 20px;
}

.blog_details_left ul li,
.blog_details_left ol li {
    font-size: 16px;
    font-weight: 400;
    color: var(--paraColor);
    margin-top: 15px;
    position: relative;
    padding-left: 25px;
}

.blog_details_left ul li::after,
.blog_details_left ol li::after {
    position: absolute;
    content: "";
    top: 3px;
    left: 0px;
    width: 15px;
    height: 15px;
    background: url(../images/Star.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.blog_shear_area {
    margin-top: 58px;
    margin-bottom: 40px;
}

.blog_shear_area_left {
    align-items: center;
}

.blog_shear_area_left h5,
.blog_shear_area_right h5 {
    font-size: 18px;
    font-weight: 500;
    font-family: var(--headingFont);
    color: var(--colorBlack);
    margin-right: 15px;
}

.blog_details_tag {
    gap: 10px;
}

.blog_details_tag li a {
    padding: 6px 18px;
    font-size: 14px;
    font-weight: 400;
    color: var(--colorBlack);
    background: transparent;
    border: 1px solid #ddd;
    text-transform: capitalize;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.blog_details_tag li a:hover {
    color: var(--colorWhite);
    background: var(--themeColorTwo);
    border-color: var(--themeColorTwo);
}

.blog_shear_area_right {
    align-items: center;
}

.blog_shear_area_right ul {
    gap: 5px;
}

.blog_shear_area_right ul li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: var(--themeColorTwo);
    background: var(--lightBg2);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.blog_shear_area_right ul li a:hover {
    color: var(--colorWhite);
    background: var(--themeColorTwo);
}

.blog_comment {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    padding-top: 35px;
    border-top: 1px solid #ddd;
}

.blog_comment_img {
    width: 60px;
    height: 60px;
}

.blog_comment_img img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.blog_comment_text {
    width: 92%;
    margin-left: 25px;
}

.blog_comment_text h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
    text-transform: capitalize;
}

.blog_comment_text span {
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    color: var(--colorBlack);
    display: block;
    margin-bottom: 10px;
}

.blog_details_left form {
    margin-top: 85px;
}

.blog_form_input {
    margin-top: 20px;
}

.blog_form_input input,
.blog_form_input textarea {
    border-color: #eee;
}

.blog_checkbox {
    display: flex;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 28px;
}

.blog_checkbox input {
    margin: 0;
    padding: 0;
}

.form-check-input:checked {
    background-color: var(--themeColorTwo);
    border-color: var(--themeColorTwo);
}

.form-check-input:focus {
    box-shadow: none;
    border-color: var(--themeColorTwo);
}

.blog_checkbox label {
    margin-left: 10px;
    font-size: 14px;
    font-weight: 400;
}

.blog_details_right {
    border-left: 1px solid #ddd;
    overflow: hidden;
    margin-top: 25px;
}

.blog_details_right form {
    margin-left: 25px;
    position: relative;
    padding-bottom: 40px;
}

.blog_details_right form button {
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: var(--themeColorTwo);
    color: var(--colorWhite);
    top: 5px;
    right: 5px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.blog_details_right form button:hover {
    background: var(--colorBlack);
}

.blog_owner {
    margin: 20px 0px 45px 25px;
    padding: 60px 0px;
    text-align: center;
    background: url(../images/blog_owner_bg.html);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.blog_owner_img {
    width: 230px;
    height: 230px;
    margin: auto;
}

.blog_owner_img img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.blog_owner h4 {
    font-size: 24px;
    font-weight: 700;
    margin-top: 30px;
    color: var(--colorWhite);
    text-transform: capitalize;
}

.blog_owner p {
    font-size: 16px;
    margin-top: 5px;
    color: var(--colorWhite);
    opacity: 0.7;
    text-transform: capitalize;
}

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

.blog_owner ul li {
    border-right: 2px solid #9b929252;
}

.blog_owner ul li a {
    font-size: 16px;
    padding: 0px 8px;
    color: var(--colorWhite);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.blog_owner ul li:last-child {
    border-right: none;
}

.blog_owner ul li a:hover {
    color: var(--colorPrimary);
}

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

.blog_details_right_header {
    padding-left: 25px;
    padding-top: 37px;
    border-top: 1px solid #ddd;
}

.blog_details_right_header h3 {
    font-size: 22px;
    font-weight: 600;
    text-transform: capitalize;
}

.popular_blog {
    margin-top: 25px;
}

.popular_blog_img {
    width: 90px;
    height: 90px;
    background: var(--lightBg2);
    padding: 5px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.popular_blog_text {
    width: 69%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: 18px;
}

.popular_blog_text p span {
    width: 18px;
    display: inline-block;
    margin-right: 3px;
    position: relative;
    top: -2px;
}

.popular_blog_text p span img {
    filter: brightness(0) saturate(100%) invert(71%) sepia(94%) saturate(2724%) hue-rotate(360deg) brightness(103%) contrast(104%);
}

.popular_blog_text a {
    font-size: 16px;
    margin-top: -5px;
}

.sidebar_blog_category {
    margin-top: 25px;
    margin-bottom: 40px;
}

.sidebar_blog_category li a {
    width: 100%;
    padding: 14px 18px;
    margin-top: 15px;
    background: var(--lightBg2);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.sidebar_blog_category li a:hover {
    background: var(--themeColorTwo);
    color: var(--colorWhite) !important;
}

.sidebar_blog_category li a p {
    padding-left: 12px;
}

.sidebar_blog_category li a p,
.sidebar_blog_category li a span {
    position: relative;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    color: var(--colorBlack);
}

.sidebar_blog_category li a p::after {
    position: absolute;
    content: "";
    top: 9px;
    left: 0;
    width: 5px;
    height: 5px;
    background: var(--paraColor);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.sidebar_blog_category li a:hover p,
.sidebar_blog_category li a:hover span {
    color: var(--colorWhite);
}

.sidebar_blog_category li a:hover p::after {
    background: var(--colorWhite);
}

.blog_details_right_header .blog_details_tag {
    margin-top: 25px;
    margin-bottom: 40px;
    padding-bottom: 1px;
}

.blog_seidebar_add {
    position: relative;
    overflow: hidden;
    height: 430px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.blog_seidebar_add .text {
    position: absolute;
    top: 0;
    left: 0;
    padding: 25px 40px;
    text-align: center;
}

.blog_seidebar_add .text h4 {
    font-size: 26px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 15px;
}

.blog_details_comment h2,
.blog_details_comment_input h2 {
    font-size: 34px;
    font-weight: 600;
}

.blog_details_comment_input {
    padding: 50px;
    margin-top: 50px;
    background: var(--lightBg2);
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

/*=============================
    BLOG DETAILS END
=============================*/


/*=============================
    SHOP PAGE START
=============================*/
.shop_filter_area h3 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
}

.sidebar_status .form-check {
    margin-bottom: 5px;
}

.sidebar_status .form-check input,
.sidebar_color ul li .form-check input,
.sidebar_rating .form-check input {
    padding: 0;
    width: 16px !important;
    height: 16px !important;
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -ms-border-radius: 3px !important;
    -o-border-radius: 3px !important;
}

.sidebar_status .form-check label {
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    color: var(--paraColor);
    font-family: var(--headingFont);
}

.sidebar_category,
.sidebar_color,
.sidebar_status,
.sidebar_rating,
.sidebar_related_product {
    border-top: 1px solid #ddd;
    padding-top: 30px;
    margin-top: 30px;
}

.sidebar_category ul,
.sidebar_color ul {
    max-height: 245px;
    overflow: hidden;
    overflow-y: auto;
}

.sidebar_category ul::-webkit-scrollbar,
.sidebar_color ul::-webkit-scrollbar {
    scrollbar-width: thin !important;
    background: #f8f8f8;
    width: 5px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.sidebar_category ul::-webkit-scrollbar-thumb,
.sidebar_color ul::-webkit-scrollbar-thumb {
    background: #ddd;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.sidebar_category ul li a,
.sidebar_color ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 13px;
    padding-left: 15px;
}

.sidebar_category ul li a,
.sidebar_category ul li a span,
.sidebar_color ul li .form-check label,
.sidebar_color ul li span {
    position: relative;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    color: var(--paraColor);
    font-family: var(--headingFont);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.sidebar_category ul li a span,
.sidebar_color ul li span {
    margin-right: 10px;
}

.sidebar_category ul li a:hover,
.sidebar_category ul li a:hover span,
.sidebar_color ul li:hover .form-check label,
.sidebar_color ul li:hover span {
    color: var(--themeColorTwo);
}

.sidebar_category ul li a::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background: #ddd;
    top: 9px;
    left: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.sidebar_category ul li a:hover::after {
    background: var(--themeColorTwo);
}

.sidebar_color ul {
    height: 225px;
}

.sidebar_color ul li {
    padding: 0;
    margin-bottom: 10px;
}

.sidebar_color ul li .form-check {
    margin-bottom: 0;
}

.sidebar_color ul li .form-check input {
    border: none;
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -ms-border-radius: 50% !important;
    -o-border-radius: 50% !important;
    width: 18px !important;
    height: 18px !important;
    margin-top: 3px;
}

.sidebar_color ul li .form-check label {
    cursor: pointer;
    margin-left: 3px;
}

.sidebar_color ul li .form-check-input:checked[type=checkbox] {
    background-size: 14px;
}

.sidebar_rating .form-check {
    margin-bottom: 10px;
}

.sidebar_rating .form-check label {
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    color: var(--paraColor);
    font-family: var(--headingFont);
}

.sidebar_rating .form-check label i {
    color: var(--ratingColor);
}

.sidebar_related_product ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sidebar_related_product ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.sidebar_related_product .img {
    width: 65px;
    background: var(--lightBg2);
    overflow: hidden;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.sidebar_related_product .text {
    width: 73%;
    padding-left: 13px;
}

.sidebar_related_product .text .rating {
    color: var(--ratingColor);
    font-size: 11px;
    letter-spacing: -.5px;
}

.sidebar_related_product .text .rating span {
    letter-spacing: initial;
    font-size: 12px;
    margin-left: 3px;
}

.sidebar_related_product .text .title {
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 3px;
    margin-bottom: 1px;
}

.sidebar_related_product .text .price {
    font-size: 14px;
}

.product_page_top_button {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 30px;
    height: 100%;
}

.product_page_top_button nav .nav-tabs {
    gap: 10px;
    border: none;
}

.product_page_top_button nav .nav-tabs button {
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
    border: 1px solid #ddd;
    color: var(--paraColor);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.product_page_top_button nav .nav-tabs button.active {
    color: var(--themeColorTwo);
    border-color: var(--themeColorTwo);
}

.product_page_sorting {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    justify-content: end;
}

.product_page_sorting h5 {
    font-size: 16px;
}

.product_page_sorting .select_js.show {
    width: 130px;
}

.product_page_sorting .nice-select {
    width: 180px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.product_page_sorting .nice-select .current {
    color: var(--colorBlack);
    font-size: 15px;
}

.default_home .nice-select .list {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.shop_filter_btn {
    background: var(--themeColorTwo);
    padding: 10px 20px;
    margin-bottom: 25px;
    color: var(--colorWhite);
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 600;
    position: relative;
    cursor: pointer;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.shop_filter_btn::after,
.shop_filter_btn::before {
    position: absolute;
    content: "";
    width: 15px;
    height: 3px;
    background: var(--colorWhite);
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.shop_filter_btn::before {
    width: 3px;
    height: 15px;
    right: 26px;
}

.shop_filter_btn.show::before {
    height: 0;
}

.product_list_item .brand_name {
    font-size: 13px;
    margin-bottom: 5px;
    font-weight: 500;
}

.product_list_item .rating {
    margin: 5px 0px 10px 0px;
}

.product_list_item .price {
    margin-top: 0;
    margin-bottom: 10px;
}

.product_list_item .title {
    margin-bottom: 8px;
    font-size: 22px;
    -webkit-line-clamp: 1;
}

.product_list_item .short_description {
    font-size: 14px;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 12px;
}

.shop_page .product_item_2 .product_img {
    height: 275px;
}

.shop_page .product_list_item .product_img {
    height: 335px;
}

.product_list_item .product_text {
    padding: 0 0 0 25px;
}

/*=============================
    SHOP PAGE END
=============================*/


/*=============================
    SHOP DETAILS START
=============================*/
.details_slider_nav_item {
    background: var(--lightBg2);
    overflow: hidden;
    width: 98px;
    height: 108px;
    cursor: pointer;
    margin: 0px 12px 3px 12px;
    border: 2px solid var(--lightBg2);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.details_slider_thumb_item {
    background: var(--lightBg2);
    overflow: hidden;
    margin: 0px 12px;
    height: 590px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.shop_details_text {
    padding: 0px 50px;
}

.shop_details_text .details_title {
    font-size: 38px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 15px;
    margin-top: 7px;
}

.shop_details_text .stock {
    background: #05a84512;
    color: var(--colorGreen);
    padding: 2px 10px;
    margin-right: 15px;
    text-transform: capitalize;
    font-family: var(--headingFont);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.shop_details_text .out_stock {
    color: var(--colorRed);
    background: #db443712;
}

.shop_details_text .rating {
    color: var(--ratingColor);
    font-size: 13px;
}

.shop_details_text .rating span {
    font-size: 14px;
    margin-left: 5px;
    text-transform: capitalize;
}

.shop_details_text .price {
    font-size: 30px;
    color: var(--colorBlack);
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.shop_details_text .price del {
    color: var(--paraColor);
    font-weight: 400;
    font-size: 18px;
}

.shop_details_text .short_description {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 35px;
}

.details_single_variant,
.details_qty_area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 20px;
}

.details_single_variant .variant_title {
    color: var(--colorBlack);
    min-width: 54px;
    font-family: var(--headingFont);
    font-weight: 500;
    font-size: 15px;
}

.details_variant_color,
.details_variant_size,
.details_qty_area {
    gap: 5px;
    display: flex;
    flex-wrap: wrap;
}

.details_variant_color li {
    width: 25px;
    height: 25px;
    position: relative;
    cursor: pointer;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.details_variant_color li.active::after {
    position: absolute;
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--colorWhite);
    top: 52%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.details_variant_size li {
    height: 25px;
    line-height: 25px;
    width: 45px;
    background: var(--lightBg2);
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    color: var(--colorBlack);
    position: relative;
    cursor: pointer;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.details_variant_size li:hover,
.details_variant_size li.active {
    background: var(--themeColorTwo);
    color: var(--colorWhite);
}

.details_qty_input {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: var(--lightBg2);
    overflow: hidden;
    margin-right: 15px;
    width: 130px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.details_qty_input input {
    width: 60px;
    height: 45px;
    padding: 0;
    text-align: center;
    background: none;
    border: none;
    border-right: 1px solid var(--colorWhite);
    border-left: 1px solid var(--colorWhite);
    font-size: 14px;
    font-weight: 500;
    color: var(--colorBlack);
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.details_qty_input input::placeholder {
    color: var(--colorBlack);
}

.details_qty_input button {
    width: 35px;
    height: 45px;
    font-weight: 400;
    color: var(--colorBlack);
    background: var(--lightBg2);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    padding: 0;
    font-size: 15px;
}

.details_qty_input button:hover {
    background: var(--colorGreen);
    color: var(--colorWhite);
}

.details_qty_input button.minus:hover {
    background: var(--colorRed);
}

.details_qty_input h3 {
    font-size: 20px;
    font-weight: 600;
}

.details_btn_area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
}

.details_btn_area .buy_now {
    background: var(--colorGreen);
}

.details_list_btn {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 20px;
    border-bottom: 1px solid #dddf;
    padding-bottom: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.details_list_btn li a {
    font-size: 16px;
    color: var(--paraColor);
}

.details_list_btn li a i {
    margin-right: 3px;
}

.details_list_btn li a:hover {
    color: var(--themeColorTwo);
}

.details_tags_sku {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.details_tags_sku li {
    color: var(--paraColor);
    font-size: 14px;
    text-transform: capitalize;
}

.details_tags_sku li span {
    color: var(--colorBlack);
    font-size: 15px;
    margin-right: 5px;
    font-family: var(--headingFont);
    font-weight: 500;
}

.shop_details_shate {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: 15px;
}

.shop_details_shate li {
    color: var(--colorBlack);
    font-weight: 500;
    font-family: var(--headingFont);
    font-size: 15px;
}

.shop_details_shate li a {
    text-align: center;
    color: var(--colorBlack);
    font-size: 16px;
    margin-left: 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.shop_details_shate li a:hover {
    color: var(--themeColorTwo);
}

.shop_details .slick-current .details_slider_nav_item {
    border-color: var(--themeColorTwo)
}

.shop_details_sidebar_info {
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.shop_details_sidebar_info ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.shop_details_sidebar_info ul li {
    font-size: 13px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    text-transform: capitalize;
    position: relative;
    padding-left: 35px;
}

.shop_details_sidebar_info ul li span,
.shop_details_sidebar_info ul li svg {
    display: inline-block;
    width: 27px;
    height: 22px;
    margin-top: -1px;
    position: absolute;
    left: 0;
}

.shop_details_sidebar_info h5 {
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 600;
    margin-top: 25px;
    margin-bottom: 10px;
}


.shop_details_sidebar_store {
    background: var(--lightBg);
    padding: 20px;
    margin-top: 25px;
    position: relative;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.shop_details_sidebar_store .sold_by {
    display: block;
    color: var(--colorBlack);
    font-size: 14px;
    margin-bottom: 5px;
}

.shop_details_sidebar_store .store_name {
    text-transform: capitalize;
    font-size: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 15px;
}

.shop_details_sidebar_store ul {
    display: flex;
    flex-direction: column;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    gap: 10px;
    padding: 15px 0px;
}

.shop_details_sidebar_store ul li {
    padding-left: 13px;
}

.shop_details_sidebar_store ul li p {
    color: var(--colorBlack);
    font-size: 14px;
    font-weight: 400;
    position: relative;
}

.shop_details_sidebar_store ul li p::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background: var(--paraColor);
    top: 6px;
    left: -13px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.shop_details_sidebar_store ul li span {
    font-size: 14px;
    font-weight: 400;
}

.shop_details_sidebar_store .go_store {
    width: 100%;
    text-align: center;
    color: var(--themeColorTwo);
    font-weight: 600;
    font-size: 15px;
    margin-top: 15px;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.shop_details_sidebar_store .go_store:hover {
    color: var(--colorBlack);
}

.shop_details_sidebar_store .chat {
    position: absolute;
    top: 18px;
    right: 25px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100px;
    color: var(--themeColoeOne);
    font-size: 13px;
    font-weight: 600;
    justify-content: end;
    gap: 5px;
}

.shop_details_sidebar_store .chat:hover {
    color: var(--themeColorTwo);
}

.shop_details_sidebar_store .chat svg {
    display: block;
    width: 17px;
}

.shop_details_des_area {
    border: 1px solid #ddd;
    padding: 50px;
    margin-right: 50px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.shop_details_des_area .nav-pills {
    gap: 10px 15px;
}

.shop_details_des_area .nav-pills button {
    background: none !important;
    font-size: 16px;
    font-weight: 400;
    color: var(--paraColor);
    border: 1px solid #ddd;
    padding: 8px 20px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.shop_details_des_area .nav-pills button:hover,
.shop_details_des_area .nav-pills button.active {
    color: var(--themeColorTwo);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.shop_details_description h1,
.shop_details_description h2,
.shop_details_description h3,
.shop_details_description h4,
.shop_details_description h5,
.shop_details_description h6 {
    font-weight: 600;
    text-transform: capitalize;
    margin-top: 20px;
}

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

.shop_details_description h2 {
    font-size: 32px;
}

.shop_details_description h3 {
    font-size: 28px;
}

.shop_details_description h4 {
    font-size: 24px;
}

.shop_details_description h5 {
    font-size: 20px;
}

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

.shop_details_description p {
    margin-top: 14px;
}

.shop_details_description ul,
.shop_details_description ol {
    margin-top: 15px;
}

.shop_details_description ul li,
.shop_details_description ol li {
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: var(--paraColor);
    padding-left: 17px;
    line-height: 32px;
}

.shop_details_description ul li::after,
.shop_details_description ol li::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background: var(--paraColor);
    top: 12px;
    left: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.shop_details_additional_info {
    margin-top: 27px;
    border: 1px solid #ddd;
    overflow: hidden;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.shop_details_additional_info table {
    width: 100%;
    --bs-table-striped-bg: var(--lightBg2);
    margin-bottom: 0;
}

.shop_details_additional_info table tr {
    border-color: transparent;
}

.shop_details_additional_info table tr th,
.shop_details_additional_info table tr td {
    padding: 12px 20px;
    min-width: 230px;
}

.shop_details_additional_info table tr th {
    border-right: 1px solid #ddd;
    font-size: 16px;
    font-weight: 400;
    color: var(--colorBlack);
}

.shop_details_additional_info table tr td {
    color: var(--paraColor);
}


.shop_details_vendor {
    margin-top: 25px;
}

.shop_details_vendor_logo_area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 20px;
}

.shop_details_vendor_logo_area .img {
    width: 160px;
    background: var(--lightBg2);
    padding: 10px;
    overflow: hidden;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.shop_details_vendor_logo_area h3 {
    font-size: 20px;
    font-weight: 600;
}

.shop_details_vendor_logo_area h3 span {
    color: var(--ratingColor);
    font-size: 13px;
    margin-top: 5px;
    letter-spacing: -1px;
    display: block;
}

.shop_details_vendor_logo_area h3 span b {
    font-size: 14px;
    margin-left: 5px;
    text-transform: capitalize;
    letter-spacing: initial;
    font-weight: 400;
    color: var(--paraColor);
}


.shop_details_vendor_address {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 50px;
}

.shop_details_vendor_address li {
    font-size: 15px;
    font-weight: 400;
    color: var(--paraColor);
    position: relative;
    padding-left: 30px;
}

.shop_details_vendor_address li svg {
    display: block;
    width: 18px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    color: var(--themeColorTwo);
}

.shop_details_vendor_address li span {
    font-weight: 500;
    color: var(--colorBlack);
    margin-right: 10px;
    font-size: 14px;
}


.shop_details_vendor_rating {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
}

.shop_details_vendor_rating li {
    font-weight: 600;
    font-size: 22px;
    border-right: 1px solid #ddd;
    padding-right: 30px;
    margin-right: 30px;
}

.shop_details_vendor_rating li:last-child {
    margin: 0;
    padding: 0;
    border: none;
}

.shop_details_vendor_rating li span {
    display: block;
    color: var(--themeColorTwo);
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
}

.shop_details_vendor_description {
    margin-top: 45px;
    font-size: 15px;
    line-height: 28px;
}


.shop_details_review {
    margin-top: 20px;
}

.shop_details_review h3 {
    font-size: 24px;
    font-weight: 600;
    text-transform: capitalize;
}

.single_review {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #eee;
    margin-top: 20px;
    padding: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.single_review .img {
    width: 70px;
    height: 70px;
    overflow: hidden;
    border: 3px solid var(--colorWhite);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.single_review .text {
    width: 93%;
    padding-left: 25px;
}

.single_review .text h5 {
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
}

.single_review .text h5 span {
    font-size: 14px;
    letter-spacing: -1px;
    color: var(--ratingColor);
}

.single_review .text .date {
    font-size: 14px;
    color: var(--colorBlack);
    margin-top: 5px;
    margin-bottom: 13px;
}

.single_review .text ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}

.single_review .text ul li {
    width: 70px;
    height: 70px;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 6px;
}

.single_review_input_area h3 {
    font-size: 24px;
    font-weight: 600;
    text-transform: capitalize;
}

.single_input {
    position: relative;
    border: 1px solid #ddd;
    margin-top: 25px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.single_input label {
    position: absolute;
    top: -8px;
    left: 15px;
    background: var(--colorWhite);
    font-size: 14px;
    line-height: 15px;
    padding: 0px 5px;
    text-transform: capitalize;
}

.single_input input,
.single_input textarea {
    border: none;
    font-size: 14px;
    padding: 15px 20px;
}

.single_review_input_area form button {
    margin-top: 20px;
}

.select_rating {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 3px;
    margin-top: 20px;
    margin-bottom: 5px;
}

.select_rating span {
    font-size: 15px;
    margin-right: 10px;
}

.select_rating i {
    font-size: 16px;
    color: var(--paraColor);
    cursor: pointer;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.select_rating i:hover,
.select_rating i.active {
    color: #F6B900;
}

.related_products .nextArrow,
.related_products .prevArrow {
    top: -60px;
}

.related_products .section_heading_2 h3 span::after {
    width: 135px;
}

/*=============================
    SHOP DETAILS END
=============================*/


/*=============================
    VENDOR PAGE START
=============================*/
.single_vendor {
    border: 1px solid #ddd;
    padding: 15px;
    margin-top: 25px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_vendor .img {
    height: 180px;
    overflow: hidden;
    border: 1px solid #eee;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    -webkit-border-radius: 12px;
}

.single_vendor .text {
    padding: 45px 20px 10px 20px;
    position: relative;
}

.single_vendor .text .vendor_logo {
    width: 125px;
    height: 60px;
    padding: 10px 15px;
    position: absolute;
    top: -30px;
    left: 21px;
    background: var(--lightBg2);
    border: 4px solid var(--colorWhite);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.single_vendor .text .vendor_logo img {
    width: auto !important;
    height: auto !important;
}

.single_vendor .text .title {
    font-size: 20px;
}

.single_vendor .text .rating {
    color: var(--ratingColor);
    letter-spacing: -1px;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 25px;
}

.single_vendor .text .rating span {
    letter-spacing: initial;
    margin-left: 5px;
    font-size: 14px;
}

.single_vendor .text .info {
    position: relative;
    font-size: 16px;
    padding-left: 30px;
    color: var(--paraColor);
    display: block;
    margin-top: 12px;
}

.single_vendor .text .info svg {
    position: absolute;
    width: 20px;
    top: 0;
    left: 0;
}

.single_vendor .text .common_btn {
    margin-top: 27px;
}

.single_vendor:hover {
    border-color: #fff !important;
    box-shadow: var(--boxShadow);
}

.single_vendor .text a.info:hover {
    color: var(--themeColorTwo);
}

/*=============================
    VENDOR PAGE END
=============================*/


/*=============================
    VENDOR DETAILS START
=============================*/
.vendor_details_banner {
    background: var(--lightBg2);
    overflow: hidden;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.vendor_details_img {
    height: 400px;
    overflow: hidden;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.vendor_details_logo {
    width: 120px;
    padding: 10px;
    background: var(--colorWhite);
    margin-bottom: 15px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.vendor_details_info .since {
    display: block;
    font-size: 15px;
}

.vendor_details_info h4 {
    font-size: 28px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 5px;
}

.vendor_details_info .rating {
    color: var(--ratingColor);
    letter-spacing: -1px;
    font-size: 14px;
    margin-bottom: 20px;
}

.vendor_details_info .rating span {
    font-size: 14px;
    letter-spacing: initial;
    text-transform: capitalize;
    margin-left: 5px;
}

.vendor_details_contact .address {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
}

.vendor_details_contact .address li p,
.vendor_details_contact .address li a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: var(--paraColor);
    font-size: 16px;
    position: relative;
    padding-left: 30px;
}

.vendor_details_contact .address li p svg,
.vendor_details_contact .address li a svg {
    display: block;
    height: 18px;
    position: absolute;
    left: 0;
    top: 3px;
}

.vendor_details_contact .address li a:hover {
    color: var(--themeColorTwo);
}

.vendor_details_contact .social_icon {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    margin-top: 20px;
}

.vendor_details_contact .social_icon li span {
    font-weight: 600;
    font-size: 14px;
}

.vendor_details_contact .social_icon li a {
    color: var(--colorBlack);
    font-size: 16px;
}

.vendor_details_contact .social_icon li a:hover {
    color: var(--themeColorTwo);
}

.vendor_details_message {
    padding-right: 50px;
}

.vendor_details_message h4 {
    font-size: 24px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.vendor_details_message form input,
.vendor_details_message form textarea {
    padding: 10px 15px;
    margin-top: 10px;
    border-color: #eee;
}

.vendor_details_message form button {
    margin-top: 10px;
}

/*=============================
    VENDOR DETAILS END
=============================*/


/*=============================
    BECOME A VENDOR START
=============================*/
.become_vendor_text {
    margin-top: -25px;
}

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

.become_vendor_text h1,
.become_vendor_text h2,
.become_vendor_text h3,
.become_vendor_text h4,
.become_vendor_text h5,
.become_vendor_text h6 {
    margin-top: 20px;
    font-weight: 600;
}

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

.become_vendor_text h2 {
    font-size: 32px;
}

.become_vendor_text h3 {
    font-size: 28px;
}

.become_vendor_text h4 {
    font-size: 24px;
}

.become_vendor_text h5 {
    font-size: 20px;
}

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

.become_vendor_text ul,
.become_vendor_text ol {
    margin-top: 15px;
}

.become_vendor_text ul li,
.become_vendor_text ol li {
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: var(--paraColor);
    line-height: 35px;
    padding-left: 17px;
}

.become_vendor_text ul li::after,
.become_vendor_text ol li::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background: #c6c0c0;
    top: 15px;
    left: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.become_vendor_form {
    padding: 30px 40px 40px 40px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.become_vendor_form h3 {
    text-transform: capitalize;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 15px;
}

.single_input .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: initial;
    height: auto;
    border: none;
    font-size: 14px;
    padding: 15px 20px;
}

.single_input .select2-container--default .select2-selection--single {
    background-color: transparent;
    border: none;
}

.become_vendor_form_chek {
    margin-top: 15px;
}

.become_vendor_form_chek input {
    padding: 0;
}

.become_vendor_form_chek .form-check {
    margin-bottom: 30px;
}

.become_vendor_form_chek label {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: var(--paraColor);
}

.become_vendor_form_chek label a {
    font-size: 16px;
    font-weight: 400;
    color: var(--themeColorTwo);
}

.become_vendor_form_chek label a:hover {
    color: var(--colorBlack);
}

/*=============================
    BECOME A VENDOR END
=============================*/

.category_page .category_item {
    margin-top: 25px;
}

/*=============================
    CART VIEW START
=============================*/
.cart_table_area {
    border: 1px solid #ddd;
    overflow: hidden;
    padding-bottom: 15px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.cart_vendor_name {
    border: 1px dashed #ddd;
    padding: 4px 10px;
    padding-bottom: 5px;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 5px 10px;
    margin: 15px 0px 0px 52px;
    color: var(--themeColorTwo);
    background: #ffa5000a;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.cart_vendor_name svg {
    display: block;
    width: 18px;
    margin-bottom: 1px;
}

.cart_page .table {
    margin: 0;
    width: 100%;
}

.cart_page .table thead {
    padding-bottom: 26px;
}

.cart_page .table tr:last-child td {
    padding-bottom: 0;
}

.cart_page .table tr {
    border: transparent;
    border-bottom: 1px solid #eee;
}

.cart_page .table tr:last-child {
    border-color: transparent;
}

.cart_page .table tr th {
    font-size: 15px;
    font-weight: 500;
    background: var(--lightBg2);
    text-transform: capitalize;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.cart_page .table tr th,
.cart_page .table tr td {
    padding: 15px 0;
    vertical-align: middle;
}

.cart_page_checkbox {
    padding-left: 20px !important;
    width: 50px;
}

.cart_page_checkbox input {
    padding: 0;
    cursor: pointer;
}

.cart_page_img {
    width: 150px;
}

.cart_page_img .img {
    max-width: 120px;
    background: var(--lightBg2);
    overflow: hidden;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.cart_page_details p {
    font-weight: 600;
    color: var(--themeColorTwo);
    font-size: 16px;
    margin-top: 0;
}

.cart_page_details p del {
    font-weight: 400;
    color: var(--paraColor);
    font-size: 14px;
    margin-left: 5px;
}

.cart_page_details span {
    display: block;
    font-size: 14px;
}

.cart_page_details span b {
    font-weight: 500;
    margin-right: 5px;
}

.cart_page_price h3,
.cart_page_total h3 {
    font-size: 18px;
    font-weight: 400;
}

.cart_page_action a {
    color: var(--paraColor);
}

.cart_page_action a i {
    margin-right: 5px;
}

.cart_page_action a:hover {
    color: var(--colorRed);
}

.cart_page_summary {
    background: var(--lightBg2);
    padding: 35px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.cart_page_summary h3 {
    text-transform: capitalize;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px;
}

.cart_page_summary ul {
    background: var(--colorWhite);
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.cart_page_summary ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.cart_page_summary ul li .img {
    width: 60px;
    height: 60px;
    background: var(--lightBg2);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.cart_page_summary ul li .text {
    width: 78%;
}

.cart_page_summary ul li .text a {
    font-size: 15px;
    -webkit-line-clamp: 1;
}

.cart_page_summary ul li .text p {
    font-size: 13px;
}

.cart_page_summary ul li:last-child {
    border: none;
    margin: 0;
    padding: 0;
}

.cart_page_summary h6,
.cart_page_summary h4 {
    text-transform: capitalize;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px;
}

.cart_page_summary h6 span {
    font-size: 16px;
    font-weight: 400;
    color: var(--colorBlack);
}

.cart_page_summary h4 {
    font-size: 18px;
    font-weight: 500;
    border-top: 1px solid #ddd;
    padding-top: 10px;
    margin-top: 10px;
}

.cart_page_summary h4 span {
    font-size: 18px;
    font-weight: 500;
    color: var(--colorBlack);
}

.cart_page_summary form {
    position: relative;
    margin-top: 25px;
}

.cart_page_summary form input {
    border-color: #eee;
}

.cart_page_summary form button {
    position: absolute;
    top: 5px;
    right: 5px;
    background: var(--colorGreen) !important;
    padding: 9.5px 25px;
    border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    -ms-border-radius: 6px !important;
    -o-border-radius: 6px !important;
}

.cart_page_summary form p {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    margin-top: 10px;
    padding: 5px 15px;
    border: 1px dashed var(--themeColorTwo);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.cart_page_summary form p a {
    font-weight: 600;
    color: var(--colorRed);
}

.cart_summary_btn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    margin-top: 20px;
}

.cart_summary_btn .continue_shopping {
    background: var(--colorBlack) !important;
}

.cart_summary_btn .continue_shopping::after {
    background: var(--themeColorTwo);
}

.cart_summary_btn .common_btn {
    width: 48%;
}

.cart_page_summary .vendor_name {
    font-size: 13px;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px 5px;
    color: var(--themeColorTwo);
}

.cart_page_summary .vendor_name svg {
    display: block;
    width: 18px;
    margin-bottom: 1px;
}

.cart_table_area .cart_page_checkbox {
    width: 5% !important;
    min-width: 53px;
}

.cart_table_area .cart_page_img {
    width: 15% !important;
    min-width: 150px;
}

.cart_table_area .cart_page_details {
    width: 30% !important;
    min-width: 270px;
}

.cart_table_area .cart_page_price,
.cart_table_area .cart_page_total {
    width: 10% !important;
    min-width: 100px;
}

.cart_table_area .cart_page_quantity {
    width: 15% !important;
    min-width: 160px;
}


.cart_table_area .cart_page_action {
    width: 15%;
    min-width: 120px;
}

/*=============================
    CART VIEW END
=============================*/


/*=============================
    WISHLIST START
=============================*/
.wishlist_page .cart_vendor_name {
    margin: 15px 0px 0px 20px;
}

.wishlist_page .cart_table_area .cart_page_img {
    padding-left: 20px !important;
}

.wishlist_page .cart_table_area .cart_page_action {
    width: 15%;
    min-width: 200px;
    padding-right: 20px !important;
    text-align: center;
}

.wishlist_page .cart_page_action a {
    color: var(--colorWhite) !important;
}

.wishlist_page .cart_page_action .remove {
    background: var(--colorRed);
}

/*=============================
    WISHLIST END
=============================*/


/*=============================
    CHECKOUT START
=============================*/
.checkout_header h3 {
    font-size: 28px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 25px;
}

.checkout_header p {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border: 1px dashed #ddd;
    padding: 8px 15px;
    text-transform: capitalize;
    background: #ffa5000a;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.checkout_header p svg {
    width: 22px;
    margin-bottom: 2px;
    margin-right: 5px;
}

.checkout_header p b {
    font-weight: 500;
    color: var(--colorBlack);
    margin-left: 5px;
}

.checkout_header p a {
    color: var(--themeColoeOne);
    margin-left: 5px;
}

.checkout_header p a:hover {
    color: var(--themeColorTwo);
}

.checkout_address_area {
    margin-bottom: 35px;
}

.checkout_single_address {
    border: 1px dashed #ddd;
    padding: 20px;
    margin-top: 25px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.checkout_single_address .form-check input {
    padding: 0;
}

.checkout_single_address .form-check label {
    display: flex;
    flex-direction: column;
    gap: 7px;
    cursor: pointer;
}

.checkout_single_address .form-check label span {
    color: var(--paraColor);
    font-size: 15px;
    font-weight: 400;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    padding-left: 27px;
}

.checkout_single_address .form-check label span svg {
    width: 18px;
    position: absolute;
    left: 0;
    top: 2px;
}

.checkout_form_area .accordion-button {
    background: none;
    padding: 0;
    box-shadow: none !important;
}

.checkout_form_area .accordion-button::after {
    display: none;
}

.checkout_form_area .form-check {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    margin-bottom: 10px;
    width: 100%;
}

.checkout_form_area .form-check input {
    padding: 0;
    margin-bottom: 4px;
}

.checkout_form_area .form-check label {
    font-size: 16px;
    font-weight: 500;
    color: var(--colorBlack);
    cursor: pointer;
    width: 100%;
}

.checkout_payment {
    border: 1px solid #ddd;
    padding: 35px;
    margin-top: 25px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.checkout_payment h3 {
    text-transform: capitalize;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px;
}

.checkout_payment .form-check {
    margin-bottom: 10px;
}

.checkout_payment .form-check input {
    padding: 0;
}

.checkout_payment .form-check label,
.checkout_payment .checkout_card p {
    cursor: pointer;
    font-size: 15px;
    font-weight: 400;
    color: var(--paraColor);
}

.checkout_card {
    margin-top: 15px;
}

.checkout_card p {
    font-weight: 500 !important;
    text-transform: capitalize;
    color: var(--colorBlack) !important;
}

.checkout_card ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: 5px;
}

.checkout_card ul li {
    width: 75px;
    height: 40px;
    border: 1px solid #eee;
    overflow: hidden;
    cursor: pointer;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.checkout_card ul li.active {
    border-color: var(--themeColorTwo);
}

.checkout_payment .terms {
    border-top: 1px solid #eee;
    margin-top: 15px;
    padding-top: 15px;
    margin-bottom: 20px;
}

.checkout_payment button {
    width: 100%;
}

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

.checkout_shipping h6 {
    font-size: 18px;
    padding-bottom: 5px;
    font-weight: 500 !important;
}

.checkout_shipping .form-check input {
    padding: 0;
}

.checkout_shipping .form-check label {
    text-transform: capitalize;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 400;
    margin-top: 5px;
    font-family: var(--headingFont);
}

.checkout_shipping .form-check label span {
    font-size: 16px;
    font-weight: 400;
    color: var(--colorBlack);
}

/*=============================
    CHECKOUT END
=============================*/


/*=============================
    PAYMENT SUCCESS END
=============================*/
.payment_success_text .img {
    width: 500px;
    height: 320px;
    margin: 0 auto;
}

.payment_success_text h3 {
    text-align: center;
    font-size: 42px;
    font-weight: 600;
    color: var(--colorGreen);
    margin-top: 50px;
    text-transform: capitalize;
}

.payment_success_text p {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 40px;
    line-height: 30px;
}

.payment_success_text p b {
    color: var(--themeColoeOne);
}

.payment_success_text .go_btn {
    background: var(--colorBlack);
}

.payment_success_text .go_btn::after {
    background: var(--themeColorTwo);
}

.payment_cancel h3 {
    color: var(--colorRed);
}

/*=============================
    PAYMENT SUCCESS END
=============================*/


/*=============================
    COMPARE START
=============================*/
.compare_list_area {
    border: 1px solid #ddd;
    overflow: hidden;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.compare_list_area table {
    margin: 0;
}

.compare_list_area table tr td:first-child {
    min-width: 150px;
}

.compare_list_area table tr td:last-child {
    border-right: none;
}

.compare_list_area table tr:last-child {
    border-color: transparent;
}

.compare_list_area table tr td {
    border-right: 1px solid #ddd;
    text-align: center;
    vertical-align: middle;
    padding: 20px;
}

.compare_list_area table tr td img {
    width: 170px !important;
    margin: 10px auto 20px auto;
}

.compare_list_area table tr td p b {
    color: var(--colorBlack);
    font-size: 15px;
    text-transform: capitalize;
}

.compare_list_area table tr td .rating {
    color: var(--ratingColor);
    font-size: 15px;
    letter-spacing: -1px;
}

.compare_list_area table tr td a.common_btn {
    margin-right: 5px;
}

.compare_list_area table tr td .remove {
    background: var(--colorRed);
    margin: 0 !important;
    width: 46px;
    height: 46px;
    padding: 0;
    line-height: 46px;
}

.compare_list_area table tr td .remove i {
    margin: 0;
    transform: none;
}

/*=============================
    COMPARE END
=============================*/


/*=============================
    TRACK ORDER START
=============================*/
.tack_order_form {
    background: var(--lightBg2);
    padding: 60px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.tack_order_form h4 {
    text-align: center;
    text-transform: capitalize;
    font-weight: 600;
}

.tack_order_form p {
    text-align: center;
    text-transform: capitalize;
    margin-top: 8px;
    margin-bottom: 45px;
}

.tack_order_form button {
    margin-top: 20px;
    width: 100%;
}

.tack_order_form label {
    z-index: 1;
}

.tack_order_form label::after {
    position: absolute;
    content: "";
    background: var(--lightBg2);
    width: 125px;
    height: 9px;
    top: -2px;
    left: 0;
    z-index: -1;
}

.track_order_map {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 100px;
    margin-bottom: 50px;
    gap: 15px 50px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.track_order_map li {
    position: relative;
    text-transform: capitalize;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
    border: 1px dashed #ddd;
    padding: 10px 20px;
    width: 20%;
    background: var(--colorWhite);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.track_order_map li::before {
    position: absolute;
    content: "";
    background: url(../images/traking_arrow_1.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 70px;
    height: 40px;
    top: 21px;
    right: -78px;
    z-index: -1;
}

.track_order_map li:last-child:before {
    display: none;
}

.track_order_map li.active {
    border-color: var(--themeColorTwo);
}

.track_order_map li.active::after {
    position: absolute;
    content: "\f00c";
    font-family: "font awesome 5 free";
    font-weight: 600;
    font-size: 14px;
    top: -10px;
    right: -10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: var(--themeColorTwo);
    color: var(--colorWhite);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.track_order_map li .icon {
    width: 60px;
    height: 60px;
    background: var(--lightBg2);
    padding: 12px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.track_order_map li h4 {
    font-size: 16px;
    font-weight: 600;
    width: 110px;
}

.tracking_product_area {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    overflow: hidden;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.tracking_product_info {
    background: var(--colorOlive);
    padding: 70px;
    height: 100%;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.tracking_product_info .icon {
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    background: #ffffff36;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.tracking_product_info .icon svg {
    width: 55px;
    color: var(--colorWhite);
}

.tracking_product_info h3 {
    font-size: 34px;
    font-weight: 500;
    color: var(--colorWhite);
    margin-top: 40px;
    margin-bottom: 10px;
}

.tracking_product_info p {
    color: var(--colorWhite);
    max-width: 70%;
}

.tracking_product_info ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 50px;
    gap: 35px 0px;
}

.tracking_product_info ul li {
    width: 48%;
}

.tracking_product_info ul li h6 {
    color: var(--colorWhite);
    text-transform: capitalize;
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 400;
}

.tracking_product_info ul li h5 {
    color: var(--colorWhite);
    font-weight: 500;
    font-size: 20px;
    text-transform: capitalize;
}

.tracking_product_list {
    padding: 40px 40px 40px 20px;
}

.tracking_product_list h3 {
    text-transform: capitalize;
    font-size: 26px;
    margin-bottom: 10px;
}

.tracking_product_list .table {
    margin: 0;
}

.tracking_product_list .table tr {
    border-color: #eee;
}

.tracking_product_list .table tr th {
    text-transform: capitalize;
    font-weight: 500;
    color: var(--colorBlack) !important;
    font-family: var(--headingFont);
}

.tracking_product_list .table tr th,
.tracking_product_list .table tr td {
    padding: 15px 0px;
    font-size: 15px;
    color: var(--paraColor);
}

.tracking_product_list .table tr th:last-child,
.tracking_product_list .table tr td:last-child {
    text-align: right;
}

.tracking_product_list .table tr td span {
    color: var(--colorBlack);
    margin-left: 5px;
    font-weight: 500;
    font-size: 15px;
}

/*=============================
    TRACK ORDER END
=============================*/


/*================================
    PRIVACY POLICY PAGE START
================================*/
.privacy_policy,
.terms_condition {
    margin-bottom: -5px;
}

.privacy_policy_text h1,
.privacy_policy_text h2,
.privacy_policy_text h3,
.privacy_policy_text h4,
.privacy_policy_text h5,
.privacy_policy_text h6 {
    font-weight: 500;
    margin-top: 40px;
    text-transform: capitalize;
}

.privacy_policy_text h1 {
    font-size: 40px;
}

.privacy_policy_text h2 {
    font-size: 36px;
}

.privacy_policy_text h3 {
    font-size: 32px;
}

.privacy_policy_text h4 {
    font-size: 28px;
}

.privacy_policy_text h5 {
    font-size: 24px;
}

.privacy_policy_text h6 {
    font-size: 20px;
}

.privacy_policy_text p {
    margin-top: 20px;
    font-size: 15px;
    line-height: 30px;
}

.privacy_policy_text ul,
.privacy_policy_text ol {
    margin-top: 25px;
    margin-bottom: 22px;
    padding-left: 20px;
}

.privacy_policy_text ul li,
.privacy_policy_text ol li {
    font-size: 16px;
    font-weight: 400;
    color: var(--paraColor);
    font-family: var(--paraColor);
    margin-bottom: 15px;
    padding-left: 17px;
    position: relative;
}

.privacy_policy_text ul li::after,
.privacy_policy_text ol li::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background: #c6c0c0;
    top: 10px;
    left: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

/*================================
    PRIVACY POLICY PAGE END
================================*/


/*===========================
    FAQ PAGE START
===========================*/
.faq_page .accordion-item {
    border: 1px solid #eae6e6 !important;
    margin-top: 25px;
    overflow: hidden;
    background: var(--colorWhite);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.faq_page .accordion-header button {
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 18px;
    font-weight: 600;
    padding: 15px 20px;
    box-shadow: none !important;
    background: var(--colorWhite) !important;
}

.faq_page .accordion-header button:not(.collapsed) {
    background-color: var(--lightBg2) !important;
}

.faq_page .accordion-body {
    padding: 20px;
}

.faq_page .accordion-body p {
    font-size: 15px;
}

.faq_page .accordion-button::after {
    background: url(../images/plus_icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.faq_page .accordion-button:not(.collapsed)::after {
    background: url(../images/minus_icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.faq_img {
    height: 592px;
    overflow: hidden;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.faq_page .faq_sub_title {
    text-transform: uppercase;
    color: var(--themeColorTwo);
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 400;
}

.faq_page .faq_title {
    font-size: 34px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 40px;
}

/*===========================
    FAQ PAGE END
===========================*/


/*===========================
    ERROR START
===========================*/
.error_page {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 100vh;
}

.error_page div {
    height: 100%;
}

.error_text {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 15px;
}

.error_text h2 {
    font-size: 250px;
    font-weight: 700;
    line-height: 150px;
    color: var(--themeColorTwo);
}

.error_text h4 {
    text-align: center;
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 15px;
    margin-top: 45px;
}

.error_text p {
    text-align: center;
    max-width: 64%;
    margin-bottom: 40px;
}

.error_text a {
    background: var(--colorPrimary);
}

.error_text a:hover {
    color: var(--colorWhite);
}

.error_text a::after {
    background: var(--colorBlack);
}

/*============================
    ERROR END
=============================*/


/*===========================
    SIGN IN START
===========================*/
.sign_in_img {
    width: 570px;
    height: 770px;
    overflow: hidden;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.sign_in_form {
    background: var(--colorWhite);
    box-shadow: var(--boxShadow);
    padding: 50px;
    margin: 30px 0px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.sign_in_form h3 {
    font-size: 32px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 30px;
}

.sign_in_form form button {
    width: 100%;
    margin-top: 15px;
}

.sign_in_form .forgot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.sign_in_form .forgot .form-check {
    margin-bottom: 0;
}

.sign_in_form .forgot .form-check input {
    padding: 0;
}

.form-check-input:focus {
    border-color: var(--themeColorTwo);
    box-shadow: none;
}

.sign_in_form .forgot .form-check label {
    font-size: 16px;
    font-weight: 400;
    color: var(--colorBlack);
}

.sign_in_form .forgot a {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 400;
    color: var(--paraColor);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.sign_in_form .forgot a:hover {
    color: var(--colorRed);
}

.sign_in_form .dont_account {
    text-align: center;
    margin-top: 25px;
}

.sign_in_form .dont_account a {
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 16px;
    font-weight: 500;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.sign_in_form .dont_account a:hover {
    color: var(--themeColorTwo);
}

.sign_in_form .or {
    color: var(--colorBlack);
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    text-transform: uppercase;
    margin: 20px 0px;
}

.sign_in_form .or::before {
    position: absolute;
    content: "";
    width: 42%;
    height: 1px;
    background: #eee;
    top: 12px;
    left: 0;
}

.sign_in_form .or::after {
    position: absolute;
    content: "";
    width: 42%;
    height: 1px;
    background: #eee;
    top: 12px;
    right: 0;
}

.sign_in_form ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sign_in_form ul li {
    width: 31%;
}

.sign_in_form ul li a {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    color: var(--colorBlack);
    font-family: var(--paraColor);
    font-size: 14px;
    font-weight: 500;
    padding: 10px 15px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    background: var(--lightBg2);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.sign_in_form ul li a span {
    display: block;
    width: 18px;
    height: 18px;
    position: relative;
    top: -4px;
}

.forgot_password form button {
    margin-top: 0;
}

.sign_up .sign_in_form form button {
    margin-top: 25px;
}

.sign_in .sign_in_img {
    height: 640px;
}

.forgot_password .sign_in_img {
    height: 365px;
}

/*===========================
    SIGN IN END
===========================*/


/*===========================
    CONTACT US START
===========================*/
.contact_info {
    background: var(--lightBg2);
    padding: 35px 35px 35px 85px;
    position: relative;
    margin-top: 25px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    margin-left: 20px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.contact_info span {
    display: block;
    width: 70px;
    height: 70px;
    padding: 20px;
    background: var(--themeColorTwo);
    text-align: center;
    position: absolute;
    top: 50%;
    left: -20px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.contact_info span img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(62deg) brightness(99%) contrast(89%);
}

.contact_info:hover span {
    background: var(--colorBlack);
}

.contact_info h3 {
    font-size: 22px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 15px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.contact_info a,
.contact_info p {
    display: block;
    color: var(--colorBlack);
    margin-top: 5px;
}

.contact_info a:hover {
    color: var(--themeColorTwo);
}

.contact_img {
    margin-top: 25px;
    margin-right: 50px;
    padding-left: 20px;
    height: 585px;
    position: relative;
}

.contact_img img {
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.contact_img .contact_hotline {
    position: absolute;
    bottom: 20px;
    left: -2px;
    background: var(--colorGreen);
    padding: 20px 100px 20px 20px;
    border: 2px solid var(--colorWhite);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.contact_img .contact_hotline h3 {
    color: var(--colorWhite);
    text-transform: capitalize;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 2px;
    font-family: var(--cursiveFont);
    letter-spacing: 1px;
}

.contact_img .contact_hotline a {
    color: var(--colorWhite);
    font-size: 14px;
    font-weight: 500;
    display: block;
}

.contact_img .contact_hotline a:hover {
    color: var(--themeColorTwo);
}

.contact_img .contact_hotline .icon {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: var(--themeColorTwo);
    z-index: 2;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.contact_img .contact_hotline .icon svg {
    width: 27px;
    color: var(--colorWhite);
}

.contact_img .contact_hotline .icon::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: var(--themeColorTwo);
    top: 0;
    right: 0;
    z-index: -2;
    animation: playAnimi 2s infinite;
    -webkit-animation: playAnimi 2s infinite;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.contact_form {
    margin-top: 25px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 40px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.contact_form h2 {
    font-size: 40px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.contact_form button {
    margin-top: 25px;
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.contact_info .icon {
    width: 70px;
    height: 70px;
    background: var(--lightBg);
    margin-right: 20px;
    padding: 20px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.contact_info .text {
    max-width: 74%;
}

.contact_info .text p,
.contact_info .text a {
    display: block;
    font-size: 15px;
    font-weight: 500;
    color: var(--paraColor);
    line-height: 26px;
}

.contact_info .text a:hover {
    color: var(--colorPrimary);
}

.contact_map {
    height: 550px;
}

.contact_map iframe {
    width: 100%;
    height: 100%;
}

/*===========================
    CONTACT US END
===========================*/


/*===========================
    FLASH DEALS START
===========================*/
.falsh_deals_heading {
    border: 1px dashed #ddd;
    padding: 15px 30px;
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    color: var(--themeColorTwo);
    background: #ffa5000a;
    gap: 15px 100px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.falsh_deals_heading h3 {
    font-size: 36px;
    text-transform: capitalize;
    font-weight: 600;
    color: var(--themeColorTwo);
}

.falsh_deals_heading .simply-countdown {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 50px;
}

.falsh_deals_heading .simply-countdown .simply-section {
    position: relative;
}

.falsh_deals_heading .simply-countdown .simply-section>div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.falsh_deals_heading .simply-countdown .simply-section::after {
    position: absolute;
    content: ":";
    font-size: 20px;
    font-weight: 500;
    color: var(--paraColor);
    top: 10px;
    right: -28px;
}

.falsh_deals_heading .simply-countdown .simply-seconds-section::after {
    display: none;
}

.falsh_deals_heading .simply-countdown .simply-amount {
    font-size: 36px;
    font-weight: 600;
    color: var(--themeColorTwo);
    font-family: var(--headingFont);
    margin-right: 5px;
}

.falsh_deals_heading .simply-countdown .simply-word {
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 400;
    color: var(--colorBlack);
}

.falsh_deals_heading .simply-seconds-section .simply-amount {
    width: 50px;
    margin-right: 0;
}

/*===========================
    FLASH DEALS END
===========================*/


/*===========================
    DASHBOARD START
===========================*/
/* dashboard sidebar start */
.dashboard_sidebar {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    position: relative;
    z-index: 3;
    height: 100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.dashboard_sidebar_area {
    position: relative;
    top: -70px;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.dashboard_sidebar_user {
    padding: 40px 40px 30px 40px;
    text-align: center;
    background: var(--colorWhite);
}

.dashboard_sidebar_user .img {
    width: 150px;
    height: 150px;
    border: 3px solid var(--colorWhite);
    margin: 0 auto;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    position: relative;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.dashboard_sidebar_user .img img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.dashboard_sidebar_user .img label {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    border: 1px solid #ddd;
    background: var(--colorWhite);
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: var(--colorBlack);
    cursor: pointer;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.dashboard_sidebar_user .img label:hover {
    background: var(--themeColorTwo);
    border-color: var(--themeColorTwo);
    color: var(--colorWhite);
}

.dashboard_sidebar_user h3 {
    font-size: 22px;
    margin-top: 22px;
    margin-bottom: 5px;
    font-weight: 600;
    text-transform: capitalize;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

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

.dashboard_sidebar_menu ul li p {
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 25px;
    font-family: var(--headingFont);
    text-transform: uppercase;
    background: #ffa5000a;
    color: var(--themeColorTwo);
    margin-bottom: 10px;
    margin-top: 10px;
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
}

.dashboard_sidebar_menu ul li a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    padding: 10px 25px;
    color: var(--paraColor);
    position: relative;
    text-transform: capitalize;
}

.dashboard_sidebar_menu ul li:last-child a {
    margin-bottom: 0;
}

.dashboard_sidebar_menu ul li a span {
    display: block;
    width: 20px;
    margin-right: 10px;
    margin-top: -6px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.dashboard_sidebar_menu ul li a:hover,
.dashboard_sidebar_menu ul li a.active,
.dashboard_sidebar_menu ul li a:hover span,
.dashboard_sidebar_menu ul li a.active span {
    color: var(--themeColorTwo);
}

.dashboard_sidebar_menu ul li a:hover::after,
.dashboard_sidebar_menu ul li a.active::after {
    color: var(--colorPrimary);
}

/* dashboard sidebar end */

.dashboard_content {
    background: var(--colorWhite);
    padding: 35px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.dashboard_content .dashboard_title {
    text-transform: capitalize;
    font-size: 24px;
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}

.dashboard_content .dashboard_title .cancel_edit {
    background: var(--colorRed);
}

/* dashboard overview start */
.dashboard_overview_item {
    background: #0aa84812;
    margin-bottom: 25px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 20px;
    margin-left: 20px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.dashboard_overview_item .icon {
    width: 75px;
    height: 75px;
    line-height: 73px;
    text-align: center;
    margin-right: 30px;
    background: var(--colorGreen);
    color: var(--colorWhite);
    font-size: 30px;
    margin-left: -40px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.dashboard_overview_item .icon svg {
    width: 40px;
}

.dashboard_overview_item h3 {
    font-size: 32px;
    font-weight: 600;
}

.dashboard_overview_item h3 span {
    display: block;
    margin-top: 5px;
    text-transform: capitalize;
}

.dashboard_overview_item.blue {
    background: #66aaee1f;
}

.dashboard_overview_item.blue .icon {
    background: #6ae;
}

.dashboard_overview_item.orange {
    background: #ffa5001c;
}

.dashboard_overview_item.orange .icon {
    background: var(--themeColorTwo);
}

.dashboard_overview_item.red {
    background: #ff000012;
}

.dashboard_overview_item.red .icon {
    background: var(--colorRed);
}

.dashboard_overview_item.purple {
    background: #80008014;
}

.dashboard_overview_item.purple .icon {
    background: purple;
}

.dashboard_overview_item.olive {
    background: #ab977424;
}

.dashboard_overview_item.olive .icon {
    background: var(--colorOlive);
}

.dashboard_recent_order h3,
.dashboard_recent_review h3 {
    font-size: 22px;
    font-weight: 600;
    text-transform: capitalize;
}

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

.dashboard_recent_review .single_review_list_area {
    border: 1px solid #eee;
    margin-top: 10px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.dashboard_recent_review .single_review {
    border: none;
    border-bottom: 1px solid #eee;
    padding: 20px;
    margin-top: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.dashboard_recent_review .single_review:last-child {
    border: none;
}

.dashboard_recent_review .single_review .text {
    width: 100% !important;
    padding: 0;
}

.dashboard_recent_review .single_review .text .title {
    font-size: 16px;
}

.dashboard_recent_review .single_review .text p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* dashboard overview end */


/* dashboard order start */
.dashboard_order_table {
    margin-top: 25px;
    overflow: hidden;
    border: 1px solid #01040E14;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.dashboard_order_table table {
    width: 100%;
}

.dashboard_order_table table tr {
    border-top: 1px solid #01040E14;
}

.dashboard_order_table table thead tr {

    border: none;
}

.dashboard_order_table table tr th {
    text-transform: capitalize;
    font-family: var(--headingFont);
    background: var(--lightBg2);
}

.dashboard_order_table table tr td {
    color: var(--paraColor);
    font-size: 16px;
    font-weight: 400;
}

.dashboard_order_table table tr th,
.dashboard_order_table table tr td {
    min-width: 100px;
    padding: 20px 25px;
}

.dashboard_order_table table tr td span {
    display: block;
    font-size: 16px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.dashboard_order_table table tr td .complete {
    color: var(--colorGreen);
}

.dashboard_order_table table tr td .active {
    color: var(--themeColoeOne);
}

.dashboard_order_table table tr td .cancel {
    color: red;
}

.dashboard_order_table table tr td a {
    color: var(--paraColor);
    text-transform: capitalize;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    margin: 3px 0px;
}

.dashboard_order_table table tr td a:hover {
    color: var(--colorBlack);
}

.dashboard_order_table table tr td a.cancel_order:hover {
    color: var(--colorRed);
}

.dashboard_order_table table tr td a.review_order:hover {
    color: var(--themeColorTwo);
}

.dashboard_order_table table tr td a svg {
    width: 20px;
}

.dashboard_order_table table tr td a.review_order svg {
    margin-top: -2px;
}

.dashboard_invoice_footer .order_cancel_btn {
    background: var(--colorRed) !important;
}

/* dashboard order end */


/* order invoice start */
.dashboard_order_invoice {
    border: 1px solid #eee;
    margin-top: 25px;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.dashboard_invoice_logo_area {
    background: var(--lightBg2);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 30px;
}

.dashboard_invoice_logo_area .invoice_logo {
    width: 154px;
}

.dashboard_invoice_logo_area .text h2 {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.dashboard_invoice_logo_area .text p {
    text-transform: capitalize;
}

.dashboard_invoice_header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #01040E14;
    padding: 30px;
}

.dashboard_invoice_header .text {
    width: 45%;
}

.dashboard_invoice_header .text p {
    margin-top: 5px;
}

.dashboard_invoice_header .text h2 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px;
}

.dashboard_invoice_header .text ul li {
    font-size: 15px;
    font-weight: 400;
    color: var(--paraColor);
    margin-top: 5px;
}

.dashboard_invoice_header .text ul li span {
    color: var(--colorBlack);
    text-transform: capitalize;
    display: inline-block;
    width: 80px;
}

.invoice_table {
    border: none;
    margin: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.invoice_table table thead tr {
    background: var(--lightBg2);
}

.invoice_table table thead tr th {
    background: var(--lightBg2);
    color: var(--colorBlack);
    font-weight: 500;
    font-family: var(--headingFont);
}

.invoice_table table tbody tr {
    border-bottom: 1px solid #eee;
}

.invoice_table table tr th,
.invoice_table table tr td {
    padding: 15px 25px;
    min-width: 110px;
    border-right: 1px solid #eee;
    color: var(--paraColor);
}

.dashboard_invoice_footer {
    padding: 30px;
    position: relative;
    margin-top: 30px;
}

.dashboard_invoice_footer h4 {
    font-size: 20px;
    margin-bottom: 10px;
}

.dashboard_invoice_footer p {
    margin-top: 5px;
    width: 80%;
}

.dashboard_invoice_footer p b {
    display: inline-block;
    font-weight: 400;
    color: var(--colorBlack);
    width: 70px;
}

.dashboard_invoice_footer a {
    position: absolute;
    bottom: 30px;
    right: 30px;
}

.dashboard_invoice_footer a i {
    margin-right: 5px;
}

.invoice_table table tr td b {
    color: var(--colorBlack);
    font-weight: 400;
}

.dashboard_order_invoice_area a i {
    margin-right: 5px;
}

/* order invoice end */


/* personal info start */
.dashboard_profile_info_list,
.dashboard_profile_info_edit,
.dashboard_change_password {
    padding: 25px;
    border: 1px solid #eee;
    margin-top: 25px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.dashboard_profile_info_list h2,
.dashboard_profile_info_edit h2 {
    font-size: 18px;
    font-weight: 500;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.dashboard_profile_info_list h2 a:hover,
.dashboard_profile_info_edit h2 a:hover {
    background: var(--colorBlack);
    color: var(--colorWhite);
}

.dashboard_profile_info_list ul li {
    color: var(--paraColor);
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
}

.dashboard_profile_info_list ul li:last-child {
    margin: 0;
}

.dashboard_profile_info_list ul li span {
    color: var(--colorBlack);
    display: inline-block;
    width: 90px;
}

/* personal info end */

.dashboard_profile_info_edit .single_input {
    margin-top: 5px;
    margin-bottom: 25px;
}

.dashboard_addredd_list .checkout_address_area {
    margin-bottom: 0;
}

.dashboard_wishlist .product_img {
    height: 320px;
}

.dashboard_reviews .single_review .text {
    width: 93%;
}

.dashboard_download table tr td .img {
    width: 85px;
    height: 85px;
    background: var(--lightBg2);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

/* dashboard return request start */
.dashboard_return_request {
    padding: 30px;
    margin-top: 25px;
    background: var(--lightBg2);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.return_request_number {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #c7c5c5;
    padding-bottom: 10px;
}

.return_request_number p {
    color: var(--colorBlack);
    text-transform: capitalize;
}

.return_request_number p span {
    color: var(--colorGreen);
}

.return_request_number a {
    color: var(--themeColorTwo);
    font-size: 16px;
    font-weight: 600;
}

.return_request_number a:hover {
    color: var(--colorBlack);
}

.return_product_item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}

.return_product_item .img {
    width: 115px;
    height: 115px;
    background: var(--colorWhite);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.return_product_item .text {
    display: flex;
    flex-direction: column;
    width: 70%;
}

.return_product_item .text span {
    display: block;
    font-size: 14px;
}

.return_product_item .text .return_p_title {
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 600;
    margin-top: 2px;
    margin-bottom: 3px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.return_product_item .text:hover .return_p_title {
    color: var(--themeColorTwo);
}

.return_product_item .text .return_p_quantity {
    margin-bottom: 2px;
}

.return_product_item .text .return_p_quantity b {
    font-weight: 500;
    color: var(--colorBlack);
}

.return_product_item .text .return_p_price {
    margin-top: 2px;
    font-weight: 600;
    color: var(--themeColorTwo);
    font-size: 18px;
}

/* dashboard return request end */


/* dashboard return request details start */
.dashboard_return_request_details h3 {
    font-size: 18px;
    font-weight: 500;
    margin-top: 25px;
    text-transform: capitalize;
}

.dashboard_return_request_check {
    border: 1px dashed #ddd;
    padding: 20px;
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 30px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.dashboard_return_request_check .form-check {
    margin: 0;
}

.dashboard_return_request_check input {
    padding: 0;
}

.dashboard_return_request_check label {
    text-transform: capitalize;
    cursor: pointer;
    color: var(--paraColor);
    font-size: 16px;
    font-weight: 400;
}

/* dashboard return request details end */


/* dashboard order review start */
.order_review_area .dashboard_invoice_logo_area {
    background: var(--colorWhite);
}

.dashboard_invoice_logo_area .text a {
    display: block;
    padding: 7px 10px;
    background: var(--themeColorTwo);
    color: var(--colorWhite);
    text-align: center;
    margin-top: 5px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.dashboard_invoice_logo_area .text a:hover {
    background: var(--colorBlack);
    color: var(--colorWhite);
}

.invoice_table table tr td button {
    color: var(--colorBlack) !important;
    text-transform: capitalize;
    padding: 0;
    background: none !important;
    border: none !important;
    font-size: 16px;
    font-weight: 400;
}

.invoice_table table tr td button svg {
    width: 20px;
    margin-right: 3px;
    margin-top: -2px;
    color: var(--themeColorTwo);
}

.invoice_table table tr td button:hover {
    color: var(--themeColorTwo) !important;
}

.rating_modal .modal-content {
    border-radius: 12px;
    position: relative;
}

.rating_modal .btn-close {
    position: absolute;
    top: -10px;
    right: -10px;
    background: var(--colorRed);
    color: var(--colorWhite);
    opacity: 1;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    padding: 0;
    border: 1px solid var(--colorWhite);
    cursor: pointer;
    z-index: 2;
    box-shadow: none !important;
}

.rating_modal .modal-body {
    padding: 30px;
}

/* dashboard order review end */

.dashboard_recent_order table tr th,
.dashboard_recent_order table tr td {
    padding: 15px;
}

.dashboard_download table tr th,
.dashboard_download table tr td {
    padding: 15px;
    min-width: initial !important;
}

/*===========================
    DASHBOARD END
===========================*/