/****************************************
Template Name: Freshmat - Organic Food Store HTML Template
Author: ThemeFax 
Author Email: themefaxbd@gmail.com
Version: 1.0
Description: Freshmat is a beautiful, modern, and responsive Organic Food Store HTML Template. Freshmat is a perfect fit for any natural food-related website like fresh grocer, market food, grocery market, organic ecommerce website, organic food store, Organic markets, supermarkets and online groceries. Additionally, it is perfect for eco product stores, fresh breads, bakery shops and even natural cosmetics stores. The HTML Template that you are currently displaying appears to have been expertly created by a designer with a keen eye for detail, adaptability, and performance. WordPress, Laravel, React, and other well-known CMS are used as the foundation for these templates. Freshmat theme has a fully responsive layout. 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 1
03. HOME PAGE 2 
04. HOME PAGE 3
05. ABOUT PAGE
06. SHOP PAGE 
07. SHOP DETAILS
08. BLOG DETAILS
09. TEAM PAGE
10. TEAM DETAILS
11. CART VIEW PAGE
12. CHECKOUT PAGE
13. PAYMENT PAGE
14. ORDER TRACKING PAGE
15. FLASH SELL PAGE
16. FAQ PAGE
17. CONTACT PAGE
18. SIGN IN PAGE
19. GALLERY PAGE
20. PRIVACY POLICY PAGE
21. ERROR PAGE
22. DASHBOARD PAGE

/*================================
    GLOBAL CSS START
================================*/

/*===========================
    GLOBAL CSS START
===========================*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Oleo+Script:wght@400;700&family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

* {
    margin: 0;
    padding: 0;
}

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

a {
    display: inline-block;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

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

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

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

body::-webkit-scrollbar {
    scrollbar-width: thin !important;
    background: #eee;
    width: 6px;
}

body::-webkit-scrollbar-thumb {
    background: #7b9b5c;
}

img {
    width: 100% ;
    height: 100% ;
    object-fit: cover;
}

input,
textarea {
    width: 100%;
    padding: 12px 20px;
    outline: none;
    resize: none;
    border: 1px solid #eee;
    font-size: 16px;
    font-weight: 400;
    color: var(--colorBlack);
}

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

button {
    border: none;
}

:root {
    --colorPrimary: #5C2487;
    --colorBlack: #FE0020;
    --colorWhite: #ffffff;
    --colorRed: #ED4B4B;
    --paraColor: #616161;
    --ratingColor: #F9A61C;
    --paraFont: 'Inter', sans-serif;
    --headingFont: 'Poppins', sans-serif;
    --cursiveFont: 'Oleo Script', cursive;
    --boxShadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.common_btn {
    text-align: center;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    background: var(--colorPrimary);
    padding: 11px 24px;
    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;
    color: var(--colorWhite);
    z-index: 1;
}

.common_btn i {
    margin-left: 5px;
}

.common_btn span {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    background: var(--colorBlack);
    transition: width 0.7s ease-in-out, height 0.7s ease-in-out;
    transform: translate(-50%, -50%);
    z-index: -1;
    -webkit-transition: width 0.7s ease-in-out, height 0.7s ease-in-out;
    -moz-transition: width 0.7s ease-in-out, height 0.7s ease-in-out;
    -ms-transition: width 0.7s ease-in-out, height 0.7s ease-in-out;
    -o-transition: width 0.7s ease-in-out, height 0.7s ease-in-out;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.common_btn:hover span {
    width: 350%;
    height: 550px;
}

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

.slick-dots li button {
    font-size: 0;
    width: 8px;
    height: 8px;
    background: var(--colorPrimary);
    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;
}

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

.section_heading {
    text-align: center;
}

.section_heading.heading_left {
    text-align: left;
}

.section_heading h4 {
    color: var(--colorRed);
    font-family: var(--cursiveFont);
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.36px;
    margin-bottom: 12px;
}

.section_heading h2 {
    font-size: 32px;
    font-weight: 600;
}

.slider_padding {
    padding: 0px 70px;
}

.slick-arrow.nextArrow,
.prevArrow.slick-arrow {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    padding: 0;
    background: var(--colorWhite);
    color: var(--paraColor);
    border: 1px solid #eee;
    cursor: pointer;
    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%);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

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

.slick-arrow.nextArrow,
.slick-arrow.nextArrow:hover,
.prevArrow.slick-arrow:hover {
    background: var(--colorPrimary);
    border-color: var(--colorPrimary);
    color: var(--colorWhite);
}

.title {
    color: var(--colorBlack);
    text-align: center;
    font-family: var(--headingFont);
    font-size: 20px;
    font-weight: 600;
    display: block;
    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;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

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

.play_btn {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: var(--colorWhite);
    color: var(--colorBlack);
    border-radius: 50%;
    position: relative;
    z-index: 2;
    font-size: 14px;
    -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);
    }
}

@keyframes ratateAnimi {
    from {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    to {
        transform: rotate(20deg);
        -webkit-transform: rotate(20deg);
        -moz-transform: rotate(20deg);
        -ms-transform: rotate(20deg);
        -o-transform: rotate(20deg);
    }
}

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

    to {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
    }
}

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

.breadcrumb_overlay {
    background: rgb(7 28 31 / 74%);
    padding: 120px 0px 128px 0px;
}

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

.breadcrumb_text ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: start;
    gap: 40px;
}

.breadcrumb_text ul li a {
    color: var(--colorWhite);
    font-family: var(--paraFont);
    font-size: 16px;
    font-weight: 500;
    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;
}

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

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

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

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

.pagination ul {
    gap: 10px;
    width: 100%;
}

.pagination ul li a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    padding: 0;
    border: 1px solid #eee;
    background: var(--colorWhite);
    color: var(--paraColor);
    transition: all linear .3s;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.pagination ul li:first-child a,
.pagination ul li:last-child a {
    color: var(--colorPrimary);
}

.pagination ul li a:hover,
.pagination ul li a.active {
    background: var(--colorPrimary) !important;
    border-color: var(--colorPrimary) !important;
    color: var(--colorWhite) !important;
}

.pagination ul li a:focus {
    color: var(--colorBlack);
    background-color: var(--colorWhite);
    box-shadow: none;
}

.slick-track {
    margin-left: 0;
}

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


/*===========================
    HOME PAGE 1 START
===========================*/
/* TOPBAR START */
.topbar {
    width: 100%;
    height: 40px;
    background: var(--colorPrimary);
    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;
}

.topbar .topbar_info li a,
.topbar .topbar_info li p {
    color: var(--colorWhite);
    font-family: var(--paraFont);
    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 p {
    margin-top: 8px;
}

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

.topbar .topbar_icon {
    justify-content: end;
}

.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 a:hover {
    color: var(--colorBlack);
}

.topbar .topbar_icon li:last-child a {
    padding-right: 0;
    margin-right: 0;
}

.topbar .topbar_icon li a::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 15px;
    background: var(--colorWhite);
    right: 0;
    top: 0;
    opacity: .2;
}

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

/* TOPBAR  END */


/* HEADER START */
header {
    width: 100%;
    height: 90px;
    line-height: 90px;
    background: var(--colorWhite);
    position: relative;
    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;
}

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

header .header_logo {
    width: 160px;
}

header form {
    line-height: 0;
    position: relative;
}

header form input {
    border: 1px solid rgba(37, 89, 70, 0.30);
    padding: 14px 20px;
}

header form button {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 40px;
    height: 40px;
    background: var(--colorPrimary);
    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;
}

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

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

header .header_support .icon {
    margin-right: 15px;
    font-size: 27px;
    color: var(--colorBlack);
}

header .header_support h3 {
    font-size: 18px;
    font-weight: 600;
    font-family: var(--paraFont);
}

header .header_support h3 span {
    display: block;
    font-size: 12px;
    font-weight: 500;
}

/* HEADER END */


/* MENU START */
.main_menu {
    width: 100%;
    height: 60px;
    background: #EAEFED;
}

.menu_category_bar {
    background: var(--colorPrimary);
    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%;
    height: 503px;
    position: relative;
    z-index: 9;
}

.menu_cat_item li a {
    border-bottom: 1px solid #6598331f;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    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;
    line-height: initial;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 12.5px 30px;
    position: relative;
}

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

.menu_cat_item li a span {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.menu_cat_item>li:hover>a {
    color: var(--colorPrimary);
    background: #6598330f;
}

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

.menu_cat_item>li>a::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-style: normal;
    position: absolute;
    content: "\f105";
    top: 22px;
    right: 30px;
    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;
    height: 100%;
}

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

.menu_cat_droapdown li a i {
    width: auto;
}

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

.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;
    border-radius: 0px 0px 10px 10px;
    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;
    height: 100%;
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -ms-border-radius: 0px 0px 10px 10px;
    -o-border-radius: 0px 0px 10px 10px;
}

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

.toggle_menu.\.show_category {
    display: block;
}

.toggle_menu {
    display: none;
}

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

.menu_icon {
    line-height: 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    gap: 15px;
}

.menu_icon li a {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: var(--colorBlack);
    border-radius: 50%;
    border: 1px solid rgba(11, 28, 6, 0.14);
    position: relative;
    transition: all linear .3s;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.menu_icon li a span {
    position: absolute;
    width: 20px;
    height: 20px;
    display: block;
    background: var(--colorPrimary);
    line-height: 20px;
    font-size: 12px;
    color: var(--colorWhite);
    border-radius: 50%;
    top: -4px;
    right: -4px;
    -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(--colorPrimary) !important;
    border-color: var(--colorPrimary);
}

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

.menu_item li a {
    text-transform: capitalize;
    color: var(--paraColor);
    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;
}

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

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

.menu_item li a.flash_sell {
    line-height: initial;
    background: #f00c0c26;
    color: var(--colorRed);
    padding: 6px 15px;
    border-radius: 30px;
    font-size: 15px;
    -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;
    border-bottom: 1px solid #66983321;
    -webkit-animation: menu_animate 1.5s;
}

@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%);
    }
}

.mega_menu {
    position: absolute;
    background: var(--colorWhite);
    width: 100%;
    padding: 20px;
    padding-bottom: 0;
    z-index: 999;
    top: 80px;
    left: 0;
    box-shadow: var(--boxShadow);
    opacity: 0;
    visibility: hidden;
    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;
}

.mega_menu_colum {
    position: relative;
}

.mega_menu_colum_text {
    position: absolute;
    top: 20px;
    left: 20px;
}

.mega_menu_colum_text h5 {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 400;
}

.mega_menu_colum_text h5 span {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    color: #dc3545;
}

.mega_menu_colum_text h3 {
    text-transform: capitalize;
    font-size: 25px;
    font-weight: 700;
}

.mega_menu_colum_text .common_btn {
    line-height: 0;
    padding: 20px 20px;
    text-transform: uppercase;
    font-weight: 600;
}

.mega_menu_colum h4,
.menu_cat_droapdown h5 {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    margin-bottom: 15px;
    color: var(--paraColor);
}

.mega_menu_colum.menu_banner {
    height: 100%;
}

.mega_menu_colum.menu_banner a {
    height: 100%;
    overflow: hidden;
    max-height: 310px;
}

.wsis__mega_menu_item {
    line-height: 35px;
}

.wsis__mega_menu_item li {
    margin: 0;
    width: 100%;
    float: none;
}

.wsis__mega_menu_item li a {
    color: var(--paraColor);
    display: block;
    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;
    font-size: 14px;
    font-weight: 400;
}

.wsis__mega_menu_item li a:hover {
    color: var(--colorPrimary);
    padding-left: 5px;
}

.menu_item li:hover .mega_menu {
    top: 60px;
    opacity: 1;
    visibility: visible;
}

.relative_li {
    position: relative;
}

.menu_droapdown {
    position: absolute;
    top: 120%;
    left: 0;
    background: var(--colorWhite);
    z-index: 999;
    width: 230px;
    max-height: 500px;
    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: #c5dbaf;
    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(--paraColor);
    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;
    border-bottom: 1px solid var(--colorWhite);
    position: relative;
}

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

.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: 5px;
    height: 5px;
    background: var(--colorPrimary);
    top: 18px;
    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;
}

.menu_droapdown>li:hover>a,
.menu_droapdown>li .active {
    color: var(--colorPrimary);
    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 {
    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: scaleY(1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
}

.mini_cart .offcanvas-header {
    background: var(--colorPrimary);
    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(--colorPrimary);
    opacity: 1;
    transition: all linear .3s;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.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: 500px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding-top: 15px;
    margin-bottom: 10px;
}

.mini_cart ul::-webkit-scrollbar {
    scrollbar-width: thin !important;
    background: var(--colorPrimary);
    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: 15px;
    padding-bottom: 15px;
}

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

.mini_cart .cart_img {
    width: 80px;
    height: 80px;
    border: 1px solid #eee;
    position: relative;
    overflow: hidden;
}

.mini_cart .cart_img img {
    height: 100%;
}

.wsis__del_icon {
    position: absolute;
    top: 0;
    left: 0;
    color: var(--colorWhite);
    background: #6598339c;
    font-size: 18px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: 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;
    opacity: 0;
}

.wsis__del_icon:hover {
    opacity: 1;
}

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

.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);
}

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

.mini_cart .cart_text p {
    font-size: 16px;
    font-weight: 500;
    color: var(--colorBlack);
    margin-top: 5px;
}

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

.mini_cart h5 {
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    padding: 15px 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 END */


/* BANNER START */
.banner_content {
    margin-top: 24px;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.banner_menu_cat_item {
    position: static;
    line-height: 24.6px;
}

.banner_menu_cat_item li a {
    padding: 13px 30px;
}

.single_slider {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    padding: 51px;
    width: 100%;
    height: 480px;
    margin: 0;
}

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

.single_slider_text h3 {
    color: white;
    font-family: var(--cursiveFont);
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.4px;
}

.single_slider_text h1,
.single_slider_text h1 span {
    margin: 10px 0px;
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 38px;
    font-weight: 700;
}

.single_slider_text h1 span {
    color: var(--colorPrimary);
}

.single_slider_text p {
    margin-top: 8px;
    margin-bottom: 35px;
    max-width: 85%;
}

.banner_content .slick-slider {
    margin: 0;
}

/* BANNER END */


/* CATEGORY START */
.category_item {
    background: #F3E3D6;
    padding: 33px 15px;
    display: block;
    margin: 0px 12px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.category_item .icon {
    padding-top: 10px;
    width: 110px;
    height: 120px;
    margin: 0 auto;
}

.category_item h4 {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    margin-top: 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;
}

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

.category_item.color_1 {
    background: #E2E2F0;
}

.category_item.color_2 {
    background: #F3E0E4;
}

.category_item.color_3 {
    background: #F5F0ED;
}

.category_item.color_4 {
    background: #E6F1E0;
}

.category_item.color_5 {
    background: #F3E3D6;
}

.category_item.color_6 {
    background: #F7E9E8;
}

.category_item.color_7 {
    background: #F5F0ED;
}

.category_item:hover {
    background: var(--colorPrimary);
}

/* CATEGORY END */


/* ADD BANNER START */
.add_banner_item {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    margin-top: 25px;
    overflow: hidden;
}

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

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

.add_banner_item_text h2 {
    font-size: 30px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 40px;
    color: var(--colorWhite);
    line-height: 40px;
}

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

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

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

/* ADD BANNER END */


/* FRESH PRODUCTS START */
.product_filter {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 40px;
}

.product_filter button {
    color: var(--paraColor);
    font-size: 16px;
    font-weight: 400;
    background: none;
    border-bottom: 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;
}

.product_filter button:hover {
    color: var(--colorPrimary);
}

.product_filter button.active {
    color: var(--colorPrimary);
    border-color: var(--colorPrimary);
}

.single_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;
}

.single_product_img {
    height: 250px;
    overflow: hidden;
    position: relative;
}

.single_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;
}

.single_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;
    transform: translate(-50%, -50%) scale(.5);
    opacity: 0;
    transition: all linear .3s;
    -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);
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_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 #a5a1a1;
    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_product_img ul li a:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
    border-color: var(--colorPrimary);
}

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

.single_product_text p {
    text-align: center;
    font-family: var(--headingFont);
    font-weight: 500;
    color: var(--colorBlack);
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 18px;
}

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

.single_product_text .cart_btn {
    color: var(--colorPrimary);
    font-size: 16px;
    font-weight: 500;
    border: 1px solid rgba(101, 152, 51, 0.15);
    text-transform: capitalize;
    padding: 10px 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;
}

.single_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%);
}

.single_product_text .cart_btn:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
    padding: 10px 24px 10px 50px;
}

.single_product_text .cart_btn:hover i {
    left: 23px;
    opacity: 1;
}

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

.single_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);
}

.single_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;
}

.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 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;
}

.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;
    transform: scale(.8);
    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;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
}

.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 */


/* BRAND START */
.brand_item_area {
    overflow: hidden;
    border-bottom: 1px solid #eee;
    padding-bottom: 75px;
}

.brand_item_area ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 100px;
}

.brand_item_area ul li a {
    display: block;
    width: 100px;
    height: 100px;
}

.brand_item_area ul li:last-child a {
    margin-right: 65px;
}

/* BRAND END */


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

.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: 30px;
    font-weight: 600;
    color: var(--colorWhite);
}

.special_product_banner .text p {
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 45px;
    font-weight: 400;
    color: var(--colorWhite);
    opacity: .8;
}

.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;
    padding: 10px;
    background: var(--colorWhite);
    border: 1px solid #eee;
    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: 150px;
    height: 140px;
    overflow: hidden;
    margin-right: 20px;
    position: relative;
    border-radius: 6px;
}

.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: 2px;
    left: 2px;
    color: var(--colorWhite);
    font-family: var(--headingFont);
    font-size: 12px;
    font-weight: 500;
    padding: 3px 8px;
    text-transform: capitalize;
}

.special_product_text {
    width: 56%;
}

.special_product_text a {
    font-size: 20px;
    text-align: left;
}

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

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

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

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

.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 END */


/* COUNTDOWN START */
.countdown {
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.countdown_text {
    padding-right: 50px;
}

.countdown_text p {
    margin-top: 25px;
    margin-bottom: 45px;
}

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

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

.countdown_text .simply-countdown .simply-amount {
    display: block;
    width: 90px;
    height: 90px;
    line-height: 90px;
    background: var(--colorWhite);
    color: var(--colorPrimary);
    box-shadow: 0px 10px 30px 0px rgba(13, 23, 18, 0.10);
    text-align: center;
    font-family: Oleo Script;
    font-size: 36px;
    font-weight: 400;
    letter-spacing: 0.72px;
    margin-bottom: 10px;
}

.countdown_text .simply-countdown .simply-word {
    display: block;
    color: #5C2487;
    text-align: center;
    text-transform: capitalize;
}

/* COUNTDOWN END */


/* 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;
}

.download_text ul li a i {
    margin-right: 10px;
    font-size: 20px;
}

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

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

/* 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;
}

.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;
}

.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::after {
    position: absolute;
    content: "";
    background: url(../images/testimonial_shapes_1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 85px;
    height: 90px;
    top: 10%;
    left: 20%;
    animation: zoomAnimi linear 5s infinite alternate;
    -webkit-animation: zoomAnimi linear 5s infinite alternate;
}

.testimonial::before {
    position: absolute;
    content: "";
    background: url(../images/testimonial_shapes_2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 75px;
    height: 75px;
    bottom: 18%;
    right: 6%;
    animation: ratateAnimi linear 2s infinite alternate;
    -webkit-animation: ratateAnimi linear 2s infinite alternate;
}

/* TESTIMONIAL 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;
}

.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: 30px;
    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;
    justify-content: 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(--colorPrimary);
}

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

.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: 20px;
    border-top: 1px solid #eee;
    padding-top: 20px;
}

.blog_text .bottom li a {
    text-transform: capitalize;
    font-size: 16px;
    font-family: var(--paraFont);
    font-weight: 500;
    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 i {
    color: var(--colorPrimary);
    margin-right: 5px;
}

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

.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: #5C2487;
}

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

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

.footer_info_item .icon {
    width: 60px;
    height: 60px;
    background: var(--colorWhite);
    padding: 17px;
    margin-right: 20px;
}

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

.footer_info_item .text p {
    color: var(--colorWhite);
    font-size: 16px;
    font-weight: 400;
}

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

.footer_logo_area p {
    color: var(--colorWhite);
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    margin-top: 30px;
    margin-bottom: 28px;
    opacity: .8;
}

.footer_logo_area span {
    display: block;
    color: rgba(255, 255, 255, 0.80);
    font-size: 15px;
}

.footer_logo_area span a {
    margin-left: 20px;
    color: var(--colorWhite);
    font-size: 15px;
    font-weight: 400;
}

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

.footer_logo_area ul li span {
    display: inline-block;
    margin-right: 10px;
}

.footer_logo_area ul li a {
    color: rgba(255, 255, 255, 0.80);
    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;
}

.footer_logo_area ul li a:hover {
    color: #FE0020;
}

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

.footer_link ul li a {
    color: var(--colorWhite);
    font-family: var(--paraFont);
    font-size: 15px;
    display: block;
    font-weight: 400;
    margin-top: 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;
    opacity: .8;
}

.footer_link ul li a:hover {
    color: #FE0020;
    padding-left: 5px;
    opacity: 1;
}

.footer_copyright {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid rgba(255, 255, 255, 0.20);
    padding: 35px 0px;
}

.footer_copyright p {
    color: rgba(255, 255, 255, 0.80);
    font-size: 15px;
}

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

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

.footer_copyright ul li:first-child {
    width: auto;
    height: auto;
    color: rgba(255, 255, 255, 0.80);
    font-family: var(--paraFont);
    font-size: 16px;
    font-weight: 400;
}

/* FOOTER END */
/*===========================
    HOME PAGE 1 END
===========================*/

/*===========================
    HOME PAGE 2 START
===========================*/
.home_2 .slick-arrow.nextArrow,
.home_2 .prevArrow.slick-arrow {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.home_2 .slick-arrow.nextArrow,
.home_2 .slick-arrow.nextArrow:hover,
.home_2 .prevArrow.slick-arrow:hover {
    background: var(--colorWhite);
    border-color: var(--colorPrimary);
    color: var(--colorPrimary);
}

.home_2 .product_det_text .details_cart_btn .love {
    border-radius: 0;
    /* -webkit-border-radius: 6px; */
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

/* topbar 2 start */
.topbar_2 {
    background: #EAEFED;
}

.topbar_2 .topbar_info li a,
.topbar_2 .topbar_info li p {
    color: var(--paraColor);
    font-weight: 500;
}

.topbar_2 .topbar_info li a:hover {
    color: var(--colorBlack);
}

.topbar_2 .topbar_icon li a {
    color: var(--paraColor);
}

.topbar_2 .topbar_icon li a::after {
    background: #585C54;
    opacity: 0.2;
}

/* topbar 2 end */

/* header 2 start */
.header_2 {
    border-bottom: 1px solid rgba(11, 28, 6, 0.10);
}

.header_2 form button {
    top: 4px;
    right: 20px;
    width: auto;
    height: auto;
    background: none !important;
    color: var(--colorPrimary);
}

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

/* header 2 end */

/* menu 2 start */
.main_menu_2 {
    background: var(--colorWhite);
}

.main_menu_2 .menu_cat_item {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.main_menu_2 .menu_icon {
    gap: 25px;
}

.main_menu_2 .menu_icon li a {
    width: auto;
    height: auto;
    line-height: normal;
    border: none;
    font-size: 20px;
    margin-top: 22px;
}

.main_menu_2 .menu_icon li a span {
    top: -7px;
    right: -12px;
}

/* menu 2 end */


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

.banner_2 div {
    height: 100%;
}

.banner_2 .banner_2_text {
    max-width: 100%;
}

.banner_2 .banner_2_text h1,
.banner_2 .banner_2_text h1 span {
    font-size: 60px;
    line-height: initial;
    margin: 5px 0px 0px 0px;
}

.banner_2 .single_slider_text p {
    margin-top: 5px;
    margin-bottom: 45px;
    font-size: 18px;
    max-width: 90%;
}

/* banner 2 end *


/* support start */
.support_content {
    padding: 45px 0;
    background: #EAEFED;
}

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

.support_content ul li {
    width: 33.33%;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: center;
    justify-content: center;
    border-right: 1px solid rgba(5, 13, 2, 0.15);
}

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

.support_content ul li .icon {
    width: 60px;
    height: 60px;
    overflow: hidden;
    background: var(--colorWhite);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.support_content ul li .text h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 3px;
}

.support_content ul li .text p {
    font-family: var(--headingFont);
    font-size: 14px;
    font-weight: 400;
}

/* support end */

/* add banner 2 start */
.add_banner_2 .special_product_banner {
    height: 595px;
}

.add_banner_2 .special_product_banner .text {
    padding: 45px;
}

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

.add_banner_2 .add_banner_item_text {
    width: 100%;
}

.add_banner_2 .add_banner_item_text h4 {
    color: var(--colorBlack);
    font-size: 15px;
    font-weight: 400;
}

.add_banner_2 .add_banner_item_text h2 {
    margin-top: 0;
    margin-bottom: 5px;
    line-height: initial;
    color: var(--colorBlack);
}

.add_banner_2 .add_banner_item_text p {
    margin-bottom: 40px;
    font-size: 15px;
    font-weight: 500;
    color: var(--colorBlack);
    opacity: .8;
}

.add_banner_2 .add_banner_item_text a {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.add_banner_2 .special_product_banner .text h5 {
    color: var(--colorBlack);
}

.add_banner_2 .special_product_banner .text h3 {
    color: var(--colorBlack);
}

.add_banner_2 .special_product_banner .text p {
    color: var(--colorBlack);
}

/* add banner 2 end */


/* product 2 start */
.single_product_2 .single_product_img {
    height: 300px;
}

.single_product_2 .single_product_img span {
    position: absolute;
    top: 15px;
    left: 15px;
    background: var(--colorBlack);
    color: var(--colorWhite);
    padding: 1px 12px;
    font-size: 13px;
    font-weight: 500;
    text-transform: capitalize;
}

.single_product_2 .single_product_img .off {
    background: #FF7C08;
}

.single_product_2 .single_product_img .new {
    background: var(--colorPrimary);
}

.single_product_2 .single_product_img .hot {
    background: var(--colorRed);
}

.single_product_2 .single_product_text {
    padding: 30px 10px;
}

.single_product_2 .single_product_text .rating {
    display: block;
    color: var(--ratingColor);
    margin-bottom: 3px;
}

.single_product_2 .single_product_text p {
    margin-bottom: 0;
    margin-top: 5px;
}

/* product 2 start */


/* countdown 2 start */
.countdown_2 {
    background: #F7F5EB;
}

.countdown_2_area {
    padding: 60px;
    background: var(--colorWhite);
}

.countdown_2_area .simply-countdown {
    gap: 25px;
}

.countdown_2 .countdown_text .simply-countdown .simply-amount {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 26px;
    margin-bottom: 5px;
    border: 1px solid #eee;
    position: relative;
}

.countdown_2 .countdown_text .simply-countdown .simply-amount::after {
    position: absolute;
    content: ":";
    font-size: 18px;
    font-weight: 600;
    color: rgb(5 13 2 / 43%);
    top: 0;
    right: -16px;
    font-family: var(--headingFont);
}

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

.countdown_2 .countdown_text .simply-countdown .simply-word {
    font-size: 14px;
}

.countdown_2 .countdown_text p {
    margin-top: 15px;
    margin-bottom: 30px;
}

.countdown_2 .countdown_text {
    padding-right: 0;
    position: relative;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}

.countdown_2 .countdown_text::after {
    position: absolute;
    content: "";
    background: url(../images/countdown_2_shapes.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100px;
    height: 100px;
    bottom: 0;
    right: 0;
    animation: countdownAnimi linear 1.5s infinite alternate;
    -webkit-animation: countdownAnimi linear 1.5s infinite alternate;
}

@keyframes countdownAnimi {
    from {
        bottom: 0px;
    }

    to {
        bottom: 20px;
    }
}

.countdown_2 .countdown_img {
    height: 500px;
    overflow: hidden;
}

/* countdown 2 end */


/* best sell start */
.best_sell .special_product_banner {
    height: 425px;
}

.best_sell .special_product_banner .text h5 {
    color: var(--colorRed);
}

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

.best_sell .single_product_2 {
    margin: 25px 12px 0px 12px;
}

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

.best_sell .slick-arrow.nextArrow,
.best_sell .prevArrow.slick-arrow {
    top: -65px;
    right: 12px;
    transform: translate(0);
}

.best_sell .prevArrow.slick-arrow {
    left: auto;
    right: 70px;
}

/* best sell start */


/* special product 2 start */
.special_product_2 .special_product_item {
    background: #EAEFED;
    border: none;
    padding: 11px;
}

.special_product_2 .special_product_item:hover {
    background: var(--colorWhite);
    border: none;
    padding: 11px;
}

.special_product_2 .special_product_banner .text h3 {
    width: 75%;
    color: var(--colorBlack);
}

.special_product_2 .text p {
    color: var(--paraColor);
    opacity: 1;
}

/* testimonial 2 start */
.testimonial_2 {
    background: #F7F5EB;
}

.testimonial_2_text {
    padding-right: 50px;
}

.testimonial_item_2 {
    position: relative;
    background: var(--colorWhite);
    box-shadow: 0px 0px 5px 0px rgba(13, 23, 18, 0.20);
    padding: 35px;
    margin: 0px 12px 15px 12px;
}

.testimonial_item_2 .img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 35px;
    right: 35px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

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

.testimonial_item_2 .text h3 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 23px;
}

.testimonial_item_2 .text p {
    font-size: 14px;
}

.testimonial_item_2 .rating {
    position: absolute;
    color: var(--ratingColor);
    bottom: 45px;
    right: 35px;
}

.testimonial_item_2::after {
    position: absolute;
    content: "";
    background: url(../images/testimonial_shapes_4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 64px;
    height: 40px;
    top: 45px;
    left: 35px;
}

.testimonial_2 .slick-arrow.nextArrow,
.testimonial_2 .prevArrow.slick-arrow {
    top: auto;
    right: auto;
    left: -430px;
    bottom: 15px;
    background: transparent !important;
    transform: translate(0);
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
}

.testimonial_2 .slick-arrow.nextArrow {
    left: -380px;
}

.testimonial_2 .prevArrow.slick-arrow {
    border-color: #ddd;
    color: #a39e9e;
}

/* testimonial 2 end */


/* instagram start */
.instagram_photo {
    margin-top: -115px;
}

.instagram_photo_item {
    height: 300px;
    overflow: hidden;
    position: relative;
    margin: 0px 12px;
}

.instagram_photo_item 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;
}

.instagram_photo_item a {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #255946bf;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--colorWhite);
    font-size: 35px;
    transform: scale(.9);
    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;
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
}

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

.instagram_photo_item: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);
}

/* instagram end */


/* blog 2 start */
.blog_2 .blog_item {
    padding: 0;
    overflow: hidden;
    border: 1px solid #eee;
}

.blog_2 .blog_img {
    height: 270px;
}

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

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

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

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

.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;
}

.brand_2 .brand_item_area {
    border-bottom: 0;
    padding-bottom: 0;
}

/* blog 2 end */


/* footer 2 start */
.footer_2 {
    background: #0F4226;
}

.footer_2 .footer_logo_area p {
    font-size: 16px;
}

.footer_2 .footer_link ul li a:hover {
    color: rgba(255, 255, 255, 0.80)
}

.footer_subscribe p {
    color: rgba(255, 255, 255, 0.80);
}

.footer_subscribe form {
    margin-top: 30px;
    position: relative;
}

.footer_subscribe form input {
    border: 1.5px solid rgba(255, 255, 255, 0.15);
    background: transparent;
    color: rgba(255, 255, 255, 0.80);
}

.footer_subscribe form button {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    position: absolute;
    top: 7px;
    right: 7px;
    background: var(--colorPrimary);
    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;
}

.footer_subscribe form button:hover {
    background: var(--colorWhite);
    color: var(--colorPrimary);
}

/* footer 2 end */

/*===========================
    HOME PAGE 2 END
===========================*/

/*===========================
    HOME PAGE 3 START
===========================*/
.home_3 .slick-arrow.nextArrow,
.home_3 .prevArrow.slick-arrow {
    background: var(--colorWhite);
    color: var(--paraColor);
}

.home_3 .slick-arrow.nextArrow,
.home_3 .slick-arrow.nextArrow:hover,
.home_3 .prevArrow.slick-arrow:hover {
    color: var(--colorPrimary) !important;
}

/* topbar 3 start */
.topbar_3 {
    background: var(--colorBlack);
}

.topbar_3 .topbar_info li a:hover {
    opacity: 1;
}

.topbar_3 .topbar_icon li a:hover {
    color: var(--colorWhite);
}

.topbar_3 .topbar_icon li a::after {
    background: #ffffff42;
}

.topbar_3 .topbar_icon li a:hover {
    opacity: 1;
}

/* topbar 3 end */

/* banner 3 start */
.banne_3_add_item {
    background-position: center !important;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 25px;
    padding: 32px;
    overflow: hidden;
}

.banne_3_add_item .text {
    width: 65%;
}

.banne_3_add_item .text h4 {
    color: var(--colorPrimary);
    font-family: var(--cursiveFont);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.32px;
}

.banne_3_add_item .text h2 {
    font-size: 26px;
    font-weight: 600;
    margin-top: 5px;
    margin-bottom: 25px;
}

/* banner 3 end */


/* category 2 start */
.categories_2 .slider_padding {
    padding: 0;
}

.categories_2 .slick-arrow.nextArrow,
.categories_2 .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);
}

.categories_2 .prevArrow.slick-arrow {
    left: auto;
    right: 70px;
}

.categories_2 .category_item {
    background: transparent !important;
    padding-bottom: 0;
}

.categories_2 .category_item h4 {
    color: var(--colorBlack) !important;
}

.categories_2 .category_item .icon {
    width: 140px;
    height: 140px;
    border: 1px solid #eeeeeec9;
    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;
}

.categories_2 .category_item:hover .icon {
    box-shadow: 0px 10px 50px 2px rgba(101, 152, 51, 0.20);
}

/* category 2 end */


/* add banner 3 start */
.add_banner_3 .add_banner_item_text {
    width: 100%;
    padding: 30px;
}

.add_banner_3 .add_banner_item_text h2 {
    margin-top: 5px;
    margin-bottom: 12px;
    color: var(--colorBlack);
    font-size: 22px;
    font-weight: 600;
    line-height: initial;
}

.add_banner_3 .add_banner_item_text p {
    margin-bottom: 35px;
    width: 70%;
}

.add_banner_3 .add_banner_item_text a {
    background: transparent;
    border: 1px solid var(--colorPrimary);
    color: var(--colorPrimary);
    font-size: 14px;
    font-weight: 600;
    padding: 8px 24px;
}

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

/* add banner 3 end */


/* popular product start */
.popular_products .product_filter {
    gap: 10px;
}

.popular_products .product_filter button {
    border: 1px solid #ddd;
    padding: 5px 23px;
}

.popular_products .product_filter button:hover,
.popular_products .product_filter button.active {
    background: var(--colorPrimary);
    border-color: var(--colorPrimary);
    color: var(--colorWhite);
}

.popular_products .single_product {
    border: none;
    margin-top: 25px;
}

.popular_products .single_product:hover {
    box-shadow: none;
}

.popular_products .single_product_img {
    width: 304px;
    height: 304px;
    overflow: hidden;
}

.popular_products .single_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;
}

.popular_products .single_product_text {
    padding: 0px 10px;
}

.popular_products .single_product_text .rating {
    display: block;
    text-align: center;
    color: var(--ratingColor);
    margin-bottom: 8px;
    margin-top: 27px;
}

.popular_products .single_product_text p {
    margin-bottom: 0;
}

.popular_products .single_product:hover .single_product_img img {
    transform: scale(1.03);
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
}

/* popular product end */


/* countdown 3 start */
.countdown_3 .section_heading h2 {
    font-size: 44px;
}

.countdown_3 .countdown_text {
    padding-right: 0;
    position: relative;
}

.countdown_3 .countdown_text p {
    margin-top: 10px;
    margin-bottom: 25px;
}

.countdown_3 .simply-section {
    width: 100px;
    height: 100px;
    border: 1px solid rgba(5, 13, 2, 0.10);
}

.countdown_3 .countdown_text .simply-countdown .simply-amount {
    width: auto;
    height: auto;
    line-height: normal;
    background: none;
    margin-bottom: 0;
    font-size: 26px;
    font-weight: 700;
    font-family: var(--headingFont);
    margin-top: 15px;
    position: relative;
    box-shadow: none;
}

.countdown_3 .countdown_text .simply-countdown .simply-word {
    font-size: 14px;
}

.countdown_3 .countdown_text .simply-countdown .simply-amount::after {
    position: absolute;
    content: ":";
    font-size: 24px;
    font-weight: 600;
    color: var(--colorBlack);
    top: 15px;
    right: -16px;
    font-family: var(--headingFont);
}

.countdown_3 .simply-countdown {
    gap: 25px;
}

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

/* countdown 3 end */


/* team 2 start */
.team_2 .section_heading {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}

.team_2 .section_heading p {
    margin-top: 12px;
    margin-bottom: 45px;
}

.single_team_2 {
    background: #EAEFED;
    padding: 50px 15px 35px 15px;
    margin: 0px 12px;
}

.single_team_2 .img {
    width: 140px;
    height: 140px;
    position: relative;
    margin: 0 auto;
    z-index: 3;
    margin-bottom: 42px;
}

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

.single_team_2 .img::after {
    position: absolute;
    content: "";
    background: url(../images/team_2_shapes.png);
    background-position: center;
    background-size: cover;
    width: 170px;
    height: 170px;
    top: -15px;
    left: -15px;
    opacity: .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;
}

.single_team_2 .img ul {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    gap: 8px;
    background: #417a0f7d;
    border-radius: 50%;
    transform: scale(.8);
    opacity: 0;
    z-index: 9;
    transition: all linear .3s;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_team_2 .img ul li a {
    width: 30px;
    height: 30px;
    background: var(--colorWhite);
    line-height: 30px;
    text-align: center;
    color: var(--colorPrimary);
    border-radius: 50%;
    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;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

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

.single_team_2 .title {
    font-size: 20px;
    font-weight: 600;
}

.single_team_2 p {
    font-size: 14px;
    text-align: center;
}

.single_team_2:hover .img ul {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.single_team_2:hover .img::after {
    transform: rotate(15deg);
    opacity: 1;
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
}

.team_2 .slick-arrow.nextArrow,
.team_2 .prevArrow.slick-arrow {
    top: auto;
    right: auto;
    left: -430px;
    bottom: -20px;
}

.team_2 .slick-arrow.nextArrow {
    left: -380px;
}

/* team 2 end */


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

.testimonial_3_img {
    width: 470px;
    border-radius: 10px;
    overflow: hidden;
}

.testimonial_3_item {
    position: relative;
    margin: 0px 12px;
    margin-bottom: 30px;
}

.testimonial_3_item .img {
    width: 140px;
    height: 140px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.testimonial_3_item .text {
    background: var(--colorWhite);
    box-shadow: 0px 0px 5px 0px rgba(13, 23, 18, 0.10);
    padding: 50px 50px 50px 120px;
    margin-left: 80px;
}

.testimonial_3_item .rating {
    color: var(--ratingColor);
    margin-bottom: 10px;
}

.testimonial_3_item h3 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 35px;
    margin-bottom: 5px;
}

.testimonial_3_item .designation {
    font-size: 14px;
    font-weight: 400;
}

.testimonial_3 .slick-dots {
    bottom: -13px;
}

.testimonial_3_item .img::after {
    position: absolute;
    content: "";
    background: url(../images/testimonial_shapes_5.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 65px;
    height: 65px;
    top: 39px;
    right: -33px;
}

/* testimonial 3 end */


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

.video_content {
    position: relative;
}

.video_content .text {
    width: 45%;
}

.video_content .text h3 {
    color: var(--colorWhite);
    font-size: 32px;
    font-weight: 600;
}

.video_content .text p {
    color: var(--colorWhite);
    opacity: .8;
    margin-top: 15px;
    margin-bottom: 40px;
}

.video_content .common_btn {
    background: var(--colorPrimary);
}

.video_content .common_btn:hover {
    background: var(--colorWhite);
    color: var(--colorBlack);
}

.video_content .play_btn {
    width: 90px;
    height: 90px;
    line-height: 90px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

/* video end */


/* download 2 start */
.download_2_bg {
    position: relative;
    padding: 80px;
    background: #EAF9F1;
}

.download_2_img {
    width: 395px;
    position: absolute;
    bottom: 0;
    right: 150px;
    border-radius: 10px 10px 0px 0px;
    overflow: hidden;
}

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

/* download 2 end */


/* blog 3 start */
.blog_3 .blog_text p {
    margin-top: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 20px;
}

.blog_3 .blog_text .read_btn_3 {
    text-transform: capitalize;
    font-size: 16px;
    font-family: var(--paraFont);
    font-weight: 500;
    display: block;
    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_3 .blog_text .read_btn_3 i {
    margin-left: 5px;
}

.blog_3 .blog_text .read_btn_3:hover {
    color: var(--colorPrimary);
}

.blog_3 .blog_text .top {
    gap: 25px;
}

.blog_3 .blog_text .top li::after {
    display: block;
}

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

/* blog 3 end */


/* brand 3 start */
.brand_3 .brand_item_area ul {
    gap: 25px;
}

.brand_3 .brand_item_area ul li a {
    border: 1px solid #eee;
    overflow: hidden;
    padding: 15px;
}

.brand_3 .brand_item_area ul li:last-child a {
    margin-right: 5px;
}


/* brand 3 end */


/* footer 3 start */
.footer_3 {
    background: #050D02;
}

.footer_3 .footer_copyright {
    border-top: 1px solid rgba(255, 255, 255, 0.10);
}

/* footer 3 end */
/*===========================
    HOME PAGE 3 END
===========================*/


/*===========================
    ABOUT PAGE START
===========================*/
/* about start */
.about_img {
    position: relative;
    margin-left: 45px;
}

.about_img::after {
    position: absolute;
    content: "";
    background: url(../images/about_shapes.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 155px;
    height: 80px;
    top: 0;
    left: 0;
    z-index: -1;
    animation: zoomAnimi linear 5s infinite alternate;
    -webkit-animation: zoomAnimi linear 5s infinite alternate;
}

.about_img .img {
    width: 470px;
    height: 470px;
    border-radius: 50%;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.about_img p {
    background: var(--colorPrimary);
    color: var(--colorWhite);
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 26px;
    padding: 20px;
    width: 300px;
    position: absolute;
    bottom: 0;
    right: -60px;
    border-top: 8px solid var(--colorWhite);
    border-left: 8px solid var(--colorWhite);
}

.about_img p span {
    color: var(--colorWhite);
    font-size: 16px;
    font-style: italic;
    font-weight: 600;
    position: relative;
    padding-left: 65px;
}

.about_img p span::after {
    position: absolute;
    content: "";
    width: 40px;
    height: 2px;
    background: var(--colorWhite);
    border-radius: 20px;
    left: 9px;
    top: 10px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.about_text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.about_text ul {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 40px;
}

.about_text ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.about_text ul li span {
    display: block;
    width: 50px;
    height: 50px;
    border: 1px solid #eee;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    color: var(--colorPrimary);
    font-size: 18px;
    font-weight: 500;
    margin-right: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.about_text ul li h4 {
    color: var(--colorBlack);
    font-family: var(--paraFont);
    font-size: 18px;
    font-weight: 600;
    max-width: 180px;
}

/* about end */


/* why choose start */
.why_choose {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.why_choose_item {
    padding: 35px;
    background: var(--colorWhite);
    margin-top: 25px;
}

.why_choose_item h2 {
    color: var(--colorBlack);
    font-size: 22px;
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 25px;
}

.why_choose_item h2 span {
    display: block;
    width: 60px;
    height: 60px;
    margin-right: 25px;
}

/* why choose end */

/* work process start */
.work_process_item {
    margin-top: 25px;
    text-align: center;
    padding: 40px;
    border: 1px solid rgba(7, 28, 31, 0.10);
    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;
}

.work_process_item .number {
    display: inline-block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    background: rgba(24, 119, 242, 0.10);
    transition: all linear .3s;
    color: #1877F2;
    text-align: center;
    font-family: var(--headingFont);
    font-size: 26px;
    font-weight: 600;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.work_process_item h3 {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    margin-top: 25px;
    margin-bottom: 10px;
}

.work_process_item p {
    font-size: 15px;
    text-align: center;
}

.work_process_item:hover {
    border-color: var(--colorWhite);
    box-shadow: 0px 14px 70px 0px rgba(13, 23, 18, 0.20);
}

.work_process_item .number_2 {
    background: rgba(65, 122, 15, 0.10);
    color: var(--colorPrimary);
}

.work_process_item .number_3 {
    background: #FEECF2;
    color: #F7588D;
}

.work_process_item .number_4 {
    background: #FFF7E2;
    color: #F9A61C;
}

/* work process emd */

/* counter start */
.counter_area {
    background: #EAEFED;
    padding: 40px 0px;
}

.counter_area ul {
    display: flex;
    flex-wrap: wrap;
}

.counter_area ul li {
    width: 25%;
    border-right: 1px solid rgba(7, 28, 31, 0.10);
}

.counter_area ul li:last-child {
    border: 0;
}

.counter_area ul li .icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 25px;
    -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);
    font-size: 14px;
    text-align: center;
    font-weight: 400;
    margin-top: 3px;
}

/* counter end */

/*===========================
    ABOUT PAGE END
===========================*/


/*===========================
    SHOP PAGE START
===========================*/
.shop_sidebar h3 {
    color: var(--colorBlack);
    font-size: 20px;
    font-weight: 600;
    position: relative;
    display: inline-block;
    text-transform: capitalize;
    margin-bottom: 20px;
    background: var(--colorWhite);
    padding-right: 15px;
}

.shop_sidebar h3::after {
    position: absolute;
    content: "";
    width: 60px;
    height: 1px;
    background: var(--colorPrimary);
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.shop_sidebar h3::before {
    position: absolute;
    content: "";
    width: 200%;
    height: 2px;
    background: #eee;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: -1;
}

.shop_sidebar_item {
    border-bottom: 1px solid #eee;
    padding-bottom: 40px;
    margin-bottom: 37px;
    overflow: hidden;
}

.shop_header_search form {
    position: relative;
}

.shop_header_search form input {
    border: 1px solid #eee;
    background: var(--colorWhite);
}

.shop_header_search form button {
    color: var(--colorPrimary);
    background: none;
    position: absolute;
    top: 50%;
    right: 20px;
    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%);
}

.shop_header_search form button:hover {
    color: var(--colorBlack);
}

.shop_sidebar_category ul li a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    color: var(--paraColor);
    font-family: var(--paraFont);
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 12px;
    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_sidebar_category ul li:last-child a {
    margin-bottom: 0;
}

.shop_sidebar_category ul li a span {
    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_sidebar_category ul li a:hover,
.shop_sidebar_category ul li a:hover span {
    color: var(--colorPrimary);
}

.shop_sidebar_product {
    overflow: hidden;
}

.shop_sidebar_product ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 15px;
}

.shop_sidebar_product ul li:last-child {
    margin-bottom: 0;
}

.shop_sidebar_product ul li .img {
    width: 100px;
    height: 80px;
    overflow: hidden;
    margin-right: 15px;
}

.shop_sidebar_product ul li .text {
    width: 62%;
}

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

.shop_sidebar_product ul li .text a:hover {
    color: var(--colorPrimary);
}

.shop_sidebar_product ul li .text span {
    display: block;
    font-size: 13px;
    color: var(--ratingColor);
}

.shop_page_header_area {
    background: #EAEFED;
    padding: 30px;
    margin-bottom: 50px;
}

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

.shop_page_header p {
    color: var(--colorBlack);
    font-weight: 500;
}

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

.shop_page .single_product {
    margin-top: 0 !important;
    margin-bottom: 25px;
}

.shop_page_header .filter .nice-select {
    margin-left: 24px;
}

/*===========================
    SHOP PAGE END
===========================*/


/*===========================
    SHOP DETAILS START
===========================*/
.product_det_text .details_title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
}

.product_det_text .rating {
    color: var(--ratingColor);
    margin-bottom: 14px;
}

.product_det_text .rating span {
    margin-left: 5px;
}

.product_det_text .category {
    margin-bottom: 5px;
}

.product_det_text .category span {
    color: var(--colorBlack);
    font-weight: 500;
    margin-right: 5px;
}

.product_det_text .price {
    color: var(--colorBlack);
    font-size: 26px;
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 25px;
}

.product_det_text .price del {
    font-size: 18px;
    font-weight: 400;
    color: var(--paraColor);
    margin-left: 10px;
}

.details_short_description h3 {
    font-size: 18px;
    font-weight: 600;
    position: relative;
    display: inline-block;
    padding-right: 10px;
    margin-bottom: 10px;
}

.details_short_description p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.details_short_description h3::after {
    position: absolute;
    content: "";
    width: 100px;
    height: 1px;
    border-radius: 50px;
    background: var(--colorPrimary);
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.details_short_description h3::before {
    position: absolute;
    content: "";
    width: 300px;
    height: 1px;
    border-radius: 50px;
    background: rgba(5, 13, 2, 0.08);
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.details_quentity_area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 27px;
    margin-top: 20px;
}

.details_quentity_area p {
    color: var(--paraColor);
    font-size: 16px;
    width: 100%;
    margin-bottom: 5px;
}

.details_quentity_area p span {
    color: var(--colorBlack);
    font-weight: 500;
}

.details_quentity_area .button_area {
    border: 1px solid rgba(5, 13, 2, 0.10);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    overflow: hidden;
    margin-right: 5px;
}

.details_quentity_area .button_area button {
    height: 35px;
    width: 40px;
    padding-bottom: 4px;
    border: none;
    background: none;
    font-size: 16px;
    font-weight: 500;
    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;
}

.details_quentity_area .button_area button:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.details_quentity_area .button_area input {
    height: 35px;
    width: 45px;
    border: none;
    border-left: 1px solid rgba(5, 13, 2, 0.10);
    border-right: 1px solid rgba(5, 13, 2, 0.10);
    padding: 0;
    text-align: center;
    line-height: 35px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.details_quentity_area .button_area input::placeholder {
    color: var(--colorBlack);
}

.details_quentity_area h3 {
    font-size: 16px;
    font-weight: 500;
    line-height: 34px;
}

.product_det_text .details_cart_btn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-bottom: 25px;
}

.product_det_text .details_cart_btn .common_btn i {
    margin-left: 0;
    margin-right: 5px;
}

.product_det_text .details_cart_btn .love {
    width: 46px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    background: var(--colorWhite);
    border: 1px solid rgba(5, 13, 2, 0.10);
    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;
}

.product_det_text .details_cart_btn .love:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.product_det_text .sku {
    margin-bottom: 5px;
}

.product_det_text .sku span {
    color: var(--colorBlack);
    font-weight: 500;
    margin-right: 5px;
}

.product_det_text .tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 5px;
}

.product_det_text .tags li {
    color: var(--colorBlack);
    font-weight: 500;
    margin-right: 5px;
    font-family: var(--paraColor);
    font-size: 16px;
}

.product_det_text .tags li a {
    color: var(--paraColor);
    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;
}

.product_det_text .tags li a:hover {
    color: var(--colorPrimary);
}

.product_det_text .share {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}

.product_det_text .share li {
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 500;
    font-family: var(--paraColor);
}

.product_det_text .share li a {
    color: var(--colorBlack);
    font-size: 18px;
    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_det_text .share li a:hover {
    color: var(--colorPrimary);
}

.shop_details_banner {
    height: 100%;
    min-height: 500px;
    position: relative;
    overflow: hidden;
}

.shop_details_banner .text {
    position: absolute;
    top: 0;
    left: 0;
    padding: 30px 60px;
}

.shop_details_banner .text h4 {
    color: var(--colorPrimary);
    font-family: var(--cursiveFont);
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.4px;
}

.shop_details_banner .text h3 {
    color: var(--colorBlack);
    font-size: 28px;
    font-weight: 600;
    line-height: 44px;
    margin-top: 5px;
    margin-bottom: 15px;
}

.shop_det_content_area nav .nav-tabs {
    gap: 8px;
    border-bottom: 0;
}

.shop_det_content_area nav .nav-tabs button {
    color: var(--paraColor);
    text-align: center;
    font-family: var(--paraFont);
    font-size: 16px;
    font-weight: 500;
    border-radius: 0;
    border: 1px solid #eee;
    border-bottom: 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;
    -moz-border-radius: 12px 12px 0px 0px;
    -ms-border-radius: 12px 12px 0px 0px;
    -o-border-radius: 12px 12px 0px 0px;
}

.shop_det_content_area nav .nav-tabs button:hover,
.shop_det_content_area nav .nav-tabs button.active {
    background: var(--colorPrimary);
    color: var(--colorWhite);
    border-color: var(--colorPrimary);
}

.shop_det_content_area .tab-content {
    padding: 25px 30px;
    border: 1px solid #eee;
}

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

.shop_det_description p:last-child {
    margin: 0;
}

.shop_det_description ul,
.shop_det_description ol {
    margin-top: 25px;
    margin-bottom: 22px;
}

.shop_det_description ul li,
.shop_det_description ol li {
    font-size: 16px;
    font-weight: 400;
    color: var(--paraColor);
    font-family: var(--paraFont);
    margin-bottom: 15px;
    padding-left: 30px;
    position: relative;
}

.shop_det_description ul li::after,
.shop_det_description ol li::after {
    position: absolute;
    content: "";
    background: url(../images/check_icon_1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    top: 3px;
    left: 0;
}

.shop_det_description h1,
.shop_det_description h2,
.shop_det_description h3,
.shop_det_description h4,
.shop_det_description h5,
.shop_det_description h6 {
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 20px;
}

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

.shop_det_description h2 {
    font-size: 32px;
}

.shop_det_description h3 {
    font-size: 28px;
}

.shop_det_description h4 {
    font-size: 24px;
}

.shop_det_description h5 {
    font-size: 20px;
}

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

.shop_det_additional_info h3 {
    color: var(--colorBlack);
    font-family: var(--paraFont);
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px dashed rgba(5, 13, 2, 0.10);
    padding-bottom: 15px;
}

.shop_det_additional_info table {
    width: 100%;
}

.shop_det_additional_info table tr {
    border-bottom: 1px dashed rgba(5, 13, 2, 0.10);
}

.shop_det_additional_info table tr td {
    padding: 10px 0px;
    border-right: 1px dashed rgba(5, 13, 2, 0.10);
    font-size: 16px;
    font-weight: 400;
    color: var(--paraColor);
    font-family: var(--paraFont);
}

.shop_det_additional_info table tr td:last-child {
    font-style: italic;
    border-right: 0;
    padding-left: 20px;
}

.shop_det_review_area h2 {
    color: var(--colorBlack);
    font-family: var(--paraFont);
    font-size: 16px;
    font-weight: 600;
}

.single_review {
    border: 1px solid #eee;
    background: var(--colorWhite);
    display: flex;
    flex-wrap: wrap;
    padding: 25px;
    margin-top: 15px;
}

.single_review .img {
    width: 70px;
    height: 70px;
    overflow: hidden;
    margin-right: 20px;
}

.single_review .text {
    width: 88%;
}

.single_review .text h4 {
    font-size: 18px;
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
}

.single_review .text h4 span {
    font-family: var(--headingFont);
    font-size: 14px;
}

.single_review .text .rating {
    color: var(--ratingColor);
    display: block;
    margin-bottom: 10px;
}

.single_review .text p {
    font-size: 14px;
}

.review_input_area p {
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
    margin-top: 11px;
}

.review_input_area p span {
    color: var(--ratingColor);
}

.review_input_area p span i {
    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;
}

.review_input_area p span i:hover {
    color: var(--colorBlack);
}

.review_input_box {
    margin-bottom: 15px;
}

.review_input_box label {
    color: var(--colorBlack);
    display: block;
    font-family: var(--paraFont);
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 5px;
}

.related_team,
.related_product {
    margin-bottom: -20px;
}

.related_team .single_team,
.related_product .single_product {
    margin: 25px 12px 15px 12px;
}

.related_team .slick-arrow.nextArrow,
.related_team .prevArrow.slick-arrow,
.related_product .slick-arrow.nextArrow,
.related_product .prevArrow.slick-arrow {
    top: -70px;
    right: 13px;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}

.related_team .prevArrow.slick-arrow,
.related_product .prevArrow.slick-arrow {
    right: 70px;
    left: auto;
}

.related_team .single_team:hover,
.related_product .single_product:hover {
    border-color: var(--colorWhite);
    box-shadow: 0px 0px 17px 0px rgba(7, 28, 31, 0.08);
}

/*===========================
    SHOP DETAILS END
===========================*/


/*===========================
    BLOG DETAILS START
===========================*/
.blog_det_img {
    height: 450px;
    overflow: hidden;
}

.blog_det_text_header {
    justify-content: space-between;
    align-items: center;
    padding-top: 37px;
}

.blog_det_text_header .left {
    gap: 20px;
    align-items: center;
}

.blog_det_text_header .left li {
    color: var(--paraColor);
    font-size: 16px;
    font-weight: 400;
}

.blog_det_text_header .left li i {
    color: var(--colorPrimary);
    margin-right: 5px;
}

.blog_det_text_header .left li span {
    color: var(--colorWhite);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    background: var(--colorPrimary);
    padding: 7px 19px;
}

.blog_det_text_header .right {
    gap: 15px;
}

.blog_det_text_header .right li {
    color: var(--paraColor);
    font-size: 16px;
    font-weight: 400;
}

.blog_det_text_header .right li i {
    margin-right: 5px;
}

.blog_det_text h1,
.blog_det_text h2,
.blog_det_text h3,
.blog_det_text h4,
.blog_det_text h5,
.blog_det_text h6 {
    font-weight: 600;
    margin-top: 30px;
}

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

.blog_det_text h2 {
    font-size: 32px;
}

.blog_det_text h3 {
    font-size: 28px;
}

.blog_det_text h4 {
    font-size: 24px;
}

.blog_det_text h5 {
    font-size: 20px;
}

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

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

.blog_det_text ul,
.blog_det_text ol {
    margin-top: 25px;
}

.blog_det_text ul li,
.blog_det_text ol li {
    font-size: 16px;
    font-weight: 400;
    color: var(--paraColor);
    font-family: var(--paraFont);
    margin-bottom: 15px;
    padding-left: 30px;
    position: relative;
}

.blog_det_text ul li::after,
.blog_det_text ol li::after {
    position: absolute;
    content: "";
    background: url(../images/check_icon_1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    top: 3px;
    left: 0;
}

.blog_det_text .quot_text {
    background: #EAEFED;
    border-left: 3px solid var(--colorPrimary);
    padding: 30px;
    margin-top: 20px;
}

.blog_det_text .quot_text p {
    margin: 0;
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 16px;
    font-style: italic;
    font-weight: 500;
    line-height: 32px;
}

.blog_tags_and_share {
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 25px;
    padding-top: 25px;
}

.blog_tags_and_share .left {
    gap: 15px;
}

.blog_tags_and_share .left li a {
    color: var(--colorBlack);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    border: 1px solid #eee;
    background: var(--colorWhite);
    padding: 7px 19px;
    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_tags_and_share .left li a:hover {
    color: var(--colorPrimary);
    border-color: var(--colorPrimary);
}

.blog_tags_and_share .right {
    gap: 15px;
}

.blog_tags_and_share .right li {
    color: var(--colorBlack);
    font-size: 14px;
    font-weight: 500;
}

.blog_tags_and_share .right li a {
    color: var(--colorBlack);
    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;
}

.blog_tags_and_share .right li a:hover {
    color: var(--colorPrimary);
}

.det_comment_area {
    margin-top: 60px;
}

.det_comment_area h3 {
    font-size: 22px;
    font-weight: 600;
}

.single_comment {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.single_comment .img {
    width: 70px;
    height: 70px;
    overflow: hidden;
    margin-right: 20px;
}

.single_comment .text {
    width: 88%;
    border: 1px solid #eee;
    background: var(--colorWhite);
    padding: 25px;
}

.single_comment .text h4 {
    color: var(--colorBlack);
    font-size: 18px;
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.single_comment .text h4 span {
    font-family: var(--headingFont);
    font-size: 14px;
    font-weight: 400;
    margin-left: 20px;
}

.single_comment .text p {
    margin-top: 18px;
    margin-bottom: 25px;
}

.single_comment .text a {
    color: var(--colorBlack);
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    border: 1px solid #eee;
    padding: 6px 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_comment .text a i {
    margin-right: 5px;
}

.single_comment .text a:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
    border-color: var(--colorPrimary);
}

.single_comment.reply {
    padding-left: 90px;
}

.single_comment.reply .text {
    width: 87%;
}

.det_comment_input {
    border-top: 1px solid #eee;
    margin-top: 30px;
    padding-top: 55px;
}

.det_comment_input h3 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 30px;
}

.sedebar_content {
    overflow: hidden;
}

.blog_sidebar h3 {
    color: var(--colorBlack);
    font-size: 20px;
    font-weight: 600;
    position: relative;
    display: inline-block;
    text-transform: capitalize;
    margin-bottom: 20px;
    background: var(--colorWhite);
    padding-right: 15px;
}

.blog_sidebar h3::after {
    position: absolute;
    content: "";
    width: 60px;
    height: 2px;
    background: var(--colorPrimary);
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.blog_sidebar h3::before {
    position: absolute;
    content: "";
    width: 200%;
    height: 2px;
    background: #eee;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: -1;
}

.blog_sidebar_search {
    border: 1px solid #eee;
    padding: 30px;
    overflow: hidden;
}

.blog_sidebar_search form {
    position: relative;
}

.blog_sidebar_search form input {
    border: 1px solid #eee;
}

.blog_sidebar_search form button {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: var(--colorPrimary);
    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_sidebar_search form button:hover {
    background: var(--colorBlack);
}

.blog_sidebar_category {
    border: 1px solid #eee;
    padding: 30px;
    overflow: hidden;
    margin-top: 25px;
}

.blog_sidebar_product {
    border: 1px solid #eee;
    padding: 30px;
    overflow: hidden;
    margin-top: 25px;
}

.blog_sidebar_product ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

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

.blog_sidebar_product ul li .img {
    width: 85px;
    height: 85px;
    overflow: hidden;
    margin-right: 15px;
}

.blog_sidebar_product ul li .text {
    width: 71%;
}

.blog_sidebar_product ul li .text a {
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    display: block;
    margin-top: 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;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog_sidebar_product ul li .text a:hover {
    color: var(--colorPrimary);
}

.blog_sidebar_product ul li .text p i {
    color: var(--colorPrimary);
    margin-right: 5px;
}

.blog_sidebar_tags {
    border: 1px solid #eee;
    padding: 30px;
    overflow: hidden;
    margin-top: 25px;
}

.blog_sidebar_tags ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.blog_sidebar_tags ul li a {
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 16px;
    font-weight: 400;
    border: 1px solid #eee;
    background: var(--colorWhite);
    padding: 10px 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_sidebar_tags ul li a:hover {
    color: var(--colorPrimary);
    border-color: var(--colorPrimary);
}

/*===========================
    BLOG DETAILS END
===========================*/


/*===========================
    TEAM PAGE START
===========================*/
.single_team {
    margin-top: 25px;
    background: #FFF9F6;
    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;
}

.single_team_img {
    height: 500px;
    position: relative;
}

.single_team_img ul {
    /* border-radius: 15px; */
    background: rgba(255, 255, 255, 0.70);
    position: absolute;
    width: 90%;
    height: 90%;
    left: 5%;
    top: 5%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    transform: scale(.9);
    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;
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
}

.single_team_img ul li a {
    width: 40px;
    height: 40px;
    background: var(--colorPrimary);
    line-height: 40px;
    color: var(--colorWhite);
    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;
}

.single_team_img ul li .facebook {
    background: #0165E1;
}

.single_team_img ul li .twitter {
    background: #1DA1F2;
}

.single_team_img ul li .instagram {
    background: rgb(228, 64, 95);
}

.single_team_img ul li .youtube {
    background: #CD201F;
}

.single_team_text {
    padding: 30px 40px 33px 40px;
}

.single_team_text a {
    color: var(--colorPrimary);
}

.single_team_text a:hover {
    color: var(--colorBlack);
}

.single_team_text p {
    color: var(--colorPrimary);
    text-align: center;
    font-size: 18px;
    margin-top: 5px;
}

.single_team:hover {
    box-shadow: 0px 14px 70px 0px rgba(13, 23, 18, 0.20);
}

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

/*===========================
    TEAM PAGE END
===========================*/


/*===========================
    TEAM DETAILS START
===========================*/
.team_details_img {
    height: 400px;
    overflow: hidden;
}

.team_details_text {
    border: 1px solid rgba(11, 28, 6, 0.15);
    background: var(--colorWhite);
    padding: 30px;
}

.team_details_text h2 {
    font-family: var(--paraFont);
    font-size: 24px;
    font-weight: 600;
}

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

.team_details_text h4 {
    color: var(--paraColor);
    font-family: var(--paraFont);
    font-size: 16px;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 10px;
}

.team_details_text h4 span {
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 500;
}

.team_details_text ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}

.team_details_text ul li {
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 500;
}

.team_details_text ul li a {
    color: var(--colorBlack);
    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;
}

.team_details_text ul li a:hover {
    color: var(--colorPrimary);
}

.team_description p {
    margin-top: 25px;
}

.team_skills {
    border: 1px solid rgba(11, 28, 6, 0.15);
    padding: 30px;
    margin-top: 25px;
}

.team_skills h3 {
    color: var(--colorBlack);
    font-size: 24px;
    font-weight: 600;
}

.team_skills p {
    margin-top: 10px;
    margin-bottom: 25px;
}

.team_skill_bar {
    margin-top: 25px;
    text-align: center;
}

.team_skill_bar h5 {
    text-align: center;
    color: var(--colorBlack);
    font-size: 20px;
    font-weight: 500;
}

/*===========================
    TEAM DETAILS END
===========================*/


/*===========================
    CART VIEW PAGE START
===========================*/
.cart_table_area table {
    width: 100%;
    overflow: hidden;
}

.cart_table_area table tr {
    border-bottom: 1px solid #eee;
}

.cart_table_area table thead tr {
    border-bottom: 0;
}

.cart_table_area table tr th {
    color: var(--colorBlack);
    font-family: var(--paraFont);
    font-size: 18px;
    font-weight: 500;
    background: #FFF7F0;
    padding: 15px;
}

.cart_table_area table tr td {
    padding: 15px;
}

.cart_table_area table tr .images {
    width: 110px;
    min-width: 110px;
}

.cart_table_area table tr .name {
    width: 240px;
    min-width: 220px;
}

.cart_table_area table tr .price {
    width: 115px;
    min-width: 115px;
}

.cart_table_area table tr .qty {
    width: 155px;
    min-width: 170px;
}

.cart_table_area table tr .total {
    width: 115px;
    min-width: 115px;
}

.cart_table_area table tr .delete {
    width: 100px;
}

.cart_table_area table tr .title {
    font-size: 18px;
    font-weight: 500;
    text-align: left;
}

.cart_table_area table tr td .button_area {
    border: 1px solid #eee;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    overflow: hidden;
}

.cart_table_area table tr td .button_area button {
    height: 35px;
    width: 40px;
    padding-bottom: 4px;
    border: none;
    background: none;
    font-size: 16px;
    font-weight: 500;
    color: var(--paraColor);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
}

.cart_table_area table tr td .button_area input {
    height: 35px;
    width: 45px;
    border: none;
    border-left: 1px solid rgba(5, 13, 2, 0.10);
    border-right: 1px solid rgba(5, 13, 2, 0.10);
    padding: 0;
    text-align: center;
    line-height: 35px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.cart_table_area table tr td .button_area input::placeholder {
    color: var(--colorBlack);
}

.cart_table_area table tr td .button_area button:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.cart_table_area table tr td .del {
    color: var(--paraColor);
    font-size: 18px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.cart_table_area table tr td .del:hover {
    color: var(--colorRed);
}

.cart_table_area form {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}

.cart_table_area form input {
    border: 1px solid #eee;
    background: var(--colorWhite);
    max-width: 450px;
    padding: 10px 20px;
}

.cart_sidebar {
    border: 1px solid #eee;
    overflow: hidden;
}

.cart_sidebar h3 {
    color: var(--colorBlack);
    text-align: center;
    font-family: var(--paraFont);
    font-size: 18px;
    font-weight: 700;
    background: #EAEFED;
    padding: 17px 0px;
    margin-bottom: 10px;
}

.cart_sidebar_info {
    padding: 25px 30px;
}

.cart_sidebar_info h4 {
    font-family: var(--paraFont);
    font-size: 18px;
    font-weight: 500;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.cart_sidebar_info h4 span {
    color: var(--colorBlack);
    font-size: 18px;
    font-weight: 500;
}

.cart_sidebar_info p {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.cart_sidebar_info h5 {
    font-family: var(--paraFont);
    font-size: 18px;
    font-weight: 500;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #eee;
    padding-top: 13px;
    margin-top: 15px;
    margin-bottom: 35px;
}

.cart_sidebar_info h5 span {
    color: var(--colorBlack);
    font-size: 18px;
    font-weight: 500;
}

.cart_sidebar_info a {
    width: 100%;
}

/*===========================
    CART VIEW PAGE END
===========================*/


/*===========================
    CHECKOUT PAGE START
===========================*/
.checkout_form h3 {
    font-family: Poppins;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 20px;
}

.checkout_input_box {
    margin-top: 15px;
}

.checkout_input_box label {
    color: var(--colorBlack);
    display: block;
    font-family: var(--paraFont);
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px;
    text-transform: capitalize;
}

.checkout_input_box input,
.checkout_input_box textarea {
    background: var(--colorWhite);
}

/*===========================
    CHECKOUT PAGE END
===========================*/


/* ===========================
  PAYMENT PAGE START
=============================*/
.single_payment {
    display: block;
    margin-top: 25px;
    height: 120px;
    overflow: hidden;
    border: 1px solid rgba(0, 166, 251, 0.10);
}

.payment .modal .modal-dialog {
    width: 100%;
    max-width: 600px;
}

.payment .modal .modal-content {
    padding: 25px;
}

.modal_iteam {
    margin-top: 25px;
    margin-bottom: 10px;
}

.modal_iteam li {
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    font-family: var(--paraFont);
    position: relative;
    padding-left: 35px;
    margin-bottom: 15px;
    color: var(--paraColor);
}

.modal_iteam li::after {
    position: absolute;
    content: "\f00c";
    color: var(--colorWhite);
    font-family: "font awesome 5 free";
    font-weight: 600;
    top: 0px;
    left: 0;
    width: 23px;
    height: 23px;
    line-height: 24px;
    text-align: center;
    font-size: 11px;
    border-radius: 50%;
    background: var(--colorPrimary);
    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-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.single_form {
    margin-bottom: 20px;
}

.single_form label {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
    font-family: var(--paraFont);
    color: var(--colorBlack);
    text-transform: capitalize;
}

.modal-footer {
    justify-content: space-between;
    border-top: 0;
}

.modal_closs_btn {
    color: var(--colorWhite);
    background: var(--colorRed);
    padding: 11px 24px;
    border: 1px solid var(--colorRed) !important;
}

.modal_closs_btn:hover {
    background: var(--colorBlack);
}

.payment .modal-footer {
    padding: 0;
    margin-top: 15px;
}

.payment .modal-footer button {
    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;
}

.payment .cart_sidebar_info h5 {
    margin-bottom: 0;
}

.payment .nice-select {
    width: 100%;
    margin-bottom: 20px;
}

/* ===========================
    PAYMENT PAGE END
=============================*/


/*=================================
    ORDER TRACKING PAGE START
=================================*/
.order_tracking {
    margin-bottom: -5px;
}

.tracking_form {
    border: 1px solid #eee;
    padding: 40px;
}

.tracking_form h2 {
    text-align: center;
    font-size: 26px;
    font-weight: 600;
}

.tracking_form p {
    font-family: var(--headingFont);
    font-size: 14px;
    text-align: center;
    margin-bottom: 40px;
}

.tracking_form form input {
    margin-bottom: 20px;
}

.tracking_form form button {
    width: 100%;
}

.tracking_header {
    background: #EAEFED;
    display: flex;
    flex-wrap: wrap;
    padding: 25px;
}

.tracking_header li {
    width: 25%;
    border-right: 1px solid #eee;
    text-align: center;
}

.tracking_header li:last-child {
    border: none;
}

.tracking_header li h4 {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: var(--paraFont);
    margin-bottom: 5px;
}

.tracking_header li p {
    font-size: 14px;
    text-align: center;
    text-transform: capitalize;
}

.tracking_bar li {
    display: inline-block;
    width: 24.60%;
    text-transform: capitalize;
    position: relative;
    padding-top: 65px;
    color: var(--colorBlack);
    text-align: center;
    font-family: var(--paraFont);
    font-size: 16px;
    font-weight: 600;
}

.tracking_bar li::after {
    position: absolute;
    font-family: "Font Awesome 5 Free";
    left: 50%;
    content: "\f110";
    color: var(--colorWhite);
    background: #585C54;
    font-size: 18px;
    top: -5px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    z-index: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.tracking_bar li::before {
    position: absolute;
    content: "";
    width: 102%;
    height: 3px;
    background: rgba(11, 28, 6, 0.15);
    top: 25px;
    left: 0;
}

.tracking_bar li.active::after {
    background: var(--colorPrimary);
}

.tracking_bar li.active::before {
    background: var(--colorPrimary);
}

.tracking_bar li:nth-child(2):after {
    content: "\e05b";
}

.tracking_bar li:nth-child(3):after {
    content: "\f0d1";
}

.tracking_bar li:nth-child(4):after {
    content: "\f00c";
}

.tracking_details .table-responsive {
    border: 1px solid #eee;
    margin-bottom: 40px;
}

.tracking_details table {
    width: 100%;
}

.tracking_details table tr {
    border-top: 1px solid #eee;
}

.tracking_details table thead tr {
    border-top: 0;
}

.tracking_details table tr th {
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 16px;
    font-weight: 500;
    padding: 15px 30px;
}

.tracking_details table tr td {
    padding: 15px 30px;
    color: var(--paraColor);
    font-size: 16px;
    font-weight: 400;
}

.tracking_details table tfoot tr td {
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-weight: 500;
}

.tracking_details a i {
    margin-left: 0;
    margin-right: 5px;
}

/*================================
    ORDER TRACKING PAGE END
================================*/

/*===========================
    FLASH SELL PAGE START
===========================*/
.flash_sell .add_banner_item {
    margin-top: 0;
    margin-bottom: 25px;
}

.flash_sell_item {
    margin-top: 25px;
    border: 1px solid #eee;
    background: var(--colorWhite);
    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;
}

.flash_sell_item_img {
    height: 290px;
    overflow: hidden;
    position: relative;
}

.flash_sell_item_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;
}

.flash_sell_item_img span {
    color: var(--colorWhite);
    text-align: center;
    font-family: var(--headingFont);
    font-size: 26px;
    font-weight: 600;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2;
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.flash_sell_item_img span::after {
    position: absolute;
    content: "";
    background: url(../images/flash_sell_price_tag.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100px;
    height: 100px;
    top: 0;
    left: 0;
    z-index: -1;
}

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

.flash_sell_item_text .category {
    color: var(--paraColor);
    font-size: 14px;
    font-weight: 400;
    display: block;
    text-transform: uppercase;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.flash_sell_item_text .category:hover {
    color: var(--colorPrimary);
}

.flash_sell_item_text .title {
    text-align: left;
    margin-top: 2px;
    margin-bottom: 5px;
}

.flash_sell_item_text p {
    color: var(--ratingColor);
}

.flash_sell_item_text p span {
    font-size: 14px;
    margin-left: 5px;
}

.flash_sell_item_text h5 {
    color: var(--colorPrimary);
    font-size: 24px;
    font-weight: 500;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    padding-bottom: 20px;
    margin-top: 7px;
}

.flash_sell_item_text h5 del {
    color: var(--paraColor);
    font-size: 20px;
    margin-left: 5px;
}

.flash_sell_footer {
    padding: 10px 7px 30px 7px;
}

.flash_sell_footer .simply-amount {
    background: var(--colorPrimary);
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 20px;
    color: var(--colorWhite);
    font-family: var(--cursiveFont);
}

.flash_sell_footer .simply-word {
    display: block;
    text-align: center;
    font-size: 15px;
    text-transform: capitalize;
    line-height: 12px;
    margin-top: 10px;
}

.flash_sell_footer .simply-countdown {
    justify-content: space-between;
    gap: 0;
}

.flash_sell_footer .simply-section {
    border-right: 1px solid #eee;
    width: 25%;
}

.flash_sell_footer .simply-seconds-section {
    border-right: 0;
}

.flash_sell_item:hover {
    border-color: transparent;
    box-shadow: var(--boxShadow);
}

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

/*===========================
    FLASH SELL PAGE END
===========================*/


/*===========================
    FAQ PAGE START
===========================*/
.faq_page .accordion-item {
    border: 1px solid #eee !important;
    margin-top: 25px;
    border-radius: 0;
    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;
}

.faq_page .accordion-header button {
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 16px;
    font-weight: 600;
    padding: 20px;
    box-shadow: none !important;
    background: var(--colorWhite) !important;
}

.faq_page .accordion-body {
    padding-top: 0;
}

.faq_page .accordion-body p {
    font-size: 14px;
    font-weight: 400;
    font-family: var(--headingFont);
}

.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 PAGE END
===========================*/


/*===========================
    CONTACT PAGE START
===========================*/
.contact_info {
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 20px;
    margin-top: 25px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.contact_info span {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.contact_info h3 {
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 12px;
}

.contact_info p,
.contact_info a {
    display: block;
    color: var(--paraColor);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    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:hover {
    color: var(--colorPrimary);
}

.contact_img {
    height: 500px;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.contact_form {
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.contact_form h3 {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 10px;
}

.contact_form input,
.contact_form textarea {
    margin-top: 20px;
}

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

.contact_map {
    height: 500px;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.contact_map iframe {
    width: 100%;
    height: 100%;
}

/*===========================
    CONTACT PAGE END
===========================*/


/*===========================
    SIGN IN PAGE START
===========================*/
.sign_in_img {
    width: 570px;
    height: 100%;
    overflow: hidden;
}

.sign_in_form {
    background: var(--colorWhite);
    box-shadow: var(--boxShadow);
    padding: 50px;
    margin: 50px 0px;
}

.sign_in_form h3 {
    font-size: 26px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 35px;
}

.sign_in_form form input {
    margin-bottom: 20px;
}

.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;
}

.sign_in_form .forgot .form-check input {
    padding: 0;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    margin-bottom: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.form-check-input:checked {
    border-color: var(--colorPrimary);
    background-color: var(--colorPrimary);
}

.form-check-input:focus {
    border-color: var(--colorPrimary);
    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(--paraFont);
    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(--colorPrimary);
}

.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;
    border: 1px solid #eee;
    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;
}

.sign_in_form ul li a span {
    display: block;
    width: 18px;
    height: 18px;
    position: relative;
    top: -4px;
}

.sign_in_form ul li a:hover {
    color: var(--colorPrimary);
    border-color: var(--colorPrimary);
}

.forgot_password form button {
    margin-top: 0;
}

/*===========================
    SIGN IN PAGE END
===========================*/


/*===========================
    GALLERY PAGE START
===========================*/
.gallery_item {
    display: block;
    height: 415px;
    overflow: hidden;
    position: relative;
    margin-top: 25px;
}

.gallery_item .overlay {
    background: rgba(101, 152, 51, 0.70);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: scale(.9);
    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;
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
}

.gallery_item .overlay i {
    width: 55px;
    height: 55px;
    background: var(--colorWhite);
    line-height: 55px;
    text-align: center;
    color: var(--colorPrimary);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

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

/*===========================
    GALLERY PAGE END
===========================*/


/*================================
    PRIVACY POLICY PAGE START
================================*/
.privacy_policy,
.terms_condition,
.error_page {
    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: 600;
    margin-top: 23px;
}

.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;
}

.privacy_policy_text ul,
.privacy_policy_text ol {
    margin-top: 25px;
    margin-bottom: 22px;
}

.privacy_policy_text ul li,
.privacy_policy_text ol li {
    font-size: 16px;
    font-weight: 400;
    color: var(--paraColor);
    font-family: var(--paraFont);
    margin-bottom: 15px;
    padding-left: 30px;
    position: relative;
}

.privacy_policy_text ul li::after,
.privacy_policy_text ol li::after {
    position: absolute;
    content: "";
    background: url(../images/check_icon_1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    top: 3px;
    left: 0;
}

/*================================
    PRIVACY POLICY PAGE END
================================*/


/*===========================
    ERROR PAGE START
===========================*/
.error_text {
    text-align: center;
}

.error_text h3 {
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    margin-top: 40px;
    margin-bottom: 10px;
}

.error_text p {
    text-align: center;
    font-family: var(--headingFont);
    font-size: 18px;
    width: 70%;
    margin: 0 auto;
    margin-bottom: 27px;
}

.error_text a i {
    margin-right: 5px;
    margin-left: 0;
}

/*===========================
    ERROR PAGE END
===========================*/


/*==========================
    DASHBOARD PAGE START
==========================*/
/* dashboard sidebar start */
.dashboard_sidebar {
    background: var(--colorWhite);
    overflow: hidden;
    height: 100%;
}

.dashboard_sidebar_user {
    padding: 50px;
    text-align: center;
    background: #F7F9FB;
    margin-bottom: 60px;
}

.dashboard_sidebar_user .img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 2px solid var(--colorWhite);
    margin: 0 auto;
    box-shadow: var(--boxShadow);
    position: relative;
    -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-radius: 30px;
    border: 1px solid rgba(88, 92, 84, 0.50);
    background: var(--colorWhite);
    transition: all linear .3s;
    position: absolute;
    bottom: 0;
    right: 0;
    color: var(--colorBlack);
    cursor: pointer;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.dashboard_sidebar_user .img label:hover {
    background: var(--colorPrimary);
    border-color: var(--colorPrimary);
    color: var(--colorWhite);
}

.dashboard_sidebar_user h3 {
    font-size: 20px;
    margin-top: 22px;
    margin-bottom: 5px;
    text-align: center;
    font-weight: 600;
}

.dashboard_sidebar_menu ul li a {
    display: block;
    font-size: 16px;
    font-weight: 500;
    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;
    border: 1px solid #eee;
    padding: 12px 25px;
    color: var(--paraColor);
    font-family: var(--headingFont);
    position: relative;
}

.dashboard_sidebar_menu ul li a::after {
    position: absolute;
    content: "\f054";
    font-family: "font awesome 5 free";
    font-weight: 600;
    font-size: 12px;
    color: var(--paraColor);
    top: 50%;
    right: 25px;
    transition: all linear .3s;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -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:last-child a {
    margin-bottom: 0;
}

.dashboard_sidebar_menu ul li a i {
    margin-right: 10px;
}

.dashboard_sidebar_menu ul li a:hover,
.dashboard_sidebar_menu ul li a.active {
    color: var(--colorPrimary);
    border-color: var(--colorPrimary);
}

.dashboard_sidebar_menu ul li a:hover::after,
.dashboard_sidebar_menu ul li a.active::after {
    color: var(--colorPrimary);
}

/* dashboard sidebar end */

/* personal info start */
.dashboard_content .welcome {
    margin-bottom: 5px;
}

.dashboard_content .dashboard_title {
    font-size: 24px;
    font-weight: 700;
    text-align: left;
    color: var(--colorBlack) !important;
}

.profile_overview_item {
    padding: 40px 40px 35px 40px;
    background: #F7F9FB;
    margin-top: 25px;
    overflow: hidden;
}

.profile_overview_item span {
    display: block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 50%;
    font-size: 25px;
    text-align: center;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    margin: 0 auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.profile_overview_item h3 {
    margin-top: 22px;
    margin-bottom: 5px;
    color: var(--colorBlack);
    text-align: center;
    font-size: 36px;
    font-weight: 600;
}

.profile_overview_item p {
    color: var(--colorBlack);
    text-align: center;
    font-family: var(--headingFont);
    font-size: 16px;
    font-weight: 400;
}

.dashboard_profile_info_list,
.dashboard_profile_info_edit {
    background: #F7F9FB;
    padding: 35px;
}

.dashboard_profile_info_list h2,
.dashboard_profile_info_edit h2 {
    font-size: 22px;
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}

.dashboard_profile_info_list h2 a,
.dashboard_profile_info_edit h2 a {
    color: var(--colorWhite);
    font-family: var(--headingFont);
    font-size: 14px;
    font-weight: 400;
    background: var(--colorPrimary);
    padding: 9px 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;
}

.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-top: 15px;
    font-family: var(--headingFont);
}

.dashboard_profile_info_list ul li span {
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    width: 120px;
    font-family: var(--headingFont);
}

/* personal info end */

/* personal info edit end */
.dashboard_profile_info_edit h2 {
    margin-bottom: 0;
}

.dashboard_profile_info_edit h2 a {
    background: #DB3236;
    color: var(--colorWhite);
}

.info_edit_form input,
.info_edit_form textarea {
    margin-top: 20px;
    background: var(--colorWhite);
}

.info_edit_form .select2-container .select2-selection--single {
    margin-top: 20px;
}

.info_edit_form .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 28px;
}

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

/* personal info edit end */

/* order start */
.dashboard_order {
    margin-top: 30px;
    overflow: hidden;
    border: 1px solid #01040E14;
}

.dashboard_order table {
    width: 100%;
}

.dashboard_order table tr {
    border-top: 1px solid #01040E14;
}

.dashboard_order table tr th {
    color: var(--colorWhite);
    font-family: var(--headingFont);
    font-size: 16px;
    font-weight: 500;
    background: var(--colorPrimary);
    padding: 10px;
}

.dashboard_order table tr td {
    color: var(--paraColor);
    font-size: 16px;
    font-weight: 400;
    padding: 15px;
}

.dashboard_order table tr th,
.dashboard_order table tr td {
    width: 20%;
    text-align: center;
    min-width: 150px;
}

.dashboard_order table tr td span {
    display: block;
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 16px;
    font-weight: 400;
    padding: 7px 0;
    width: 135px;
    margin: 0 auto;
}

.dashboard_order table tr td .complete {
    background: rgba(255, 124, 8, 0.10);
    color: #FF7C08;
}

.dashboard_order table tr td .active {
    color: var(--colorPrimary);
    background: rgba(110, 179, 86, 0.10);
}

.dashboard_order table tr td .cancel {
    color: var(--colorRed);
    background: rgba(240, 12, 12, 0.10);
}

.dashboard_order table tr td a {
    color: var(--colorBlack);
    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;
}

.dashboard_order table tr td a:hover {
    color: var(--colorPrimary);
}

/* order end */

/* order invoice start */
.dashboard_content .back_btn i {
    margin-right: 5px;
    margin-left: 0;
}

.dashboard_order_invoice {
    border: 1px solid #01040E14;
    margin-top: 30px;
    overflow: hidden;
}

.dashboard_invoice_logo_area {
    background: #F7F9FB;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 30px;
}

.dashboard_invoice_logo_area .invoice_logo {
    width: 150px;
}

.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;
    color: var(--colorBlack);
}

.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: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}

.dashboard_invoice_header .text ul li {
    font-size: 16px;
    font-weight: 400;
    color: var(--paraColor);
    margin-top: 5px;
}

.dashboard_invoice_header .text ul li span {
    color: var(--colorBlack);
    font-weight: 500;
    text-transform: capitalize;
    display: inline-block;
    width: 100px;
}

.invoice_table {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #01040E14;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.invoice_table table tr th,
.invoice_table table tr td {
    width: 25%;
    padding: 12px 30px;
    text-align: left;
}

.dashboard_invoice_footer {
    padding: 30px;
    position: relative;
    margin-top: 30px;
}

.dashboard_invoice_footer h4 {
    font-size: 20px;
    margin-bottom: 10px;
}

.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: 500;
}

/* order invoice end */

/* dashboard review start */
.dashboard_reviews {
    margin-top: 30px;
}

.dashboard_reviews .pagination ul {
    justify-content: start;
}

/* dashboard review end */

/* dashboard change password start */
.dashboard_change_password {
    margin-top: 30px;
    background: #F7F9FB;
    padding: 35px;
}

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

/* dashboard change password end */
/*==========================
    DASHBOARD PAGE END
==========================*/